From f326bd639d60371be34f2d4f4cf5fd6081503477 Mon Sep 17 00:00:00 2001 From: Abdi Tolessa <41271840+AbdiTolesa@users.noreply.github.com> Date: Mon, 16 Mar 2026 22:21:53 +0300 Subject: [PATCH 1/5] Extend Style slider component's usability --- css/admin/frm-settings-components.css | 627 +- css/admin/welcome-tour.css | 153 +- css/font_icons.css | 89 +- css/frm_admin.css | 11946 +++++++++++++- css/frm_testing_mode.css | 2860 +++- js/addons-page.js | 4846 +++++- js/form-templates.js | 6800 +++++++- js/formidable-settings-components.js | 2932 +++- js/formidable-web-components.js | 5836 ++++++- js/formidable_admin.js | 13301 +++++++++++++++- js/formidable_blocks.js | 2716 +++- js/formidable_dashboard.js | 960 +- js/formidable_overlay.js | 794 +- js/formidable_styles.js | 3161 +++- js/frm_testing_mode.js | 3487 +++- js/onboarding-wizard.js | 1901 ++- .../components/slider-component.js | 6 + .../frm-border-radius-component.css | 230 +- .../frm-colorpicker-component.css | 155 +- .../frm-dropdown-component.css | 133 +- .../frm-range-slider-component.css | 291 +- .../frm-tab-navigator-component.css | 244 +- .../frm-typography-component.css | 167 +- js/welcome-tour.js | 4438 +++++- 24 files changed, 68044 insertions(+), 29 deletions(-) diff --git a/css/admin/frm-settings-components.css b/css/admin/frm-settings-components.css index 460b746c3a..c2a027558e 100644 --- a/css/admin/frm-settings-components.css +++ b/css/admin/frm-settings-components.css @@ -1 +1,626 @@ -.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} +/*!***********************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/css-unicode-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/scss/admin/frm-settings-components.scss ***! + \***********************************************************************************************************************************************************************************************************************************************/ +/** + * Formidable Forms settings components styles + */ +/** + * Accordion settings component styles + */ +.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; +} + +/** + * Color picker component styles + */ +.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 rgb(208, 213, 221); + 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; +} + +/** + * Background image component styles + */ +.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: white; + 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, 0.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; +} + +/** + * Radio buttons component styles + */ +.frm-style-component .frm-radio-container { + max-width: 216px; + height: 36px; + background: rgb(242, 244, 247); + 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: white; + 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: 0.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: rgb(234, 236, 240); + border-radius: var(--small-radius); + box-shadow: var(--button-shadow); +} + +.frm-style-component .frm-radio-container input { + display: none; +} + +/** + * Sliders component styles + */ +.frm-style-component .frm-slider-container { + width: calc(100% - 91px); + display: flex; + align-items: center; + color: rgb(29, 41, 57); +} +.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: rgb(65, 153, 253); + 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: rgb(65, 153, 253); + box-shadow: 0 1.88px 4px -1px rgba(16, 24, 40, 0.03), 0 6px 8px -2px rgba(16, 24, 40, 0.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: rgb(16, 24, 40); + 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-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: 0.3s opacity, 0.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 rgb(65, 153, 253); + opacity: 0; + transition: 0.3s opacity, 0.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: 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-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: white; + 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: rgb(16, 24, 40); + 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: rgb(102, 112, 133); + 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: rgb(234, 236, 240); + 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: 0.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; +} + +/** + * Tabs component styles + */ +.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: rgb(242, 244, 247); + 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: white; + 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: rgb(242, 244, 247); + height: 44px; + margin: 0; + border-radius: var(--small-radius); +} +.frm-style-tabs-wrapper .frm-tabs-delimiter .frm-tabs-active-underline { + height: 28px; + background: white; + position: absolute; + left: 0; + bottom: 8px; + transition: 0.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: 0.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: 0.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: 0.35s opacity linear; +} + +/** + * Miscellaneous settings component styles + */ +.frm-style-component .frm_toggle_slider { + background: rgb(242, 244, 247); +} + +.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: transparent; +} +.frm-unit-input .frm-input-group-suffix select:focus-visible { + outline: 1px solid var(--primary-500); + outline-offset: -2px; +} + +/*# sourceMappingURL=frm-settings-components.css.map*/ \ No newline at end of file diff --git a/css/admin/welcome-tour.css b/css/admin/welcome-tour.css index 6b3f3cf0fc..306d2df092 100644 --- a/css/admin/welcome-tour.css +++ b/css/admin/welcome-tour.css @@ -1 +1,152 @@ -.frm-checklist{width:316px;height:400px;overflow:hidden}.frm-checklist,.frm-checklist *,.frm-checklist *::before,.frm-checklist *::after{box-sizing:border-box}.frm-checklist p,.frm-checklist span{font-size:var(--text-xs)}.frm-checklist__header .frmsvg{transition:transform 200ms ease-out 50ms}.frm-checklist__progress-bar{height:8px}.frm-checklist__progress-fill{width:0}.frm-checklist__dismiss{height:50px;border-top:1px solid var(--grey-100) !important;cursor:pointer;transition:height 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-checklist__dismiss>span{transition:color 150ms ease-out}.frm-checklist__dismiss:hover>span{color:var(--grey-600) !important}.frm-checklist__completed{height:100%}.frm-checklist__completed p{color:var(--grey-800);margin:0}.frm-checklist__step-status{height:16px;width:16px;border-radius:50%;border:1.5px dashed var(--grey-400)}.frm-checklist__step-description{background-color:var(--grey-50);border-radius:var(--small-radius);line-height:var(--leading);display:none}.frm-checklist__step--active .frm-checklist__step-title,.frm-checklist__step--active .frm-checklist__step-title a{font-weight:600;color:var(--grey-800)}.frm-checklist__step--active .frm-checklist__step-description{display:block}.frm-checklist__step--completed .frm-checklist__step-status{background-color:var(--success-500);border-style:solid;border-color:var(--success-500)}.frm-checklist--collapsed{height:auto}.frm-checklist--collapsed .frm-checklist__steps{display:none}.frm-checklist--collapsed .frm-checklist__dismiss{height:0;overflow:hidden}.frm-checklist--collapsed .frm-checklist__header .frmsvg{transform:rotate(-180deg)}.frm-spotlight{--fadeout-time: 25ms;position:fixed;cursor:default}.frm-spotlight[data-placement=right]{transform:translateY(-50%)}.frm-spotlight[data-placement=bottom]{transform:translateX(-50%)}.frm-spotlight>*{flex:0 0 auto}.frm-spotlight__content{position:relative;box-sizing:border-box;flex-shrink:0;width:242px;border:1px solid var(--grey-200);overflow:visible}.frm-spotlight__content::after{content:"";position:absolute;width:11px;height:11px;background-color:inherit;transform:translateY(-50%) rotate(45deg);border-left:1px solid var(--grey-200);border-radius:2px}.frm-spotlight[data-placement=right] .frm-spotlight__content::after{top:50%;left:-6px;transform:translateY(-50%) rotate(45deg);border-bottom:1px solid var(--grey-200)}.frm-spotlight[data-placement=bottom] .frm-spotlight__content::after{top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);border-top:1px solid var(--grey-200)}.frm-spotlight__pointer{box-sizing:border-box;width:14px;height:14px;background-color:var(--grey-600);padding:3px;border-radius:50%}.frm-spotlight[data-placement=right] .frm-spotlight__pointer{margin-right:var(--gap-2xs)}.frm-spotlight[data-placement=bottom] .frm-spotlight__pointer{margin-bottom:var(--gap-2xs)}.frm-welcome-tour .frm-checklist{position:fixed;right:var(--gap-md);bottom:var(--gap-sm);z-index:9999} +/*!************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/css-unicode-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/scss/admin/welcome-tour.scss ***! + \************************************************************************************************************************************************************************************************************************************/ +.frm-checklist { + width: 316px; + height: 400px; + overflow: hidden; +} +.frm-checklist, +.frm-checklist *, +.frm-checklist *::before, +.frm-checklist *::after { + box-sizing: border-box; +} +.frm-checklist p, +.frm-checklist span { + font-size: var(--text-xs); +} +.frm-checklist__header .frmsvg { + transition: transform 200ms ease-out 50ms; +} +.frm-checklist__progress-bar { + height: 8px; +} +.frm-checklist__progress-fill { + width: 0; +} +.frm-checklist__dismiss { + height: 50px; + border-top: 1px solid var(--grey-100) !important; + cursor: pointer; + transition: height 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +.frm-checklist__dismiss > span { + transition: color 150ms ease-out; +} +.frm-checklist__dismiss:hover > span { + color: var(--grey-600) !important; +} +.frm-checklist__completed { + height: 100%; +} +.frm-checklist__completed p { + color: var(--grey-800); + margin: 0; +} +.frm-checklist__step-status { + height: 16px; + width: 16px; + border-radius: 50%; + border: 1.5px dashed var(--grey-400); +} +.frm-checklist__step-description { + background-color: var(--grey-50); + border-radius: var(--small-radius); + line-height: var(--leading); + display: none; +} +.frm-checklist__step--active .frm-checklist__step-title, +.frm-checklist__step--active .frm-checklist__step-title a { + font-weight: 600; + color: var(--grey-800); +} +.frm-checklist__step--active .frm-checklist__step-description { + display: block; +} +.frm-checklist__step--completed .frm-checklist__step-status { + background-color: var(--success-500); + border-style: solid; + border-color: var(--success-500); +} +.frm-checklist--collapsed { + height: auto; +} +.frm-checklist--collapsed .frm-checklist__steps { + display: none; +} +.frm-checklist--collapsed .frm-checklist__dismiss { + height: 0; + overflow: hidden; +} +.frm-checklist--collapsed .frm-checklist__header .frmsvg { + transform: rotate(-180deg); +} + +.frm-spotlight { + --fadeout-time: 25ms; + position: fixed; + cursor: default; +} +.frm-spotlight[data-placement=right] { + transform: translateY(-50%); +} +.frm-spotlight[data-placement=bottom] { + transform: translateX(-50%); +} +.frm-spotlight > * { + flex: 0 0 auto; +} +.frm-spotlight__content { + position: relative; + box-sizing: border-box; + flex-shrink: 0; + width: 242px; + border: 1px solid var(--grey-200); + overflow: visible; +} +.frm-spotlight__content::after { + content: ""; + position: absolute; + width: 11px; + height: 11px; + background-color: inherit; + transform: translateY(-50%) rotate(45deg); + border-left: 1px solid var(--grey-200); + border-radius: 2px; +} +.frm-spotlight[data-placement=right] .frm-spotlight__content::after { + top: 50%; + left: -6px; + transform: translateY(-50%) rotate(45deg); + border-bottom: 1px solid var(--grey-200); +} +.frm-spotlight[data-placement=bottom] .frm-spotlight__content::after { + top: -6px; + left: 50%; + transform: translateX(-50%) rotate(45deg); + border-top: 1px solid var(--grey-200); +} +.frm-spotlight__pointer { + box-sizing: border-box; + width: 14px; + height: 14px; + background-color: var(--grey-600); + padding: 3px; + border-radius: 50%; +} +.frm-spotlight[data-placement=right] .frm-spotlight__pointer { + margin-right: var(--gap-2xs); +} +.frm-spotlight[data-placement=bottom] .frm-spotlight__pointer { + margin-bottom: var(--gap-2xs); +} + +.frm-welcome-tour .frm-checklist { + position: fixed; + right: var(--gap-md); + bottom: var(--gap-sm); + z-index: 9999; +} + +/*# sourceMappingURL=welcome-tour.css.map*/ \ No newline at end of file diff --git a/css/font_icons.css b/css/font_icons.css index 0a2a2f899a..b567c55fa0 100644 --- a/css/font_icons.css +++ b/css/font_icons.css @@ -1 +1,88 @@ -@font-face{font-family:"s11-fp";src:url("../fonts/s11-fp.woff?v=7") format("woff");font-weight:400;font-style:normal}.frm-submenu-highlight{background:#1da867}.frm-submenu-highlight a span{color:#fff;font-weight:600}.frmfont,.frm_icon_font{text-decoration:none;text-shadow:none;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto;line-height:1.5;transition:color .1s ease-in-out,opacity .1s ease-in-out;font-size:18px}i.frmfont,i.frm_icon_font{font-style:normal;font-variant:normal;speak:none}.frmfont::before,select.frmfont,.frm_icon_font::before,select.frm_icon_font{font-family:"s11-fp" !important;text-align:center}.frmfont,a.frmfont,.frmfont:hover,a.frmfont:hover .frm_icon_font,a.frm_icon_font,.frm_icon_font:hover,a.frm_icon_font:hover{text-decoration:none !important;box-shadow:none}.frmfont:focus,.frm_icon_font:focus{box-shadow:none}.frmfont:active,.frm_icon_font:active{outline:none}.frm_trigger .frm_icon_font{padding:0 5px}.frm_tooltip_icon::before{content:"\e611"}.frm_delete_icon::before{content:"\e610" !important}.frm_arrowdown6_icon::before{content:"\e62a"} +/*!****************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/css-unicode-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/scss/font_icons.scss ***! + \****************************************************************************************************************************************************************************************************************************/ +/** + * Font Icons + */ +@font-face { + font-family: "s11-fp"; + src: url("../fonts/s11-fp.woff?v=7") format("woff"); + font-weight: 400; + font-style: normal; +} +.frm-submenu-highlight { + background: #1da867; +} + +.frm-submenu-highlight a span { + color: #fff; + font-weight: 600; +} + +.frmfont, +.frm_icon_font { + text-decoration: none; + text-shadow: none; + font-weight: 400; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: auto; + line-height: 1.5; + transition: color 0.1s ease-in-out, opacity 0.1s ease-in-out; + font-size: 18px; +} + +i.frmfont, +i.frm_icon_font { + font-style: normal; + font-variant: normal; + speak: none; +} + +.frmfont::before, +select.frmfont, +.frm_icon_font::before, +select.frm_icon_font { + font-family: "s11-fp" !important; + text-align: center; +} + +.frmfont, +a.frmfont, +.frmfont:hover, +a.frmfont:hover .frm_icon_font, +a.frm_icon_font, +.frm_icon_font:hover, +a.frm_icon_font:hover { + text-decoration: none !important; + box-shadow: none; +} + +.frmfont:focus, +.frm_icon_font:focus { + box-shadow: none; +} + +.frmfont:active, +.frm_icon_font:active { + outline: none; +} + +.frm_trigger .frm_icon_font { + padding: 0 5px; +} + +.frm_tooltip_icon::before { + content: "\e611"; +} + +.frm_delete_icon::before { + content: "\e610" !important; +} + +.frm_arrowdown6_icon::before { + content: "\e62a"; +} + +/*# sourceMappingURL=font_icons.css.map*/ \ No newline at end of file diff --git a/css/frm_admin.css b/css/frm_admin.css index 5e6551eaf3..b62f9367d2 100644 --- a/css/frm_admin.css +++ b/css/frm_admin.css @@ -1,3 +1,11945 @@ -@font-face{font-family:"s11-fp";src:url("../fonts/s11-fp.woff?v=7") format("woff");font-weight:400;font-style:normal}.frm-submenu-highlight{background:#1da867}.frm-submenu-highlight a span{color:#fff;font-weight:600}.frmfont,.frm_icon_font{text-decoration:none;text-shadow:none;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto;line-height:1.5;transition:color .1s ease-in-out,opacity .1s ease-in-out;font-size:18px}i.frmfont,i.frm_icon_font{font-style:normal;font-variant:normal;speak:none}.frmfont::before,select.frmfont,.frm_icon_font::before,select.frm_icon_font{font-family:"s11-fp" !important;text-align:center}.frmfont,a.frmfont,.frmfont:hover,a.frmfont:hover .frm_icon_font,a.frm_icon_font,.frm_icon_font:hover,a.frm_icon_font:hover{text-decoration:none !important;box-shadow:none}.frmfont:focus,.frm_icon_font:focus{box-shadow:none}.frmfont:active,.frm_icon_font:active{outline:none}.frm_trigger .frm_icon_font{padding:0 5px}.frm_tooltip_icon::before{content:"\e611"}.frm_delete_icon::before{content:"\e610" !important}.frm_arrowdown6_icon::before{content:"\e62a"}: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)}@font-face{font-family:"Inter";src:url("../fonts/Inter-VariableFont_slnt,wght.ttf?v=1") format("truetype")}.with_frm_style,.frm-white-body .wpbody-content,.frm_wrap{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}@media not all and (min-resolution: 0.001dpcm){@supports(-webkit-appearance: none) and (stroke-color: transparent){.with_frm_style,.frm-white-body .wpbody-content,.frm_wrap{-webkit-font-smoothing:antialiased}}}.frm-sm-z-index{z-index:1}.frm-md-z-index{z-index:5}.frm-white-body,.frm-white-body p,.frm_wrap,.frm_wrap p,.frm-modal,.frm-white-body .postbox .inside{font-size:var(--text-sm);color:var(--grey-500);line-height:var(--leading)}.frm-white-body p,.frm_wrap p{margin:var(--gap-sm) 0}body:not(.frm-admin-page-styles):not(.frm-admin-page-style) .with_frm_style .frm_form_fields>fieldset{--fieldset-padding: 15px 0}a,.widget .widget-top,.stuffbox h3,.frm-collapsed{cursor:pointer;text-decoration:none}.post-type-frm_display .wrap>#posts-filter,.wrap.frm-with-margin,.frm_wrap>.wrap{margin:var(--gap-sm) var(--gap-md) var(--gap-md)}#frm_top_bar+.wrap{margin:var(--gap-xl)}.frm-full-screen #wpbody-content>.wrap{margin:0}.post-type-frm_display .wrap{margin:0}.toplevel_page_formidable #post-body-content{overflow-x:visible}.frm-full-screen{height:100%;overflow:hidden}.frm-full-screen.frm-admin-page-reports,.frm-full-screen.frm-admin-page-entries,.frm-full-screen.post-type-frm_display{overflow:auto}.frm-full-screen #wpadminbar,.frm-full-screen #adminmenumain,.frm-full-screen .wp-header-end{display:none}body.frm-white-body:not(.frm-full-screen) .mce-fullscreen{top:32px;left:160px}.frm-full-screen #wpbody-content,.frm-full-screen #wpbody,.frm-full-screen #wpcontent{padding:0;overflow:hidden;margin:0 !important}.frm-white-body #wpbody-content{position:relative;padding-bottom:0}.post-new-php.post-type-frm_display #screen-meta-links,.post-php.post-type-frm_display #screen-meta-links{display:none}.frm-white-body #screen-meta-links{position:fixed;bottom:0;right:20px}.frm-full-screen #screen-meta-links .screen-meta-toggle{right:55px}.frm-white-body #screen-meta-links .show-settings{border-radius:var(--small-radius) var(--small-radius) 0 0;border:1px solid var(--grey-300);border-bottom:none}.frm-white-body.frm-lite #screen-meta-links .screen-meta-toggle{right:125px}.frm-white-body #screen-meta{margin:0}.frm-white-body #screen-meta-links .show-settings::after{color:var(--grey)}.frm-white-body .columns-2{border-bottom:1px solid var(--grey-300)}.frm-full-screen .columns-2{border:none}body.post-type-frm_display.edit-php,body.frm-white-body{background:#fff}body.frm-white-body ul#adminmenu a.wp-has-current-submenu::after,body.frm-white-body ul#adminmenu>li.current>a.current::after{border-right-color:#fff}.frm-white-body #wpcontent{padding-left:0;padding-right:0}.frm-white-body .wrap #post-body{padding:0 20px}.frm-grey-body #wpbody{background:var(--grey-100)}.frm-grey-body #frm_top_bar{background:#fff}.post-type-frm_display .tablenav,.frm_wrap .tablenav{margin-bottom:10px}.frm-white-body .tablenav .actions select,.wp-admin .frm_wrap .tablenav select{margin-right:var(--gap-xs)}.tablenav .actions .button{margin-top:1px}.frm-white-body table.widefat{background:var(--lightest-grey);border-width:0;box-shadow:none;margin:20px 0}.frm-white-body table.widefat tfoot,.frm-white-body table.widefat thead{background:#fff}.frm-white-body table.widefat th{font-size:var(--text-md)}.frm-white-body table.widefat th a{color:var(--grey-700)}.frm-white-body table.widefat strong a{color:var(--primary-700)}.frm-scroll-box{clear:both;overflow:auto;max-height:405px;border:1px solid var(--grey-300);border-radius:var(--small-radius)}.frm_form_field.frm_scroll_box .frm_opt_container{height:100px;overflow:auto;border:1px solid var(--grey-300)}.frm_form_field.frm6_followed:not(.frm_hidden):not(.frm-force-hidden)+p,.frm_form_field.frm6_followed:not(.frm_hidden):not(.frm-force-hidden)+div,.frm_form_field.frm6_followed:not(.frm_hidden):not(.frm-force-hidden)+span{grid-column:span 6/span 6;align-content:center}.frm_form_field.frm12_followed:not(.frm_hidden):not(.frm-force-hidden)+p,.frm_form_field.frm12_followed:not(.frm_hidden):not(.frm-force-hidden)+div,.frm_form_field.frm12_followed:not(.frm_hidden):not(.frm-force-hidden)+span{grid-column:span 12/span 12 !important;align-content:center}.frm_form_field.frm-phone-type~[id*=frm-field-format-custom-]>label,.frm_form_field.frm-format-dropdown~[id*=frm-field-format-custom-]>label{opacity:0}.frm_form_field.frm-format-dropdown~[id*=frm-field-format-custom-]{grid-column:span 6/span 6}.frm-single-settings.frm-type-textarea>.frm_grid_container [id*=frm-field-format-custom-]+p{grid-column:span 12/span 12}.frm-single-settings .frm_grid_container{column-gap:var(--gap-sm)}.frm-content-center{align-content:center}.frm-self-end{align-self:end}.frm-short-list{overflow:auto;max-height:190px}.frm-white-body table.frm-border td{font-size:var(--text-sm)}.frm-white-body .striped>tbody>:nth-child(odd){background-color:#fff}.frm_wrap td.column-title strong{display:inline}#frm_top_bar{display:flex;gap:var(--gap-sm);width:100%;height:72px;margin:0;box-sizing:border-box;text-align:center;padding:0 var(--gap-md)}#frm_top_bar>.frm-full-close:last-child,#frm_top_bar>#frm-publishing:last-child{margin-left:auto}#frm_top_bar{border-bottom:1px solid var(--grey-300);padding:0 var(--gap-md);overflow:visible}.frm-white-body h1,.frm-white-body h2,.frm-white-body h3,.frm-white-body h4{color:var(--grey-900);font-weight:400;line-height:var(--leading) !important}.frm-white-body .wrap h1,.frm-white-body h1{font-size:var(--text-xl)}.frm-white-body .wrap h2,.frm-white-body h2{font-size:var(--text-lg);font-weight:500}.frm-white-body .wrap h3,.frm-white-body h3{font-size:var(--text-md)}.frm-white-body .wrap h4,.frm-white-body h4{font-size:var(--text-sm);font-weight:500}#frm_error_modal .frm_lock_simple{padding:20px;border-radius:50%;background-color:var(--primary-25);display:inline-block}#frm_error_modal #frm_lock_simple{color:var(--primary-500)}#frm_error_modal .frm-modal-title{display:block}#frm_error_modal .frm-modal-title h2{font-weight:600;font-size:var(--text-xl);margin:0}#frm_error_modal .frm_modal_content{padding:var(--gap-md);color:var(--grey-900)}.frm-views-editor-body .frm_page_container #frm_top_bar h1{padding:0 !important;color:var(--grey-900);font-size:var(--text-xl) !important}.post-type-frm_display .frm_top_left{padding-bottom:0 !important}.frm-new-table-view-option.frm-selected-table-view-option{border-radius:var(--small-radius);background:var(--primary-25)}.frm-views-editor-body #frm_adv_info .tabs-panel{padding-left:4px;padding-right:4px}#frm_edit_box_content_modal .frm_modal_footer{padding-top:var(--gap-sm);border-top:1px solid var(--grey-300)}#frm_edit_box_content_modal .frm_modal_footer>div{display:flex;justify-content:space-between}#frm_edit_box_content_modal #frm_modal_box_select_area,#frm_edit_box_content_modal #frm_box_content_wysiwyg_wrapper,#frm_edit_box_content_modal .frm_modal_content{max-height:calc(100vh - 176px) !important}#frm_edit_box_content_modal #frm_modal_box_select_area{height:calc(100vh - 176px) !important}#frm_edit_box_content_modal #wp-content-editor-tools{padding-top:0}#frm_edit_box_content_modal.frm-modal .postbox .frm-modal-title+div:last-child{right:var(--gap-md)}.frm_code_list.frm-full-hover .frm-dropdown-view a{flex-direction:row-reverse}#frm_view_editor_left.frm-right-panel .accordion-section-title::before{content:"" !important;margin:0}.frm-gradient,.frm-upgrade-bar{background:linear-gradient(90deg, #388cf3, #1961d5, #8c7fd8) !important;color:#fff !important;border:0 !important}.frm-gradient.frm-button-primary:not([disabled]),.frm-gradient.frm-button-primary:not([disabled]):hover,.frm-gradient.frm-button-primary:not([disabled]):focus{background:linear-gradient(90deg, #1961d5, #816cfa) !important}.frm-upgrade-bar,.frm-gradient{position:relative}.frm-upgrade-bar::before,.frm-gradient::before{content:"";display:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,.1);z-index:0}.frm-upgrade-bar:hover::before,.frm-gradient:hover::before,.frm-gradient:focus::before{display:block}.frm-upgrade-bar-inner,.frm-gradient>*{position:relative;z-index:1}.frm-upgrade-bar{border-bottom:1px solid var(--sidebar-hover);padding:9px 0;font-size:12px;text-align:center}.frm-upgrade-bar a{color:currentColor !important;text-decoration:underline}.frm-upgrade-bar a:focus{outline:1px dotted var(--sidebar-hover)}.frm-upgrade-bar span{opacity:.9}a h1 .frmsvg{color:var(--grey-400);vertical-align:middle;min-width:var(--text-sm)}a .frmsvg{color:currentColor}.frm_wrap .view-switch a.current::before,.frm-white-body a,.frm_wrap a,.frm_wrap a i{color:var(--primary-color)}.frm_wrap a:active,.frm_wrap a:hover{color:var(--primary-700);box-shadow:none}.post-type-frm_display a:focus,.frm_wrap a:focus{box-shadow:none}.frm_top_left{text-align:left;float:left;white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis;align-self:center}.post-type-frm_display .frm_top_left,.frm_top_left.frm_top_wide{max-width:100%}.post-type-frm_display .frm_nav_bar .frm-header-logo,.frm_nav_bar .frm-header-logo{margin:18px 0 10px}#frm_top_bar .frm_form_nav{flex:1}ul.frm_form_nav{margin:0 auto;padding-top:18px;display:block;min-width:240px}.nav-tab-wrapper.frm_form_nav{padding:0 25px}ul.frm_form_nav>li{margin:0 min(3.5%,32px) 0 0;display:inline-block}.post-type-frm_display #advanced-sortables h2.hndle,.post-type-frm_display #side-sortables h2.hndle,.post-type-frm_display #normal-sortables h2.hndle,.post-type-frm_display .frm_form_nav .nav-tab-active,.frm_form_nav>li>a{font-size:1.3em;text-decoration:none;display:block;padding:6px 2px 4px;font-weight:500;color:var(--grey-700);border-bottom:2px solid rgba(0,0,0,0)}.post-type-frm_display.js .postbox .handlediv .toggle-indicator::before{margin-top:10px}.frm-nav-tabs a:focus,.frm-nav-tabs a:active,.frm_form_nav a:active,.frm_form_nav a:focus{outline:none;box-shadow:none}.frm_form_nav>li>a{font-size:var(--text-md);font-weight:400;color:var(--grey-500)}.frm_form_nav>li>a:hover{border-color:var(--primary-700)}.frm_form_nav .frm-dropdown-menu a:hover{background-color:#eaf2fa}.post-type-frm_display .frm_form_nav .nav-tab-active,.post-type-frm_display .frm_form_nav .nav-tab-active:hover,.frm_form_nav>li a.current_page{color:var(--primary-500);border-color:var(--primary-500);background:rgba(0,0,0,0);opacity:1;font-weight:600}.frm-full-close{display:none;padding-left:var(--gap-md);border:0 solid var(--grey-300);border-left-width:1px;height:100%;box-sizing:border-box}.frm-full-screen .frm-full-close{display:flex;align-items:center}.frm-full-close a{display:block}.frm-full-close .frmsvg{font-size:20px;width:20px;height:20px;color:var(--grey-500)}#frm_top_bar h1{font-weight:400;padding:0;margin:0;color:var(--grey-900);display:inline-flex;gap:var(--gap-sm);align-items:center;text-align:left;min-width:200px}#frm_top_bar h1 span{max-width:175px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;vertical-align:bottom}#frm_top_bar ul.frm_form_nav,#frm_top_bar .frm-header-logo,#frm_top_bar #frm_bs_dropdown{align-self:center;margin-top:0;margin-bottom:0;padding-top:0}#frm_top_bar .frm-header-logo{display:flex}#frm_top_bar h2{float:left;margin:0 0 0 var(--gap-sm);padding:2px 0 2px var(--gap-sm);font-weight:400;border-left:2px solid var(--grey)}.frm_wrap>#frm_top_bar #frm-publishing{margin-top:0}#frm-publishing{min-width:225px;align-self:center;align-items:center;display:flex;flex-direction:row-reverse;gap:0 var(--gap-sm);flex-wrap:wrap}.frm_wrap .postbox{border-color:var(--grey-300);border-radius:6px;box-shadow:none}.frm_wrap .postbox h3.hndle{cursor:default;padding:10px 20px;margin:0;line-height:1.4em;border-color:var(--grey-300)}.frm-pre-hndle{font-size:15px;padding:5px;margin:9px 15px}.frm-empty-row{display:none}.frm-child-row{box-shadow:5px 0 0 0 inset var(--sidebar-hover)}.frm_animate_bg{transition:background 200ms linear,color 200ms linear}.wrap>.subsubsub{clear:both;margin:0}.frm_wrap .subsubsub a{line-height:var(--leading);font-size:var(--text-sm)}.frm-admin-page-styles .frm_page_container,.frm_wrap .frm_page_container{height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;padding-top:0;position:fixed;top:32px;bottom:0;left:0;right:0}.frm-admin-page-translate .frm_wrap .frm_page_container,.frm-admin-page-update_translations .frm_wrap .frm_page_container{position:static}.auto-fold.frm-admin-page-styles .frm_page_container,.auto-fold .frm_wrap .frm_page_container,.frm-unfold.frm-admin-page-styles .frm_page_container,.frm-unfold .frm_wrap .frm_page_container{left:160px}.folded.frm-admin-page-styles .frm_page_container,.folded .frm_wrap .frm_page_container{left:38px}.frm-full-screen.frm-admin-page-styles .frm_page_container,.frm-full-screen .frm_wrap .frm_page_container{height:100vh;top:0;left:0}.frm-full-screen.frm-admin-page-entries .frm_page_container,.frm-new-entry .frm_page_container,.frm-admin-page-reports .frm_page_container,.frm_list_entry_page .frm_page_container{height:auto;display:block}.frm-new-entry .columns-2{border:none}.frm-white-body #frm_top_bar,.frm-white-body .columns-2{flex:0 0 auto}.columns-2 .frm-right-panel+div{padding-bottom:var(--gap-md);border-left:1px solid var(--grey-300)}.columns-2 .frm-right-panel+div,.frm_wrap #post-body-content{padding-bottom:0;padding-top:var(--gap-sm);margin-bottom:0;background:#fff;width:auto;float:none;flex:2}.frm-white-body .columns-2{flex:1;display:flex;overflow:hidden}.frm-white-body .columns-2>div{overflow-y:auto;box-sizing:border-box}.frm_wrap .columns-2 .frm-right-panel,.frm-right-panel{flex:0 0 var(--biggest-sidebar);float:none;width:var(--biggest-sidebar);min-width:var(--biggest-sidebar);background-color:var(--sidebar-color);margin:0;box-shadow:none;border:none;padding-bottom:25px}.frm-right-panel .frm_field_list,.frm_wrap .frm-right-panel #frm_adv_info,.frm_wrap #postbox-container-1 #frm_adv_info{box-shadow:none;border:none;margin-bottom:26px}#new_fields,.frm-has-modal,p.frm_has_shortcodes{position:relative}.frm-inline-modal.postbox{background:#fff;border-color:var(--grey-100);border-radius:var(--small-radius);box-shadow:var(--box-shadow-lg)}.frm_has_shortcodes .frmsvg:not(.frm_help .frmsvg),.frm_has_shortcodes i:not([class*=mce-]){position:absolute;color:var(--primary-500);border-radius:50%;border:1px solid rgba(0,0,0,0);z-index:100;text-align:center}.frm_has_shortcodes .frmsvg.frm-show-box{border-radius:6px !important}.frm_has_shortcodes input,.frm_has_shortcodes textarea{padding-left:18px;box-sizing:border-box}#form_settings_page #frm_adv_info,#frm_builder_page #frm_adv_info{display:none;top:0;width:310px;max-height:315px;min-height:200px;overflow-y:scroll;z-index:100}#form_global_settings .columns-2>div{overflow:auto;height:calc(100vh - 32px)}#form_global_settings .columns-2 .frm-right-panel,#form_settings_page .columns-2 .frm-right-panel,#wpbody-content .frm-page-skeleton .frm-right-panel{flex:0 0 var(--small-sidebar);width:var(--small-sidebar);min-width:var(--small-sidebar)}#form_global_settings .frm_grid_container{gap:0 var(--gap-md)}.frm-inner-content{padding:var(--gap-md)}.post-type-frm_display #poststuff{padding:0 0 10px 40px}#postbox-container-2 .postbox .inside{padding:15px 25px}#postbox-container-2 #frm_advanced .inside h3{margin:15px -25px;font-weight:600}#form_settings_page .frm-inner-content{padding-top:0;padding-bottom:150px;position:relative}.frm_wrap #submitdiv{margin-bottom:0;border-width:0 0 1px;width:100%;min-width:unset}.frm_wrap #frm_adv_info .handlediv,.frm_wrap #frm_adv_info .hndle{display:none}.frm_wrap .menu-settings{border:none;margin-top:0}.nodrag a{cursor:pointer}.frm_wrap #frm_adv_info .inside{margin:0}#frm_adv_info>.inside{padding:0}#frm_adv_info ul.subsubsub{padding-bottom:var(--gap-xs) !important}#frm_adv_info ul.subsubsub a{font-weight:500}#frm_adv_info ul.subsubsub .frm-vertical-separator{display:inline-block;width:1px;height:8px;background-color:var(--grey-300)}#frm_adv_info #frm-insert-condition{background-color:var(--primary-50)}#frm_adv_info #frm-insert-condition:hover{background-color:var(--primary-25)}#frm_builder_page #frm_adv_info{width:322px;max-height:356px;border-radius:var(--small-radius);overflow:hidden}#frm_builder_page #frm_adv_info #taxonomy-linkcategory{height:356px;overflow:hidden}#frm_builder_page #frm_adv_info #taxonomy-linkcategory>div{max-height:286px;padding:0}#frm_builder_page #frm_adv_info #taxonomy-linkcategory>div>*{padding-bottom:var(--gap-sm);max-height:unset}#frm_builder_page #frm_adv_info #taxonomy-linkcategory>div>*:last-child{padding-bottom:var(--gap-xs)}#frm_builder_page #frm_adv_info #frm-nav-tabs{display:flex;gap:var(--gap-xs);background-color:var(--grey-100);border-radius:var(--small-radius);border:0;padding:var(--gap-xs);margin:var(--gap-xs) var(--gap-2xs) var(--gap-sm)}#frm_builder_page #frm_adv_info #frm-nav-tabs>li{flex:1;text-align:center}#frm_builder_page #frm_adv_info #frm-nav-tabs>li a{font-weight:500;line-height:1;color:var(--grey-500);border-radius:var(--small-radius);border:0;padding:var(--gap-xs);margin:0}#frm_builder_page #frm_adv_info #frm-nav-tabs>li a:hover{background-color:#eaecf0;color:var(--grey-500) !important;box-shadow:var(--box-shadow-sm)}#frm_builder_page #frm_adv_info #frm-nav-tabs>li.frm-tabs a{background-color:#fff;color:var(--grey-900) !important;box-shadow:var(--box-shadow-sm)}#frm_builder_page #frm_adv_info .frm-search,#frm_builder_page #frm_adv_info .frm-with-search{padding-top:0;margin:0}.frm-right-panel .frm-inline-modal.postbox .inside{margin:0;padding:0 14px 14px}.frm-right-panel .frm-inline-modal.postbox .inside .frm-with-line,.frm-right-panel .frm-inline-modal.postbox .inside .accordion-section-content h4{margin-left:-14px;margin-right:-14px}.frm-right-panel .frm-inline-modal .inside p:not(.howto),.frm-right-panel .frm-inline-modal .inside a{font-size:15px}.frm-inline-modal .inside a.frm_icon_font{font-size:18px}.frm-nav-tabs{margin:10px 0 20px;padding:0 var(--gap-sm);display:block;border-bottom:1px solid var(--grey-300)}#frm-nav-tabs{position:-webkit-sticky;position:sticky;top:0;background-color:var(--sidebar-color);z-index:98;margin-top:0;padding-top:5px}.frm_form_settings #frm_adv_info #frm-nav-tabs{background-color:#fff;margin:0 -4px}.frm_form_settings span.frm-with-right-icon,#frm_builder_page .frm_has_shortcodes span.frm-with-right-icon:not(.frm_hidden){display:block}.frm-inline-modal .frm-nav-tabs,#frm_adv_info .frm-nav-tabs{margin:5px 0 0}#frm_adv_info .frm-nav-tabs.frm-compact-nav{padding-right:0;padding-left:20px}.frm-nav-tabs li{display:inline-block;margin:0}.frm-nav-tabs a{color:var(--grey-700);padding:10px 1px;margin:0 9px;border-bottom:2px solid rgba(0,0,0,0)}.frm_form_settings #frm_adv_info .frm-nav-tabs a{padding:5px 1px;color:var(--grey-500)}.frm-nav-tabs.frm-compact-nav a{margin:0 5px}.frm-nav-tabs a{display:block;opacity:.9}#frm_adv_info .frm-nav-tabs a{color:var(--grey-700)}.frm-nav-tabs a:hover,.frm-nav-tabs .frm-tabs a{color:var(--primary-500) !important;border-color:var(--primary-500)}.frm_form_settings #frm_adv_info .frm-nav-tabs .frm-tabs a{font-weight:500}.frm-payments-tabs{margin-bottom:var(--gap-md);display:flex}.frm-payments-tabs .frm-payments-tab{font-weight:600;font-size:14px;color:var(--grey-900);display:inline-block;border-width:1px;border-style:solid;border-color:#eaecf0;padding:8px 12px;border-radius:6px 6px 0 0;background-color:#f9fafb}.frm-payments-tabs .frm-payments-tab-filler{border-bottom:1px solid #eaecf0;min-width:var(--gap-xs)}.frm-payments-tabs .frm-payments-tab-filler:last-child{flex:1}.frm-payments-tab.frm-active{background-color:#fff;border-bottom:none}.frm-payments-tab a{text-decoration:none;color:var(--grey-900)}#frm-bulk-modal .howto,#frm-bulk-modal h3{font-size:var(--text-sm);font-weight:400;margin:5px 0 10px;color:var(--grey)}#frm-bulk-modal h3{margin-left:20px}.frm-right-panel a.frm_add_logic_link,.frm-right-panel h3{color:var(--grey-700);font-size:var(--text-lg);font-weight:400;margin:0}.frm-right-panel h3 i{color:var(--grey-700);float:right;width:16px;cursor:pointer}.frm-settings-panel{padding:var(--gap-sm);padding-right:var(--gap-xs)}.frm-settings-panel .frm-style-tabs-wrapper .frm-tabs-delimiter{top:var(--gap-xs);left:var(--gap-xs);width:calc(100% - var(--gap-sm))}.frm-settings-panel .frm-style-tabs-wrapper .frm-tabs-navs{padding:var(--gap-xs) var(--gap-xs) 0}.frm-settings-panel .frm-style-tabs-wrapper .frm-tabs-slide-track>div{max-height:0;visibility:hidden}.frm-settings-panel .frm-style-tabs-wrapper .frm-tabs-slide-track>div.frm-active{max-height:unset;visibility:visible}.frm-settings-panel .frm-embed-field-placeholder{height:unset}.frm-settings-panel .frm-embed-field-placeholder img{height:100px}.frm-settings-panel .frm-embed-field-placeholder .frm-embed-message{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-sm);max-width:unset;color:var(--grey-800);padding:var(--gap-lg);border:0;box-shadow:var(--box-shadow-sm);margin:1px}.frm-single-settings .frm-default-value-wrapper>p{margin-bottom:0}.frm-single-settings .frm-default-value-wrapper+p:empty{display:none}.frm-single-settings [class*=frm-lookup-box-] .frm_grid_container p{margin-top:0 !important}.frm-single-settings .frm_single_option[id^=frm_watch_lookup_]{margin-bottom:var(--gap-xs) !important}.frm-single-settings>h3:first-of-type{position:relative;background-color:rgba(0,0,0,0) !important;border-top:none;padding-top:0 !important;margin-top:0 !important}.frm-single-settings>h3:first-of-type::after{content:"";position:absolute;left:var(--gap-sm);right:var(--gap-sm);bottom:0;height:1px;background-color:var(--sidebar-hover)}.frm-flex-justify,.frm-right-panel .frm-single-settings h3{display:flex;justify-content:space-between;align-items:center}#post-body-content+.frm-right-panel{flex:0 0 var(--medium-sidebar);width:var(--medium-sidebar);min-width:var(--medium-sidebar);border-left:1px solid var(--sidebar-hover)}.frm-new-entry #post-body-content+.frm-right-panel,.frm-new-entry .frm-right-panel{background:none;border:none}#post-body-content+.frm-right-panel h3{padding:20px 20px 0;font-size:17px}#post-body-content+.frm-right-panel .frm_with_icons:first-of-type h3{border:none}#frm-insert-fields h3{color:var(--grey);font-size:15px;font-weight:400;border-top:none;border-bottom:1px solid var(--sidebar-hover);margin:0;padding:10px 10px 10px 25px}.frm_wrap #frm_adv_info ul.category-tabs{margin:0;padding:10px 0 9px;font-size:15px;background:rgba(0,0,0,0)}.frm_wrap #frm_adv_info ul.category-tabs li{padding:10px;background-color:rgba(0,0,0,0) !important}.frm_wrap #frm_adv_info ul.category-tabs li:first-child{border:none}.frm_wrap #frm_adv_info .categorydiv div.tabs-panel{border:none;background:rgba(0,0,0,0)}.frm_wrap #frm-categorydiv{border-right:none}#frm_adv_info #frm-conditionals{padding-top:var(--gap-sm)}#postbox-container-1 #taxonomy-linkcategory #frm-html-tags{display:none;max-height:none}#postbox-container-1 .frm_field_list #frm-insert-fields .frmbutton.dropdown{position:relative}.frm-white-body #footer-upgrade{display:none}.frm-admin-footer-links,.frm-admin-footer-links-nav,.frm-admin-footer-links-socials{display:flex;justify-content:center}.frm-admin-footer-links{gap:var(--gap-2xs);flex-direction:column;text-align:center;padding:var(--gap-xl) 0 var(--gap-lg);font-size:var(--text-xs);color:var(--grey-400)}body.frm-hidden-overflow{height:100%;overflow:hidden}.frm-admin-footer-links-nav{gap:var(--gap-2xs);margin-bottom:var(--gap-xs)}.frm-admin-footer-links-socials{gap:var(--gap-xs)}.frm-admin-footer-links-socials a{color:var(--grey-400)}.frm_list_entry_page h2{float:left}.frm_list_entry_page h2+.error{clear:both}.frm_sidebar select{width:100%;margin-left:0;margin-right:0}.frm_sidebar #search-submit{float:right}.frm_single_entry_page #submitdiv{margin:0}.frm_single_entry_page .hndle a{font-size:13px}.frm-right-panel #publishing-action{float:none}.frm-right-panel #major-publishing-actions{border-top:none;height:32px;background:rgba(0,0,0,0)}#major-publishing-actions .frm_submit_form{float:right;margin-left:5px}.frm_orange_button,.frm_reverse_button{font-size:12px;border:1px solid var(--orange);color:var(--orange);font-weight:600;padding:1px 4px;border-radius:4px;background:rgba(0,0,0,0)}.frm_reverse_button:hover,.frm_reverse_button:active,.frm_reverse_button:focus{color:#fff;background:var(--orange);border:1px solid var(--orange)}.frm_reverse_button{font-size:1em;transition:all .2s ease}.frm-button-primary,.wp-core-ui .button-primary.frm-button-primary,.wp-core-ui .button.frm-button-primary,.frm-button-secondary,.wp-core-ui .button-secondary.frm-button-secondary,.wp-core-ui .button.frm-button-secondary,.frm-white-body .frm-search .button,.frm-white-body .search-box .button,.frm-white-body .tablenav .button,.frm_orange_button,.toplevel_page_formidable #frm_upgrade_modal .button-primary,.wp-core-ui.frm-white-body .button-primary,.wp-core-ui.frm-white-body .button-secondary,.frm-white-body .button-primary,.frm-white-body .button-secondary,#frm-form-button button,.frm-form-button button,.frm-preview-buttons button,.frm-button-red,.frm-button-tertiary{text-shadow:none;box-shadow:none;border-radius:30px;border:1px solid var(--primary-500);font-size:var(--text-sm);transition:all .2s ease;padding:7px 16px;height:auto;min-height:28px;outline:none;line-height:var(--leading);box-sizing:border-box;font-weight:500;margin-bottom:0;display:inline-block}.frm-button-primary.frm-sharp,.frm-button-secondary.frm-sharp{border-radius:12px !important}#wpcontent .frm-button-secondary.frm-button-gradient{position:relative;border-color:rgba(0,0,0,0) !important;background-clip:padding-box !important}#wpcontent .frm-button-secondary.frm-button-gradient::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;background:linear-gradient(90deg, #129efd 0%, #a334fd 100%);transition:opacity 150ms ease-out}#wpcontent .frm-button-secondary:hover::before{opacity:.5}.no-js.wp-core-ui .frm-search .button.hide-if-no-js,.js.wp-core-ui .frm-search .button.hide-if-js{display:none}.frm-button-tertiary{border-color:rgba(0,0,0,0);color:var(--primary-500)}.frm-button-tertiary:focus{outline:none}.frm-button-tertiary.frm_loading_button::before{border-right-color:var(--grey);border-bottom-color:var(--grey)}.frm-button-red,.frm-button-red:focus{--primary-color: var(--error-500);--primary-500: var(--error-500);--primary-700: var(--error-700)}.frm-button-red:not(.frm-button-tertiary),.frm-button-red:not(.frm-button-tertiary):focus{color:#fff !important}.frm-white-body h2 .button,.post-type-frm_display h2 .frm-button-primary,.frm-white-body .tablenav .button,.frm-button-primary.frm-button-sm,.frm-button-secondary.frm-button-sm,.frm-button-tertiary.frm-button-sm,.frm-button-red.frm-button-sm{padding:4px 12px !important;font-size:var(--text-xs) !important}.frm_no_style_button{background:rgba(0,0,0,0)}.frm-with-icon{display:flex;gap:var(--gap-xs);align-items:center}.frm-with-icon svg{opacity:.65}.frm-with-icon.button svg{height:var(--text-sm);width:var(--text-sm)}.frm-with-icon.frm-button-sm svg{height:var(--text-xs);width:var(--text-xs)}.frm-white-body .button.add_media{padding-left:12px !important;padding-right:12px !important;font-size:var(--text-xs);border-radius:var(--border-radius)}.wp-core-ui.frm-white-body #post-query-submit.button,.wp-core-ui.frm-white-body .button.tablenav-pages-navspan,.wp-core-ui.frm-white-body .button.first-page,.wp-core-ui.frm-white-body .button.prev-page,.wp-core-ui.frm-white-body .button.next-page,.wp-core-ui.frm-white-body .button.last-page,.wp-core-ui.frm-white-body .button.action{background-color:rgba(0,0,0,0);border-color:var(--grey-300);color:var(--grey-700);border-radius:var(--border-radius)}.post-type-frm_display.wp-core-ui .button-primary,.frm-button-primary,.wp-core-ui .button-primary.frm-button-primary,.frm_single_entry_page #frm-publishing .button-primary{background-color:var(--primary-500) !important;color:#fff !important}.frm-button-primary.frm_large,.frm-button-secondary.frm_large{height:auto !important;padding:12px 16px !important}.frm-button-secondary.frm-small,.frm-button-primary.frm-small{font-size:var(--text-xs) !important;height:auto !important;padding:var(--gap-2xs) 12px !important}.frm-button-primary i::before{color:#fff}.wp-core-ui .button-primary.frm-button-primary:not([disabled]):hover,.frm-button-primary:not([disabled]):hover{background:var(--primary-700) !important;border-color:var(--primary-700) !important}.wp-core-ui .button-primary.frm-button-primary:active{vertical-align:inherit}.frm-white-body #search-submit,#frm-form-button .frm_button_submit,.frm-form-button .frm_button_submit,.frm-white-body .frm-preview-buttons button,.frm-white-body .button:not(.frm-button-primary),.wp-core-ui.frm-white-body .button-secondary,.wp-core-ui .button-secondary.frm-button-secondary,.wp-core-ui .button.frm-button-secondary,.frm-white-body .frm-button-secondary,.frm-button-secondary{color:var(--grey-800);border-color:var(--grey-300);background-color:#fff}#wp-content-media-buttons button,#wp-content-media-buttons a.button{border-color:var(--grey-300)}.frm_orange_button{border-color:#da791d !important;background:var(--orange);color:#fff}.frm-white-body .button:not(.frm-button-primary):focus,.frm-white-body .button:not(.frm-button-primary):active,.frm-white-body .frm-button-secondary:hover,.wp-core-ui.frm-white-body .frm-button-secondary:hover,.wp-core-ui.frm-white-body .button-secondary:hover,.wp-core-ui.frm-white-body .button-secondary:focus,.wp-core-ui.frm-white-body .tablenav .button:hover,.frm_wrap .preview>.button:hover,.frm-white-body #search-submit:hover{border-color:var(--grey-300) !important;color:var(--grey-800);background:var(--grey-50) !important;box-shadow:none !important;outline:none !important}.frm-button-primary .frmsvg{color:#fff}.frm_wrap .preview i{font-size:inherit}.frm-white-body .frm-button-primary:focus,.frm-white-body .frm-button-primary:active,#frm-addons-page .button-primary:focus,#form_global_settings .button-primary:focus,#frm_upgrade_modal .button-primary:focus{border-color:var(--primary-700) !important;background-color:var(--primary-700) !important;box-shadow:none !important;outline:none !important}.frm_wrap .preview>.button:focus,.frm_orange_button:hover,.frm_orange_button:focus,.toplevel_page_formidable #frm_upgrade_modal .button-primary:hover,.toplevel_page_formidable #frm_upgrade_modal .button-primary:focus,.toplevel_page_formidable .frm_wrap button.button-primary:hover,.toplevel_page_formidable .frm_wrap button.button-primary:focus{outline:none}.frm_orange_button:hover,.frm_orange_button:focus{border-color:var(--orange) !important;background:rgba(0,0,0,0);color:var(--orange);opacity:1}.major-publishing-actions.frm_create_form_header{padding:8px 0}.major-publishing-actions.frm_create_form_header .frm_create_form_header_inner{font-size:15px;background:rgba(0,0,0,0)}.frm-menu-boxes .frm_blank_form_text{padding-bottom:26px}input.frm_insert_in_template{font-size:10px;width:98%;font-weight:400}.frm-dismissible a.dismiss:focus{box-shadow:none}.frm-dismissible a.dismiss{top:10px;right:10px;position:absolute}.frm-dismissible a.dismiss svg{color:var(--grey-800)}.frm-btn-unstyled{font:inherit;background:none;border:none;padding:0;cursor:pointer;outline:inherit}.frm-btn-unstyled:hover,.frm-btn-unstyled:focus,.frm-btn-unstyled:active{text-decoration:none;background:none;border:none;box-shadow:none}.frm-btn-unstyled:disabled,.frm-btn-unstyled[disabled]{pointer-events:none;opacity:.65}.wp-admin .frm-review-notice{position:fixed !important;bottom:var(--gap-2xl);right:var(--gap-lg);width:380px;text-align:center;border-color:var(--grey-100);padding:var(--gap-lg);border-radius:var(--medium-radius);box-shadow:var(--box-shadow-lg) !important;z-index:999;box-sizing:border-box;--gap-sm: 16px;--gap-md: 24px;--gap-2xl: 48px}.wp-admin .frm-review-notice *{box-sizing:border-box}.frm-review-notice-icon{display:inline-flex;margin-bottom:var(--gap-sm)}.wp-admin .frm-review-notice-title{font-weight:600;margin-top:0;margin-bottom:var(--gap-xs)}.wp-admin .frm-review-notice-text{margin-top:0;margin-bottom:var(--gap-md)}.frm-review-notice-signature{text-align:left;margin:var(--gap-md) 0}.frm-review-notice-signature img{width:40px;height:40px;padding:3px;box-shadow:var(--box-shadow-md);border-radius:100%}#wpwrap .frm-dismiss-review-notice{top:16px;right:19px}.frm-review-notice #frmapi-feedback [class^=frm__]{display:none}.frm-review-notice #frmapi-feedback input,.frm-review-notice #frmapi-feedback textarea{border-color:var(--grey-300);border-radius:var(--small-radius)}.frm-review-notice #frmapi-feedback input{min-height:unset;max-height:36px}.frm-review-notice #frmapi-feedback textarea{max-height:80px;padding-top:var(--gap-xs)}.frm-review-notice #frmapi-feedback .frm_message{color:var(--success-900);background-color:var(--success-25);border:1px solid var(--success-200);padding:var(--gap-sm) var(--gap-md);margin:0}.frm-review-notice #frmapi-feedback .frm_message p{margin:0}.frm-review-notice #frmapi-feedback .frm_button_submit{background-color:var(--primary-500);border-color:var(--primary-500) !important;cursor:pointer}.frm-review-notice #frmapi-feedback .frm_button_submit:hover,.frm-review-notice #frmapi-feedback .frm_button_submit:focus{color:#fff;background-color:var(--primary-700);border-color:var(--primary-700) !important}.frm-review-notice .frm_error,.frm-review-notice label{color:#444;text-align:left}.frm-review-notice label{font-size:var(--text-sm)}.frm-floating-success-message{position:fixed;z-index:999;border-radius:4px;right:10px;bottom:10px}.frm-box-shadow-xxl{box-shadow:var(--box-shadow-xxl) !important}.frm-text-white{color:#fff !important}.frm-text-primary-500{color:var(--primary-500)}.frm-text-grey-400{color:var(--grey-400) !important}.frm-text-grey-500{color:var(--grey-500) !important}.frm-text-grey-600{color:var(--grey-600) !important}.frm-text-grey-700{color:var(--grey-700)}.frm-text-grey-800{color:var(--grey-800)}.frm-text-grey-900{color:var(--grey-900)}.frm-text-success-500{color:var(--success-500)}.frm-text-warning-500{color:var(--warning-500)}.frm-underline{text-decoration:underline}.frm_no_margin,.frm-m-0{margin:0 !important}.frm-m-12{margin:var(--gap-2xl)}.frm-m-2xs{margin:var(--gap-2xs) !important}.frm_no_top_margin,.frm-mt-0{margin-top:0 !important}.frm-mt-2xs{margin-top:var(--gap-2xs) !important}.-frm-mt-2xs{margin-top:calc(-1*var(--gap-2xs)) !important}.frm-mt-xs{margin-top:var(--gap-xs) !important}.frm-mt-sm{margin-top:var(--gap-sm) !important}.frm-mt-md{margin-top:var(--gap-md) !important}.frm-mt-lg{margin-top:var(--gap-lg) !important}.frm-mt-2xl{margin-top:var(--gap-2xl) !important}.frm-mt-auto{margin-top:auto !important}.frm_no_bottom_margin,.frm-mb-0{margin-bottom:0 !important}.frm-mb-2xs{margin-bottom:var(--gap-2xs) !important}.frm-mb-6{margin-bottom:6px !important}.frm-mb-sm{margin-bottom:var(--gap-sm) !important}.frm-mb-12{margin-bottom:12px !important}.frm-mb-xs{margin-bottom:var(--gap-xs) !important}.frm-mb-md{margin-bottom:var(--gap-md) !important}.frm-mb-lg{margin-bottom:var(--gap-lg) !important}.frm-ml-2xs{margin-left:var(--gap-2xs) !important}.frm-ml-xs{margin-left:var(--gap-xs) !important}.frm-ml-auto{margin-left:auto}.-frm-ml-2xs{margin-left:calc(-1*var(--gap-2xs)) !important}.frm-mr-auto{margin-right:auto}.frm-force-mr-auto{margin-right:auto !important}.frm-mr-2xs{margin-right:var(--gap-2xs) !important}.frm-mr-xs{margin-right:var(--gap-xs) !important}.frm-mr-2{margin-right:2px !important}.frm-mx-0{margin-left:0 !important;margin-right:0 !important}.frm-mx-xs{margin-left:var(--gap-xs) !important;margin-right:var(--gap-xs) !important}.frm-mx-sm{margin-left:var(--gap-sm) !important;margin-right:var(--gap-sm) !important}.frm-my-sm{margin-top:var(--gap-sm) !important;margin-bottom:var(--gap-sm) !important}.frm-my-xs{margin-top:var(--gap-xs) !important;margin-bottom:var(--gap-xs) !important}.frm-p-0{padding:0 !important}.frm-p-1,.frm-p-2xs{padding:var(--gap-2xs)}.frm-p-sm,.frm-p-4{padding:var(--gap-sm) !important}.frm-p-xs{padding:var(--gap-xs) !important}.frm-p-sm{padding:var(--gap-sm) !important}.frm-p-6,.frm-p-md{padding:var(--gap-md) !important}.frm-p-xl{padding:var(--gap-xl) !important}.frm-px-0{padding-left:0 !important;padding-right:0 !important}.frm-py-0{padding-top:0 !important;padding-bottom:0 !important}.frm-py-2xs{padding-top:var(--gap-2xs) !important;padding-bottom:var(--gap-2xs) !important}.frm-py-sm{padding-top:var(--gap-sm) !important;padding-bottom:var(--gap-sm) !important}.frm-pt-0{padding-top:0 !important}.frm-pt-2xs{padding-top:var(--gap-2xs) !important}.frm-pt-xs{padding-top:var(--gap-xs) !important}.frm-pt-sm{padding-top:var(--gap-sm) !important}.frm-pt-md{padding-top:var(--gap-md) !important}.frm-pt-xl{padding-top:var(--gap-xl) !important}.frm-pr-lg{padding-right:var(--gap-lg) !important}.frm-pb-md{padding-bottom:var(--gap-md) !important}.frm-pb-sm{padding-bottom:var(--gap-sm) !important}.frm-pb-xs{padding-bottom:var(--gap-xs) !important}.frm-pb-2xs{padding-bottom:var(--gap-2xs) !important}.frm-pb-0{padding-bottom:0 !important}.frm-px-sm{padding-right:var(--gap-sm) !important;padding-left:var(--gap-sm) !important}.frm-px-xs{padding-right:var(--gap-xs) !important;padding-left:var(--gap-xs) !important}.frm-px-md{padding-right:var(--gap-md) !important;padding-left:var(--gap-md) !important}.frm-text-xs{font-size:var(--text-xs) !important}.frm-text-sm{font-size:var(--text-sm) !important}.frm-text-md{font-size:var(--text-md) !important}.frm-text-lg{font-size:var(--text-lg) !important}.frm-text-xl{font-size:var(--text-xl) !important}.frm-leading-none{line-height:1}.frm-italic{font-style:italic}.frm-no-italic{font-style:normal}.frm-capitalize{text-transform:capitalize}.frm-font-normal{font-weight:400 !important}.frm-font-medium{font-weight:500 !important}.frm-font-semibold{font-weight:600 !important}.frm-font-bold{font-weight:700 !important}.frm-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=frm-line-clamp-]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.frm-line-clamp-2{-webkit-line-clamp:2}.frm-white-space-nowrap{white-space:nowrap}.frm-rounded-6{border-radius:6px !important}.frm-rounded-sm{border-radius:var(--small-radius) !important}.frm-rounded-12{border-radius:12px !important}.frm-rounded-md{border-radius:var(--medium-radius) !important}.frm-w-auto{width:auto !important}.frm-w-full{width:100% !important}.frm-w-half{width:50% !important}.frm-w-fit{width:fit-content !important}.frm-max-w-fit{max-width:fit-content}.frm-h-auto{height:auto !important}#wpwrap .frm-force-hidden,.frm-force-hidden{display:none !important}.frm_block,.frm-block{display:block}.frm_inline{display:inline}.frm-force-inline{display:inline !important}.frm_inline_block{display:inline-block !important}.frm-inline-flex,#wpbody-content .frm-inline-flex{display:inline-flex}.frm-flex{display:flex}.frm-force-flex{display:flex !important}.frm_hidden,.js .frm-hide-js{display:none}.frm-flex-box{display:flex;gap:var(--gap-sm)}.frm-flex-col{display:flex;flex-direction:column}.frm-flex-full{flex:1}.frm-force-flex-center,.frm-flex-center{justify-content:center;align-items:center}.frm-flex-center{display:flex}.frm-force-flex-center{display:flex !important}.frm-shrink-0{flex-shrink:0}.frm-gap-0{gap:0 !important}.frm-gap-2xs{gap:var(--gap-2xs)}.frm-gap-xs{gap:var(--gap-xs)}.frm-gap-sm{gap:var(--gap-sm)}.frm-gap-md{gap:var(--gap-md)}.frm-gap-xl{gap:var(--gap-xl)}.frm-justify-start{justify-content:start !important}.frm-justify-center{justify-content:center !important}.frm-justify-between{justify-content:space-between}.frm-justify-end{justify-content:end}.frm-items-start{align-items:flex-start}.frm-items-center{align-items:center}.frm-items-stretch{align-items:stretch}.frm-self-normal{align-self:normal}#wpbody-content .frm-flex-wrap{flex-wrap:wrap}.frm-grow{flex-grow:1}.frm-order-first{order:-9999}.frm-order-last{order:9999}.frm-order-none{order:0}.frm-h-stack-sm,.frm-h-stack-xs,.frm-h-stack{display:flex !important;align-items:center}.frm-h-stack-sm>input[type=checkbox],.frm-h-stack-xs>input[type=checkbox],.frm-h-stack>input[type=checkbox],.frm-h-stack-sm>input[type=radio],.frm-h-stack-xs>input[type=radio],.frm-h-stack>input[type=radio]{margin:0 !important}.frm-h-stack{gap:var(--gap-2xs)}.frm-h-stack-xs{gap:var(--gap-xs)}.frm-h-stack-sm{gap:var(--gap-sm)}.frm-flex-row-reverse{flex-direction:row-reverse}.frm-transition-ease{transition:all .2s ease}.frm_invisible{visibility:hidden;transition:all .2s ease}.frm_disabled{opacity:.5;cursor:default;pointer-events:none}.frm_disabled .frm-show-inline-modal{pointer-events:none !important}.frm_no_float{float:none}.frm-text-right{text-align:right}.frm-text-left{text-align:left}.frm-border-b{border-bottom:1px solid var(--grey-300)}.frm-no-border{border:none !important}.frm-hr{display:block;height:1px;background-color:var(--grey-200);margin:var(--gap-xs) 0}.frm-opacity-100{opacity:1}.frm-on-bottom{z-index:-1}.frm-rotate-90{transform:rotate(90deg)}.frm-cursor-pointer{cursor:pointer}.frm-align-baseline{vertical-align:baseline !important}.frm-fields p>label.frm_hidden,#wpbody-content label.frm_hidden,.frm-lookup-modal .dismiss,.frm-right-panel .inside a.frm_hidden,#form_global_settings .frm_hidden,ul.frm_form_nav>li.frm_hidden,a.frm_hidden,.button.frm_hidden,.wp-core-ui .button.frm_hidden{display:none}.postbox .inside>p.frm_no_bottom_margin:last-child{margin-bottom:0 !important}.frm_no_section_fields.frm_block{display:block}.actions.frm_visible_overflow{overflow:visible !important}.frm_full_opacity,.frm_submit .frm_full_opacity,.frm_submit .frm-opacity-100{opacity:1}.frm-dropdown-menu.frm-on-top{z-index:99999}.frm-vertical-line{display:inline-block;width:1px;height:12px;background-color:var(--grey-300)}.frm-admin-full-screen #adminmenumain,.frm-admin-full-screen #wpadminbar,.frm-admin-full-screen #adminmenuback,.frm-admin-full-screen #adminmenuwrap,.frm-admin-full-screen #wpfooter{display:none}.frm-admin-full-screen #wpcontent,.frm-admin-full-screen.auto-fold #wpcontent{margin:0;padding:0}.frm-admin-full-screen.appearance_page_starter-templates #wpbody-content{padding:0}.frm_forms.with_frm_style{max-width:100%}.post-type-frm_display .wrap>.subsubsub,.post-type-frm_display .wrap>.icl_subsubsub,.frm_form_settings>p{margin:6px var(--gap-md);padding:0}.frm-entry-container{margin:0 40px 40px;padding:0}#form_reports_page .frm-inner-content{width:calc(100% - 40px);max-width:900px;margin:20px auto;padding:20px}.frm_inner_field_container>.frm_form_fields{clear:both}.post-type-frm_display h2,.frm_wrap h2{margin-top:0 !important;font-size:var(--text-lg);line-height:var(--leading)}.post-type-frm_display .wrap>h2:first-child,.frm_wrap .wrap>h2:first-child{padding-top:0;margin-top:0 !important;font-size:var(--text-lg)}#frm_form_editor_container{position:relative;margin-top:28px}.form-field p{background:none;border:none}.form-field label.frm_primary_label{display:block;float:none;width:auto}#frm_view_editor_left label,#frm_view_editor_left .frm_primary_label,.frm-dialog .frm-sub-label,.frm-dialog label,.dropdown .frm_primary_label,.accordion-container label,.frm-fields td>label,.frm-fields td>div>label,.frm_form_field>label:first-child,.frm-fields p>label,.frm_on_submit_type>label,.post-type-frm_display .frm_form_field>label,#new_fields .frm_primary_label,#form_global_settings .frm_primary_label,#frm_form_editor_container .frm_primary_label,#permissions_settings_settings .frm_primary_label{color:var(--grey-700);margin:0 0 6px;padding:0;width:auto;font-size:var(--text-sm);display:block;line-height:var(--leading)}#frm_form_editor_container #frm-show-fields .frm_primary_label{min-height:21px}.frm-fields td input+label{display:inline}#frm_form_editor_container .edit_field_type_end_divider .frm_primary_label,#frm_form_editor_container .edit_field_type_break .frm_primary_label{display:none}form .frm_primary_label input{font-size:12px}.with_frm_style form .form-field{margin-bottom:20px}#frm_builder_page .with_frm_style form .frm_combo_inputs_container>.form-field{margin-bottom:0}.frm_description,.with_frm_style form div.description,.frm_error,.with_frm_style form div.description textarea{padding:0;font-size:11px}.with_frm_style .description{color:inherit}#frm_form_editor_container .divider_section_only .frm_primary_label{display:flex;align-items:center;gap:var(--gap-xs);font-size:20px}#frm_form_editor_container .divider_section_only .frm_primary_label .frm-sub-label{padding:0}#frm-show-fields ul:has(>li:nth-child(7)) .frm-sub-label.frm-field-id{display:none}.frm-token-container{position:relative;display:block;direction:ltr}.frm-token-container .frm-tokens{position:absolute;top:0;left:0;max-width:calc(100% - var(--gap-xl));display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-2xs);padding:6px var(--gap-xs);margin:0}.frm-token-container .frm-token{position:relative;display:flex;align-items:center;gap:var(--gap-xs);min-height:24px;height:auto;color:var(--grey-900);background:var(--grey-100);border-radius:4px;padding:0 var(--gap-xs);font-size:var(--text-md);margin:0;z-index:2}.frm-token-container .frm-token .frm-token-value{line-height:var(--leading);white-space:normal;word-break:break-word}.frm-token-container .frm-token .frm-token-remove{display:flex;flex-shrink:0;cursor:pointer}.frm-token-container .frm-token .frm-token-remove .frmsvg{color:var(--grey-900);position:static;width:12px;height:12px;padding:0}.frm-token-container .frm-token .frm-token-remove:hover .frmsvg{color:var(--error-500)}.frm-token-container .frm-show-inline-modal{z-index:3 !important}.frm-token-container .frm-token-proxy-input{position:relative;z-index:1;padding-right:var(--gap-xl) !important}form .form-field.frm_field_loading{margin-bottom:0;min-height:0;padding:0;text-align:center}.frm_sorting>.frm_field_loading .frm_visible_spinner.frm-wait{margin-bottom:10px}.frm_sorting>.frm_field_loading~.frm_field_loading .frm_visible_spinner.frm-wait{margin-bottom:0;display:none}.frm_description,.with_frm_style form div.description,.frm_error{margin:0}.frm_error{color:#f04438}form .frm_blank_field input,form .frm_blank_field textarea,form .frm_blank_field select,form .frm_blank_field .frm-g-recaptcha iframe,form .frm_blank_field .g-recaptcha iframe{border-color:#f04438}form .frm_blank_field label{color:#f04438}.frm_required{color:#f04438}.with_frm_style .wp-editor-container textarea,.postbox .wp-editor-container textarea,.frm_remove_border{border:none}.with_frm_style .mceIframeContainer,.postbox .mceIframeContainer{background-color:#fff}.frm_pro_license_msg{clear:left;margin-top:10px}.frm-license-input{position:relative}.frm-license-input span{font-size:var(--text-sm)}.frm-license-input .frmsvg{width:20px;height:20px;margin-left:5px;vertical-align:text-top}.frm-license-input .frmsvg,.frm-license-input span,.frm-license-input i{color:#00831a}.upgrade_to_pro{padding:10px 25px 25px;max-width:700px;margin:20px auto !important}.upgrade_to_pro .error{display:none}.toplevel_page_formidable #wpbody-content>.error{margin:1px;padding:5px 12px}.frm_error_style,.frm_warning_style,.frm_note_style2,.frm_note_style,.frm_message,#post-body-content .frm_updated_message,div.frm_updated_message{border-radius:var(--small-radius);background-color:#d5f2dc;color:#1e561f;padding:var(--gap-sm) var(--gap-md);font-size:var(--text-sm);margin:var(--gap-sm) 0;text-align:left}.frm_note_style2{background:linear-gradient(90deg, #e9effa, #fcf6fe) padding-box,linear-gradient(90deg, #1961d5, #e8abef) border-box;border:1px solid rgba(0,0,0,0)}#frm_top_bar+.wrap>.frm_updated_message,#frm_top_bar+.wrap>.frm_warning_style{display:inline-block;width:100%;box-sizing:border-box}#post-body-content>.frm_updated_message{margin:5px 65px}#form_global_settings #post-body-content>.frm_updated_message,#form_global_settings #post-body-content>.frm_warning_style{margin:5px 25px}.frm_error_style{color:#973937;background-color:#ebcccc;clear:both}.frm_error_style a{text-decoration:underline;font-weight:600}.frm_error_style svg{opacity:.7}.frm_warning_style{color:#7a4d05;background-color:#fff2d2}.frm_warning_heading{font-weight:700;margin-bottom:4px}.frm_warning_style{position:relative;padding-right:calc(var(--gap-md) + 15px)}body.rtl .frm_warning_style{padding-right:var(--gap-md);padding-left:calc(var(--gap-md) + 15px)}.frm-warning-dismiss{position:absolute;top:10px;right:10px;display:flex;cursor:pointer;transition:opacity .2s ease-out}body.rtl .frm-warning-dismiss{left:10px;right:auto}.frm-warning-dismiss:hover{opacity:.8}.frm-warning-dismiss.frmsvg,.frm-warning-dismiss.frmsvg svg{width:15px;height:15px}.frm_note_style{background:rgba(188,224,253,.23);color:var(--grey-700)}.frm-banner-alert{text-align:left;margin:0;border-radius:0;padding:10px 0 10px 40px}.frm-banner-alert a{color:var(--primary-500);font-weight:400;text-decoration:none}.frm_updated_message ul,.frm_updated_message li,.frm_warning_style ul,.frm_warning_style li,.frm_error_style ul,.frm_error_style li{margin:0}.frm-inline-message{border:1px solid var(--primary-700);border-radius:var(--small-radius);color:var(--primary-700);background:#fff;text-align:center;padding:20px;font-size:var(--text-sm);line-height:var(--leading)}.frm-inline-message a{text-decoration:underline;font-weight:600;color:var(--primary-700)}.frm_pro_heading span{margin-top:10px}.frm_pro_heading .alignright{text-align:right}.frm-yes{color:var(--green);font-size:var(--text-xl)}.frm-nope{color:var(--grey-400);font-size:var(--text-xl)}.upgrade_to_pro a{color:var(--orange)}.upgrade_to_pro table .frmsvg{height:var(--text-xl);width:var(--text-xl)}.upgrade_to_pro table.widefat{background-color:#fff;border-collapse:collapse}.frm-white-body .upgrade_to_pro table th,.upgrade_to_pro table td{padding:10px 15px;border:1px solid var(--grey-300);line-height:var(--leading);font-size:var(--text-sm)}.upgrade_to_pro table th.frmcenter{text-align:center}.widefat th.frm_table_break{background-color:var(--sidebar-color)}h2.frm-h2+.howto{color:var(--medium-grey);max-width:850px;margin:5px 0 20px}.frm-card{width:100%;border-radius:10px;border:1px solid var(--grey-300);opacity:1;transition:opacity 1s}.frm-card-box{max-width:524px;background-color:#fff;border-radius:var(--medium-radius);padding:var(--gap-xl);border:1px solid var(--grey-200);box-shadow:var(--box-shadow-md)}.frm-card-box.frm-has-progress-bar{position:relative;overflow:hidden;border-radius:var(--medium-radius)}.frm-card-box-progress-bar{position:absolute;top:0;left:0;right:0;height:var(--gap-xs);background-color:var(--primary-25)}.frm-card-box-progress-bar>span{position:absolute;top:0;left:0;bottom:0;width:33%;background-color:var(--primary-500)}.frm-card-box-header{display:flex;justify-content:center;margin-bottom:var(--gap-sm)}.frm-card-box.frm-has-progress-bar .frm-card-box-header{margin-top:var(--gap-xs)}.frm-card-box-content>:last-child{margin-bottom:0}.frm-card-box-footer{display:flex;justify-content:end;gap:var(--gap-sm);margin-top:var(--gap-lg)}.frm-card-box-title{font-size:var(--text-xl) !important;font-weight:600 !important;margin-bottom:var(--gap-xs)}.frm-card-box-text{font-size:var(--text-md) !important;color:var(--grey-600) !important;margin-top:0 !important}.frm-fade{opacity:0;transition:all 1s}.frm-addons .frm-card.frm-addon-not-installed{position:relative}.frm-addons .plugin-card-top{min-height:155px;padding-top:var(--gap-lg);overflow:hidden}.frm-addons .plugin-card-top h2{margin-top:0;font-weight:400}.frm-template-row p,.frm-addons .plugin-card-top p{opacity:.8}.frm-addons .plugin-card-top>:not(p):not(h2){display:none}.frm-addons .plugin-card-bottom{padding:5px 20px 20px;text-align:center;background:rgba(0,0,0,0);border-top:none}.frm-addons .plugin-card-bottom,.frm-addons .plugin-card-bottom .button{font-size:15px}.frm-addons .button,.frm-addons .frm-button-tertiary{float:right}.frm-addons .addon-status{float:left;padding-top:4px}.frm-addon-not-installed .frm-activate-addon,.frm-addon-not-installed .frm-deactivate-addon,.frm-addon-not-installed .frm-uninstall-addon,.frm-addon-installed .frm-install-addon,.frm-addon-installed .frm-deactivate-addon,.frm-addon-active .frm-activate-addon,.frm-addon-active .frm-install-addon,.frm-addon-active .frm-uninstall-addon,.plugin-card-pro.frm-addon-active .button,.plugin-card-pro.frm-addon-active .frm-button-tertiary{display:none !important}.frm-save-and-reload-options{margin-top:10px;font-size:13px}.frm-save-and-reload,.frm-save-and-reload+.frm-button-secondary{visibility:visible !important}.addon-status-label{opacity:.7}.frm-addon-active .addon-status-label{color:var(--green);opacity:1}.frm-addon-error{position:absolute;top:55px;left:10px;right:10px;font-weight:700;text-align:center}.frm-new-template.plugin-card-bottom{overflow:visible}#frm-new-template p:first-child{margin-top:0}.frm-admin-page-formidableedit #wpbody-content>*:not(.frm-review-notice):not(.frm_previous_install):not(.frm-banner-alert):not(#frm-svg-icons-pack),#wpbody-content>.updated,#wpbody-content>#update-nag,#wpbody-content>.update-nag,#wpbody-content>.notice,#wpbody-content>.error:not(.frm_previous_install),.frm-white-body .updated,.frm-white-body .notice,.frm_wrap>.wrap>.notice,.frm-white-body .error:not(.frm_previous_install){display:none}.frm-admin-page-formidableedit #frm_builder_page{display:block !important}.frm-white-body .updated,.frm-white-body .error{margin:0;padding:10px 20px}.frm-modal:not(#frm-dismissable-cta) .postbox{max-height:600px;overflow:hidden;margin-bottom:0}.frm-modal .postbox .frm_modal_top,.frm-dialog .frm_common_modal .postbox>div:first-child,.frm-error-modal .frm_modal_top{padding:var(--gap-md) var(--gap-md) 0;position:relative}.frm-modal h2,.frm-modal .postbox .inside h2,.frm-modal .postbox .frm-modal-title,.frm-dialog .frm_common_modal .postbox>div:first-child>div:first-child,.frm-error-modal .frm-modal-title{display:inline-block;font-size:var(--text-lg);color:var(--grey-900);font-weight:600;margin:0;padding:0}.frm-modal h3{font-weight:500}.frm-inline-modal>a.dismiss,.frm-modal .postbox>a.dismiss,.frm-modal .postbox .frm-modal-title+div:last-child,.frm-dialog .frm_common_modal .postbox>div:first-child>div:last-child{position:absolute;top:19px;right:19px;display:flex;z-index:2}body.rtl .frm-inline-modal>a.dismiss,body.rtl .frm-modal .postbox>a.dismiss,body.rtl .frm-modal .postbox .frm-modal-title+div:last-child,body.rtl .frm-dialog .frm_common_modal .postbox>div:first-child>div:last-child{right:unset;left:30px}.frm-info-modal .postbox>a.dismiss,.frm-inline-modal>a.dismiss{right:13px;top:13px}.frm-modal .postbox .frm-modal-title+div:last-child a,.frm-modal a.dismiss .frmsvg,.frm_common_modal .frm_modal_top a .frmsvg{color:var(--grey-500)}.frm-modal .postbox .frm-modal-title+div:last-child a:hover,.frm-modal a.dismiss .frmsvg:hover,.frm_common_modal .frm_modal_top a .frmsvg:hover{color:var(--grey-700)}.frm-modal .frm_modal_content>div.inside,.frm_common_modal .frm_modal_content>div.inside{padding:var(--gap-md);margin:0;font-size:var(--text-sm);color:var(--grey-700)}.frm-modal p{color:var(--grey-900)}.frm_common_modal .postbox{display:flex;flex-direction:column}.frm-modal .postbox>div.inside .cta-inside{overflow-y:auto;height:auto}.frm_modal_footer{padding:0 var(--gap-md) var(--gap-sm);text-align:right}body.frm-body-with-open-modal{overflow-y:hidden}.frm-templates-list{margin-top:0}.frm-templates-list.frm_grid_container li{margin-bottom:0}.frm-templates-list li{vertical-align:top;position:relative;box-sizing:border-box;border-radius:6px;border:1px solid rgba(0,0,0,0);text-align:left}.frm-templates-list li:not(.frm_hidden){display:inline-block}.frm-templates-list.frm-categories-list li{width:100%}.frm-templates-list li.frm-selectable{cursor:pointer}.frm-templates-list li.frm-selectable:hover{background:var(--light-blue);border-color:rgba(65,153,253,.5)}.frm-templates-list li.frm-selectable:hover h3,.frm-templates-list li.frm-selectable:hover p{max-width:calc(100% - 65px)}.frm-templates-list .frm-featured-form{display:flex;width:100%}.frm-templates-list li .frm-featured-form{padding:7px 5px}.frm-templates-list li li>div{padding-left:0}.frm-templates-list li>div>div{vertical-align:middle}.frm-category-icon,.frm-icon-wrapper{background:var(--primary-500);border-radius:var(--small-radius);color:#fff;width:32px;height:32px;font-size:18px;box-sizing:border-box;align-self:center;justify-content:center;align-items:center;display:inline-flex}.frm-templates-list li .frm-category-icon{overflow:hidden}.frm-templates-list li h3,.frm-templates-list li p{text-align:left;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.frm-templates-list li h3,.frm-templates-list .frm-install-template h3{font-size:var(--text-sm) !important}.frm-templates-list .frm-install-template div{text-align:left}#frm_leave_email,#frm_code_from_email{width:480px;max-width:100%}.frm-templates-list.frm-categories-list li>div>div:last-child{padding-left:0}.frm-hover-icons{position:absolute;right:0;top:17px;max-width:91px;height:100%;box-sizing:border-box;padding:0 10px 0 5px !important;border-radius:var(--small-radius);text-align:right;display:flex;gap:5px}.frm-ready-made-solution .frm-hover-icons{visibility:hidden}.frm-ready-made-solution:hover .frm-hover-icons{visibility:visible}.frm-hover-icons a{width:22px;height:22px;font-size:var(--text-md);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;box-sizing:border-box;line-height:var(--leading);text-align:center}.frm-hover-icons>.frm-preview-form,.frm-hover-icons>.frm-delete-form{border:1px solid var(--primary-500)}.frm-hover-icons>.frm-create-form,.frm-ready-made-solution .frm-hover-icons a{background-color:var(--primary-500)}.frm-hover-icons>a .frmsvg{width:14px;height:14px;vertical-align:baseline}.frm-hover-icons>.frm-preview-form .frmsvg,.frm-hover-icons>.frm-delete-form .frmsvg{color:var(--primary-500)}.frm-hover-icons>.frm-unlock-form{background-color:var(--primary-500)}.frm-hover-icons>.frm-unlock-form .frmsvg{background-color:var(--primary-500)}.frm-ready-made-solution .frmsvg{width:14px;height:14px}.frm-hover-icons .frm-create-form svg,.frm-ready-made-solution .frm-hover-icons svg{color:#fff}.frm-hover-icons .frm-create-form:hover,.frm-ready-made-solution .frm-hover-icons a:hover,.frm-hover-icons>.frm-unlock-form:hover,.frm-hover-icons>.frm-unlock-form:hover .frmsvg{background-color:var(--primary-700) !important}.frm-hover-icons .frm-preview-form:hover,.frm-hover-icons .frm-delete-form:hover{border:1px solid var(--primary-700) !important}.frm-hover-icons .frm-preview-form:hover .frmsvg,.frm-hover-icons .frm-delete-form:hover .frmsvg{color:var(--primary-700) !important}.frm-application-card h4 .frmsvg,.frm-locked-template h3 .frmsvg{height:var(--text-sm);width:var(--text-sm);vertical-align:text-top;color:var(--grey-500)}.frm-modal-back{cursor:pointer;margin-right:4px}.frm-modal-cancel{float:left}.frm-meta-tag,.frm-meta-tag:hover{padding:var(--gap-2xs) var(--gap-xs);border-radius:var(--small-radius);font-weight:600;display:inline-flex;background-color:#d9ebff;gap:2px}.frm-meta-tag.frm-grey-tag,.frm-meta-tag.frm-grey-tag:hover{background-color:var(--sidebar-hover);color:var(--grey-900)}.frm-meta-tag.frm-red-tag,.frm-meta-tag.frm-red-tag:hover{background:var(--error-100);color:var(--error-700)}.frm-meta-tag.frm-orange-tag,.frm-meta-tag.frm-orange-tag:hover{background-color:#fef7f4;color:var(--orange)}.frm-meta-tag.frm-green-tag,.frm-meta-tag.frm-green-tag:hover{background-color:var(--success-500);color:#fff}.frm-entry-status-0,.frm-meta-tag.frm-lt-green-tag,.frm-meta-tag.frm-lt-green-tag:hover{background-color:var(--success-100);color:var(--success-800)}.frm-meta-tag.frm-new-pill{background-color:var(--success-500);vertical-align:text-bottom}.frm_add_field span+.frm-meta-tag{margin-left:0}.dropdown-item .frm-meta-tag{margin-left:0}.frm-entry-status{font-weight:500}.frm-entry-status-1{color:#7a4d05;background:#fff2d2}#frm-create-footer{padding:15px 20px}li .frm-hover-icons .frm-preview-form,.frm-hover-icons .frm-unlock-form,.frm-locked-template .frm-hover-icons .frm-create-form,.frm-modal-back{display:none}.frm-locked-template .frm-hover-icons .frm-unlock-form,li[data-preview] .frm-hover-icons .frm-preview-form{display:inline-flex}.frm-modal-back svg{color:#7f7f7f}#frm-upgrade-body-list-wrapper>div{display:inline-block;width:33.3333333333%;vertical-align:top;text-align:left;margin-bottom:10px}#frm-upgrade-body-list-wrapper ul{padding-left:40px}#frm-upgrade-body-list-wrapper ul li::before{content:"\2022";color:var(--primary-500);display:inline-block;width:1em;margin-left:-1em}.frm-embed-modal-content{padding:var(--gap-md)}.frm-embed-modal-content.frm-loading-page-options{display:flex;justify-content:center}#frm_embed_modal .frm_embed_example{background:var(--sidebar-color);border:1px solid var(--sidebar-hover);border-radius:var(--small-radius);color:var(--grey-900);font-size:var(--text-sm);padding-right:var(--gap-lg);width:100%;height:auto !important;resize:none}#frm_embed_modal textarea.frm_embed_example{padding-bottom:0}.frm-embed-modal-content>div a{position:absolute;right:0;top:0}.frm-embed-modal-content>div{position:relative;margin-bottom:var(--gap-sm)}.frm-embed-modal-content>div:last-child{margin-bottom:0}.frm-embed-modal-content svg[id^=frm_copy_embed_]{position:absolute;bottom:10px;right:10px;cursor:pointer;opacity:.5}.frm-border-info-box,.frm-embed-modal-option{border-radius:var(--small-radius);border:1px solid var(--grey-300);padding:var(--gap-sm);cursor:pointer;display:flex;gap:var(--gap-sm);font-size:var(--text-sm)}.frm-embed-modal-option+.frm-embed-modal-option{margin-top:var(--gap-sm)}.caret.rotate-270,.frm-embed-modal-option .caret{align-self:center;margin-left:auto;transform:rotate(-90deg)}#frm_embed_modal .frm_modal_footer{display:none}#frm_embed_modal.frm-on-page-2 .frm_modal_footer{display:block}.frm-embed-modal-content ul{max-height:300px;overflow-y:scroll}.frm-embed-modal-wrapper.frm-dialog{overflow:visible}#frm-bulk-modal .frm_grid_container{grid-template-columns:repeat(12, 8.33%);grid-gap:0}#frm-bulk-modal .frm8{border-right:1px solid var(--grey-300);padding:10px 20px 10px var(--gap-lg)}#frm-bulk-modal .frm4{padding:10px 0}.frm-inline-modal .howto{margin:5px 0 10px;color:var(--grey)}.frm-inline-modal .frm_code_list+.howto{margin-bottom:0}#frm_bulk_options{height:240px;width:100%;border:none;box-shadow:none;padding:0}.frm-bulk-edit-link{display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-2xs);font-size:var(--text-sm);margin:12px 0 12px auto}.frm-bulk-edit-link .frm-bulk-edit-link{margin:0}.frm-small-add{font-size:var(--text-sm) !important}.frm-small-add span{color:var(--primary-500);font-size:12px;height:12px;width:12px}.frm_no_captcha_text{font-weight:700;color:#a00}.frm_image_from_url{height:50px}h1 .fa-caret-down{font-size:18px}.caret{display:inline-block;width:19px;height:9px;margin-right:-8px;vertical-align:middle}.caret,.wp-admin .frm_wrap select,.frm_wrap .frm_form_builder select,.frm_wrap .ui-autocomplete-input{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%;padding-right:var(--gap-lg) !important}.caret{padding-right:var(--gap-xs) !important;background-position-x:5px}.frm-btn-group .caret{float:right;margin-top:calc(var(--text-md)/2)}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.frm_wrap .ui-autocomplete,#frm_adv_info.frm-dropdown-menu,.frm-dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;padding-left:4px;padding-right:4px;margin:var(--gap-xs) 0 0;text-align:left;list-style:none;background:none;background-color:#fff;background-clip:padding-box;border:1px solid var(--grey-100);border-radius:.25rem;box-shadow:var(--box-shadow-lg);max-height:200px;overflow-y:auto;overflow-x:hidden;font-size:var(--text-md);width:auto;min-width:160px}.frm6 .frm-dropdown-menu{min-width:100px;max-width:99%}#frm_bs_dropdown .frm-dropdown-menu{max-width:400px}.field_type_list .frm-dropdown-menu{min-width:150px !important}#frm_field_group_controls .frm-dropdown-menu,.frm-field-action-icons .frm-dropdown-menu{min-width:180px !important}.frm-field-action-icons .frm-dropdown-toggle svg,#frm_field_group_controls .frm-dropdown-toggle svg{color:#9ea9b8}.multiselect-container.frm-dropdown-menu,#search-submit .frm-dropdown-menu{min-width:200px !important}.preview .frm-dropdown-menu{min-width:230px !important}.frm-dropdown-menu.dropdown-menu-right{right:0;left:auto}.frm-dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.frm-dropdown-menu>.dropdown-item{margin:0}.frm-select-list-item,.frm_wrap .ui-autocomplete li>div,.multiselect-container button.multiselect-option,.frm-dropdown-menu>.dropdown-item>a,.frm-dropdown-menu .frm_dropdown_li{clear:both;font-weight:400;white-space:nowrap;text-decoration:none;border-radius:var(--small-radius)}.frm-dropdown-menu>.active>a,.frm-dropdown-menu>.active>a:hover,.frm-dropdown-menu>.active>a:focus{text-decoration:none;outline:0}.frm-select-list-item.disabled,.frm-dropdown-menu>.disabled>a,.frm-dropdown-menu>.disabled>a:hover,.frm-dropdown-menu>.disabled>a:focus{color:#999}.frm-select-list-item.disabled:hover,.frm-dropdown-menu>.disabled>a:hover,.frm-dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:rgba(0,0,0,0);background-image:none;cursor:not-allowed}.open>.frm-dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 10px;font-size:var(--text-xs);color:var(--grey-400)}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.dropdown-menu-right>.frm-dropdown-menu,.pull-right>.frm-dropdown-menu{right:0;left:auto}.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000;content:""}.navbar-fixed-bottom .dropdown .frm-dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}.btn{border:1px solid #ddd;background:#fff;height:28px;line-height:var(--leading)}a.frm_option_icon::before{color:var(--primary-500);font-size:22px;width:22px;height:22px}a.frm_option_icon:focus::before,a.frm_option_icon:hover::before{color:var(--primary-700)}.frm_top_left .frm-dropdown-toggle{color:#999}.frm-card ol{margin-left:15px}.frm-dropdown-toggle{text-decoration:none}.frm-card .frm-dropdown-toggle{border:1px solid var(--grey-300);border-radius:var(--small-radius);font-size:13px;color:var(--grey-700);padding:7px 20px}.frm-dropdown-menu .frm_icon_font{vertical-align:middle;color:#5f6c72;margin-right:3px}.multiselect-container.frm-dropdown-menu{top:auto;left:auto;font-size:var(--text-sm);padding:4px;margin-bottom:3px}#post-body-content+.frm-right-panel h3.accordion-section-title{padding:7px 10px 8px 14px;font-size:var(--text-md);color:var(--grey-700)}.frm-with-line,.accordion-section-content h4{font-size:var(--text-md);font-weight:400;margin:20px -20px 10px;padding:0 20px;color:var(--grey-700);position:relative;border:none !important}.frm-with-line span,.accordion-section-content h4 span{background:#fff;padding:0 var(--gap-xs);position:relative;display:inline-block;z-index:2}.accordion-section-content h4 span{background:var(--sidebar-color)}.frm-right-panel .frm-with-line span{background:var(--sidebar-color) !important;margin-left:-4px}.frm-right-panel .frm-inline-modal .frm-with-line span{background:#fff !important}.frm-with-line::before,.accordion-section-content h4::before{content:"";display:block;position:absolute;border-bottom:1px solid var(--grey-300);left:0;width:100%;top:50%}.control-section .accordion-section-title::after,.customize-pane-child .accordion-section-title::after{top:15px}.accordion-container .frm-dropdown-menu{min-width:40px}.frm-btn-group .multiselect.dropdown-toggle{box-sizing:border-box;min-height:unset;cursor:pointer}.accordion-container .frm-dropdown-menu::before,.accordion-container .multiselect.dropdown-toggle::before{font-family:"s11-fp" !important}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0;width:100%;max-width:250px}.multiselect-container button.multiselect-option{width:100%;text-align:left;border:none;margin-bottom:4px}.multiselect-container button.multiselect-option label{margin-left:5px}.accordion-container .multiselect-container label{padding:3px 19px 3px 7px}.frm-btn-group.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.frm-btn-group.btn-group,.frm-btn-group.btn-group-vertical{display:block}.multiselect-option label{max-width:calc(100% - 22px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.frm_scale{text-align:center;float:left;margin-right:10px}.frm_scale input{display:block;margin:5px}.frm_multi_fields_container{float:left}.frm_multi_fields_container,.frm_form_builder .frm_form_fields input[type=tel] .frm_form_builder .frm_form_fields input[type=range],.frm_form_builder .frm_form_fields input[type=text]{width:100%;height:auto}.frm_form_builder .frm_time_wrap .frm_time_sep{vertical-align:sub;vertical-align:-webkit-baseline-middle}.frm_form_builder input[type=range]::-webkit-slider-runnable-track{background-color:var(--blue-border)}.frm_form_builder input[type=range]::-moz-range-track{background-color:var(--blue-border)}.frm_form_builder input[type=range]::-ms-fill-lower{background-color:var(--blue-border)}.frm_form_builder input[type=range]::-ms-fill-upper{background-color:var(--blue-border)}.frm-embed-field-placeholder{text-align:center;height:145px;display:flex;align-items:center;justify-content:center}.frm-fake-field{display:block;height:25px;background-color:var(--light-blue);border:1px solid var(--grey-300);margin:10px 0;border-radius:var(--small-radius)}.frm-embed-message{position:absolute;background:#fff;border:1px solid var(--grey-300);color:var(--grey-700);padding:var(--gap-md);font-size:var(--text-lg);max-width:200px;min-width:50%;margin:0 var(--gap-md);overflow:hidden;text-overflow:ellipsis}.frm-summary-message{top:50%;left:50%;padding:15px 0;font-size:var(--text-md);transform:translate(-50%, -50%)}.frm-summary-learn-more{font-size:inherit !important}.frm-single-settings .frm-embed-message{width:100%;position:static;border-radius:var(--small-radius)}#new_fields input[type=text],#new_fields input[type=number],.frm_field_box .frm_form_fields>textarea,.frm_form_fields .frm_form_field>textarea,.frm_form_fields .frm_form_field>input[type=email],.frm_form_fields .frm_form_field>input[type=url],.frm_form_fields .frm_form_field>input[type=number],.frm_form_fields .frm_form_field>input[type=tel],.frm_form_fields .frm_form_field>input[type=text],.frm_form_fields .frm_form_field>input[type=range]{width:100%}.frm_form_fields textarea.wp-editor-area{width:100%;border:none}.frm_form_fields input[type=file],.frm_form_fields input[type=file]:disabled{background:rgba(0,0,0,0);border:none;box-shadow:none;width:auto}.frm_form_fields select{width:auto;max-width:100%}input[type=radio],input[type=checkbox]{width:16px;padding:0}.frm_grid_container>p,.frm_grid_container>p.frm_form_field,.frm_grid_container>div.frm_form_field,#new_fields .frm_grid_container>p{margin-top:8px;margin-bottom:8px;margin-right:0}.frm_grid_container>p>label:only-child,.frm_grid_container>p.frm_form_field>label:only-child,.frm_grid_container>div.frm_form_field>label:only-child,#new_fields .frm_grid_container>p>label:only-child{margin-bottom:0}.frm_grid_container>.frm-has-modal>p:only-child{margin-bottom:var(--gap-xs)}#new_fields div.frm_grid_container>.frm_primary_label{margin-top:8px}#new_fields .frm_primary_label+p,#new_fields .frm_primary_label+.frm6+.frm6,#new_fields .frm_primary_label+.frm6+.frm-inline-modal+.frm6{margin-top:0}.frm_catlevel_2,.frm_catlevel_3,.frm_catlevel_4,.frm_catlevel_5{margin-left:18px}.frm_wrap .frm-fields .auto_width,.frm_form_fields input.auto_width,.frm_form_fields select.auto_width,.frm_form_fields textarea.auto_width{width:auto !important}.frm_form_fields select.auto_width{min-width:60px}.frm_form_fields input:focus,.frm_form_fields select:focus,.frm_form_fields textarea:focus,.frm_focus_field input{background-color:#fff;border-color:#ddd}.frm_form_builder .frm_radio,.frm_form_builder .frm_checkbox{display:block;margin-bottom:2px}.frm_form_builder .frm_radio label,.frm_form_builder .frm_checkbox label{font-size:var(--text-sm)}.horizontal_radio .frm_radio,.horizontal_radio .frm_checkbox{margin-right:5px;display:inline-block}.frm_form_builder .frm_opt_container .frm_radio.frm_image_option label,.frm_form_builder .frm_opt_container .frm_checkbox.frm_image_option label{display:flex;align-items:center;gap:9px;white-space:normal}.frm_form_field.frm_two_col .frm_opt_container,.frm_form_field.frm_three_col .frm_opt_container,.frm_form_field.frm_four_col .frm_opt_container{display:grid;grid-template-columns:repeat(2, 1fr);grid-auto-rows:max-content;grid-gap:0 2.5%}.frm_form_field.frm_three_col .frm_opt_container{grid-template-columns:repeat(3, 1fr)}.frm_form_field.frm_four_col .frm_opt_container{grid-template-columns:repeat(4, 1fr)}.frm_form_field.frm_two_col .frm_radio,.frm_form_field.frm_two_col .frm_checkbox,.frm_form_field.frm_three_col .frm_radio,.frm_form_field.frm_three_col .frm_checkbox,.frm_form_field.frm_four_col .frm_radio,.frm_form_field.frm_four_col .frm_checkbox{grid-column-end:span 1}.frm_wrap .with_frm_style .frm_checkbox input[type=checkbox],.frm_wrap .with_frm_style .frm_radio input[type=radio],.frm_wrap input[type=checkbox],.frm-white-body input[type=checkbox],.field-group input[type=checkbox],.frm_scale input[type=radio],.frm_radio input[type=radio],.frm_checkbox input[type=checkbox]{width:15px;min-width:15px;height:15px;border:1px solid var(--grey-300);box-shadow:var(--box-shadow-sm);-webkit-appearance:none}.frm_wrap input[type=radio]{border-color:var(--grey-300);box-shadow:var(--box-shadow-sm)}.frm_wrap input[type=radio]:checked::before{background-color:var(--primary-500)}.frm_wrap .with_frm_style .frm_checkbox input[type=checkbox],.frm_wrap input[type=checkbox],.frm-white-body input[type=checkbox],.field-group input[type=checkbox],.frm_checkbox input[type=checkbox]{border-radius:4px}.frm-white-body input[type=checkbox]:checked,.frm_wrap input[type=checkbox]:checked{background-color:var(--border-color-active, var(--primary-500)) !important;border-color:var(--border-color-active, var(--primary-500)) !important}.frm-white-body input[type=checkbox]:checked:focus,.frm_wrap input[type=checkbox]:checked:focus{border-color:var(--border-color-active, var(--primary-500))}.frm-white-body input[type=checkbox]:checked::before,.frm_wrap input[type=checkbox]:checked::before{content:"";display:block;width:100% !important;height:100% !important;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;background-size:8px !important;background-repeat:no-repeat !important;background-position:center !important;margin:0}.frm_radio input[type=radio],.frm_checkbox input[type=checkbox]{margin-right:5px}.frm_inner_field_container{margin-bottom:10px}.frm_conf_inline .frm_inner_field_container,.frm_conf_inline .frm_inner_conf_container{width:49%;float:left}.frm_conf_inline .frm_inner_field_container{margin-right:2%;clear:both}.frm_inner_field_container>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.frm_field_box:not(.edit_field_type_divider):hover>.frm_inner_field_container>label,.frm_field_box .divider_section_only:hover>.frm_inner_field_container>label,li.ui-state-default.selected>.frm_inner_field_container>label{max-width:calc(100% - 100px)}.frm-drag-fade{background-color:var(--lightest-grey) !important;border-radius:4px}.frm-drag-fade *{opacity:0}.frm-dragging .divider_section_only,.frm-dragging .frm_field_box{pointer-events:none}.frm_form_settings #op-popup,.frm_form_settings com-1password-op-button,.frm_conf_below .frm_conf_field_container .frm_primary_label,.frm_conf_inline .frm_inner_field_container .frm-show-click a,.frm_conf_below .frm_conf_field_container .frm-show-click a{display:none !important}.frm_conf_inline .frm_inner_field_container .frm-field-action-icons{position:absolute;right:5px}.frm_conf_below .frm_conf_field_container{margin-top:10px}.frm_calc_dec{width:50px}.frm_ext_sc{display:none}.frm_long_input{width:100% !important;box-sizing:border-box}.frmcenter{text-align:center}img.frm_help{margin-left:2px;vertical-align:middle;padding-bottom:2px}.frm_spinner.frm-wait,.frm_spinner.spinner{float:left;visibility:hidden;margin:0 10px}.frm_visible_spinner.frm-wait,.frm_visible_spinner.spinner{visibility:visible;float:none}.frm_form_action_settings .frm_spinner.frm-wait,.frm_form_action_settings .frm_spinner.spinner{visibility:visible;float:none;vertical-align:bottom}.frm_form_action_settings .frm_loading{font-size:15px;text-align:center}.frm_ajax_settings_tab .frm-wait,.frm_ajax_settings_tab .spinner{visibility:visible;float:none;margin-top:20px}.wp-core-ui .frm_loading_button.button-primary.frm-button-primary,.frm_loading_button,.frm_loading_form.frm_button_submit{position:relative !important;opacity:.8;color:rgba(0,0,0,0) !important;text-shadow:none !important}.frm_loading_button:hover,.frm_loading_button:active,.frm_loading_button:focus,.frm_loading_form.frm_button_submit:hover,.frm_loading_form.frm_button_submit:active,.frm_loading_form.frm_button_submit:focus{cursor:not-allowed;color:rgba(0,0,0,0) !important;outline:none !important;box-shadow:none}.frm-wait{margin:20px;width:20px;height:20px;position:relative;display:inline-block}#frm-show-fields .frm-wait:only-child{position:absolute;left:50px;top:30px}.frm-wait::before,.frm_loading_button::before,.frm_loading_form.frm_button_submit::before{content:"";display:inline-block;position:absolute;background:rgba(0,0,0,0);border:1px solid #fff;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-radius:50%;box-sizing:border-box;top:50%;left:50%;margin-top:-10px;margin-left:-10px;width:20px;height:20px;animation:spin 2s linear infinite}.frm-wait::before{border-bottom-color:var(--primary-700);border-right-color:var(--primary-700)}.frm_loading_button.frm-button-secondary::before{border-bottom-color:var(--primary-500);border-right-color:var(--primary-500)}input[type=submit]:focus{outline:none !important}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}label input[type=checkbox],label input[type=radio]{vertical-align:inherit}#editorcontainer #dyncontent{margin:0;width:100%;padding:6px;line-height:var(--leading);border:0 none;outline:none;box-sizing:border-box}.frm_postbox_icon{margin:-6px 0 0 -10px}.frm_form_builder a:hover{text-decoration:underline}.frm_form_builder .widget-title h4{padding:10px 15px}.frm_form_builder .widget-top a.widget-action::after{margin:7px 12px 0}.frmbutton.frm_tgateway{display:none !important}.frm_html_legend pre{display:inline}#ed_fullscreen{display:none !important}.frm_posttax_opt_list{overflow:auto;max-height:200px;background-color:#fff}.frm_posttax_opt_list p.howto{font-size:12px}.frm_border_bottom{border-bottom:1px solid var(--grey-300);margin-bottom:10px;padding-bottom:10px}.frm_posttax_opt_list .frm_border_bottom span.howto{padding-right:10px}.frm_posttax_opt_list .frm_border_bottom input{margin-right:1px}.frm_add_remove div.frm_form_field{padding-bottom:5px}.frm_field_opts_list{max-height:260px;overflow:auto}.frm_white_bg,.frm-bg-white{background-color:#fff}.frm-bg-grey-50{background-color:var(--grey-50)}.frm-bg-grey-200{background-color:var(--grey-200)}.frm-bg-grey-800{background-color:var(--grey-800)}.frm-bg-primary-500{background-color:var(--primary-500)}.frm_border_light{border:solid 1px #ddd}#new_fields .form-table input[type=text],#new_fields .form-table select,.form-table .form-field input,.form-table .form-field .quicktags-toolbar input,.form-field input,.form-field .quicktags-toolbar input{width:auto}.frm_aff_link{float:right}.frm_select_box{text-align:center;font-weight:700;width:100%;background-color:rgba(0,0,0,0) !important}.wp-list-table input.frm_select_box{text-align:left;font-weight:400;font-size:inherit !important;border:none;padding:0 !important;background-color:rgba(0,0,0,0) !important}.wp-list-table input.frm_select_box:focus{outline:none;box-shadow:none}.wp-list-table .frm_no_items.frm_select_box{text-align:center;font-weight:700;width:500px;max-width:100%;font-size:inherit}#frm-options-panel{padding:0 var(--gap-sm);color:var(--grey-900);overflow:hidden}.frm-right-panel a.frm_add_logic_link,#frm-options-panel h3,.frm-collapsible{font-size:var(--text-md);font-weight:500;background-color:#fff;border-radius:var(--small-radius);padding:18px var(--gap-sm);margin:2px calc(-1*var(--gap-sm));transition:background-color 200ms ease-out,box-shadow 200ms ease-out,color 200ms ease-out}.frm-right-panel a.frm_add_logic_link .frmsvg,#frm-options-panel h3 .frmsvg,.frm-collapsible .frmsvg{width:13px;height:13px;color:var(--grey-500);transition:transform 300ms ease-in}.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed):not(:first-of-type),.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed):first-of-type:first-child,#frm-options-panel h3:not(.frm-collapsed):not(:first-of-type),#frm-options-panel h3:not(.frm-collapsed):first-of-type:first-child,.frm-collapsible:not(.frm-collapsed):not(:first-of-type),.frm-collapsible:not(.frm-collapsed):first-of-type:first-child{color:var(--grey-700);box-shadow:var(--box-shadow-sm)}.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed):not(:first-of-type) .frmsvg,.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed):first-of-type:first-child .frmsvg,#frm-options-panel h3:not(.frm-collapsed):not(:first-of-type) .frmsvg,#frm-options-panel h3:not(.frm-collapsed):first-of-type:first-child .frmsvg,.frm-collapsible:not(.frm-collapsed):not(:first-of-type) .frmsvg,.frm-collapsible:not(.frm-collapsed):first-of-type:first-child .frmsvg{transform:rotate(-180deg)}.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed)+div,#frm-options-panel h3:not(.frm-collapsed)+div,.frm-collapsible:not(.frm-collapsed)+div{padding-top:6px;padding-bottom:6px}.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed)+div.frm_grid_container,#frm-options-panel h3:not(.frm-collapsed)+div.frm_grid_container,.frm-collapsible:not(.frm-collapsed)+div.frm_grid_container{padding-bottom:14px}.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed)+div.frm_grid_container>p:first-child,#frm-options-panel h3:not(.frm-collapsed)+div.frm_grid_container>p:first-child,.frm-collapsible:not(.frm-collapsed)+div.frm_grid_container>p:first-child{margin-top:var(--gap-sm)}.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed)+div.frm_grid_container>p:first-child.frm6+.frm6,#frm-options-panel h3:not(.frm-collapsed)+div.frm_grid_container>p:first-child.frm6+.frm6,.frm-collapsible:not(.frm-collapsed)+div.frm_grid_container>p:first-child.frm6+.frm6{margin-top:var(--gap-sm)}.frm-right-panel a.frm_add_logic_link.frm-collapsed,#frm-options-panel h3.frm-collapsed,.frm-collapsible.frm-collapsed{color:var(--grey-500);background-color:rgba(0,0,0,0)}.frm-right-panel a.frm_add_logic_link:hover,#frm-options-panel h3:hover,.frm-collapsible:hover{color:var(--grey-700);background-color:#fff;box-shadow:var(--box-shadow-sm)}.frm-right-panel a.frm_add_logic_link:focus-visible,#frm-options-panel h3:focus-visible,.frm-collapsible:focus-visible{outline:1px solid var(--primary-500) !important;outline-offset:-1px}h4.frm-collapsible:hover{box-shadow:none}.frm-right-panel a.frm_add_logic_link:focus{outline:auto}.frm_field_key{background-color:#f7f7f7}#frm_form_editor_container #edit-slug-box{padding:0}.frm-alt-table{position:relative;width:100%;border-collapse:collapse;margin-top:.5em;font-size:15px}#form_show_entry_page .frm-alt-table:not(.frm-zebra-striping)::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff}.frm-alt-table th{width:200px}.frm-alt-table tr,.frm-alt-table tr.frm-odd{background-color:rgba(0,0,0,0)}.frm-alt-table tr.frm-even{background-color:var(--sidebar-color)}.frm-alt-table th,.frm-alt-table td{background-color:rgba(0,0,0,0);vertical-align:top;text-align:left;padding:20px}.frm-alt-table h3{margin-bottom:0}.form-field .frm_cb_button{height:22px;line-height:20px;margin-bottom:10px;margin-right:5px}.edit_field_type_select .frm_option_val_label{margin-left:12px}.frm_rte{background:url(../images/rte.png) no-repeat}.frm_rte .howto{margin:10px 0 46px}.subform_section{margin:25px}.subform_section,.subform_section label,.subform_section input{opacity:80}.subform_section .frm_sortable_field_opts{display:none}#frm_form_editor_container .subform_section .frm_primary_label{display:block}.subform_section.subform_break{border-top:1px dashed #ccc}.button-secondary.frm_html_field{background-color:#ededed;padding:10px 20px;line-height:inherit;width:auto;height:auto !important;border-radius:0;box-sizing:content-box}.frm_html_field_placeholder{margin-bottom:10px;text-align:center}.recaptcha_placeholder{border:1px solid #d3d3d3;width:300px}.turnstile_placeholder{width:300px}.frm_sorting .frm_rte textarea{width:653px;background:#fff;margin:1px 0 0;border:1px solid #dfdfdf;border-top:none;border-radius:0;float:none !important}.frm_full_rte textarea{width:98%;padding:0}.frm_field_box{padding:5px;min-height:20px;margin:10px 0}.frm_indent_opt,td.frm_indent_opt{padding-left:25px}.frm_charts object{background:rgba(0,0,0,0)}.frm_charts h2{height:34px}.frm_single_option.ui-sortable-placeholder,li.sortable-placeholder{border:none;margin:0;visibility:visible !important;box-shadow:2px -10px 0 2px var(--primary-500)}#frm_form_editor_container>ul>.frm_single_option.ui-sortable-placeholder,#frm_form_editor_container>ul>li.sortable-placeholder{width:calc(100% - 5px) !important;height:0 !important}#frm_form_editor_container>ul>li>ul{position:relative}#frm_form_editor_container>ul>li>ul>li.sortable-placeholder,#frm_form_editor_container ul.start_divider>li>ul>li.sortable-placeholder{position:absolute;top:20px;bottom:0}.edit_field_type_divider+li.sortable-placeholder{box-shadow:2px 5px 0 2px var(--primary-500)}.start_divider li.sortable-placeholder{box-shadow:2px -5px 0 2px var(--primary-500)}.frm-is-collapsed+.sortable-placeholder{box-shadow:2px 15px 0 2px var(--primary-500)}.frm_single_option.ui-sortable-placeholder{box-shadow:0 0 1px 1px var(--primary-500)}.frm_sorting>li.edit_field_type_end_divider:first-child,.frm-show-click,li.ui-state-default.edit_field_type_divider .frm-show-click{display:none}.frm_form_field.ui-sortable-helper .frm-field-action-icons,.frm_form_field.ui-sortable-helper .frm_form_fields,.frm_form_field.ui-sortable-helper .frm_description,.frm_form_field.ui-sortable-helper .description{display:none}.frm_form_field.ui-sortable-helper .frm_primary_label,.frm_form_field.ui-sortable-helper .frm_inner_field_container{margin:0 !important}.frm-single-settings .frm-show-click{display:block !important}.frm-show-hover,.frm_single_visible_hover,li.ui-state-default.edit_field_type_divider .frm-show-hover{opacity:0;transition:opacity .15s ease-in-out}#frm-show-fields .frm-field-settings-open .frm-show-hover{opacity:1}.frm_sortable_field_opts{margin-top:5px}.frm_single_option{clear:both;margin:0 !important;padding-bottom:5px}.frm_single_option input[type=radio],.frm_single_option input[type=checkbox]{margin-top:0}.frm_single_option .frm-with-right-icon input[type=text]+.frmsvg{position:relative;right:27px;width:14px;height:14px;padding:0;margin:var(--gap-2xs) 0 0}.frm_product_price_wrapper,.frm_image_preview_wrapper,#new_fields .frm_single_option select,#new_fields .frm_single_option input[type=text]{width:calc(100% - 106px) !important;flex-grow:1}.frm-right-panel .frm_single_option a.frm_remove_tag,.frm_single_option a{padding-left:7px}.frm_single_option:hover .frm_single_visible_hover{opacity:100}.frm_single_option .frm-drag{font-size:23px;width:24px;height:24px;margin-left:-6px;margin-right:var(--gap-xs);color:var(--grey-500)}.frm_single_option .frm-drag::before{vertical-align:middle}.frm-drag,.frm_single_option.ui-sortable-helper{cursor:move}.frm_single_option .frm_option_key.frm_image_preview_wrapper,.frm-type-ranking .frm_single_option .frm_option_key{margin-left:21px !important}.frm_option_key input[type=text]{margin-top:var(--gap-xs) !important;margin-left:11px !important}.frm_option_key input[type=checkbox]+input[type=text],.frm_option_key input[type=radio]+input[type=text]{margin-left:30px !important}.frm-type-ranking .frm_option_key input[id*=field_key_]{margin-left:30px !important}li.ui-state-default.selected .frm-show-click,li.ui-state-default.selected.edit_field_type_divider .frm-show-click{display:inline;vertical-align:top}.frm_field_box:not(.edit_field_type_divider):hover>.frm_inner_field_container>.frm-show-hover,.frm_field_box .divider_section_only:hover>.frm_inner_field_container>.frm-show-hover,li.ui-state-default.selected>.frm_inner_field_container>.frm-show-hover,li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover{opacity:100}li.frm_field_box>ul.frm_grid_container{position:relative}.frm_sorting span.ui-icon{width:16px}body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) .frm_image_options .frm_image_option_container{--field-border-width: 1px;--border-color: var(--grey-300);--border-color-active: var(--primary-500);--border-radius: var(--small-radius)}#form_show_entry_page .frm_file_link,#form_show_entry_page .frm_image_option_container{display:inline-flex;flex-wrap:nowrap;flex-direction:column;text-align:center;align-items:center;width:150px;margin-right:10px;margin-bottom:10px}#form_show_entry_page .frm_image_option_container img{width:150px;height:150px;object-fit:cover}#form_show_entry_page .frm_file_link img{max-width:150px;height:auto}#form_show_entry_page .frm_file_link~br{display:none}#form_show_entry_page .frm_upload_label{padding:10px}#form_show_entry_page.frm_wrap .postbox{overflow:hidden}.frm_image_option_container .frm_image_placeholder_icon svg{height:150px}.frm_list_entry_page .frm_file_link,.frm_list_entry_page .frm_image_option_container.frm_label_with_image{display:block;text-align:center}.frm_list_entry_page .frm_image_option_container img{width:75px;height:75px;object-fit:cover}.frm_list_entry_page img{max-width:100%;height:auto}.frm_image_option_container .frm_empty_url{background-color:var(--sidebar-color)}.frm_list_entry_page .frm_image_option_container .frm_text_label_for_image{display:block;padding:5px 0 10px}.frm_list_entry_page .frm_upload_label,.frm-summary-page-wrapper .frm_text_label_for_image{display:block}#frm-welcome .frm_image_options .frm_image_option_container,#form_global_settings .frm_image_options .frm_image_option_container{background:var(--sidebar-color)}#frm-welcome .frm_image_option_container svg,#form_global_settings .frm_image_option_container svg{max-width:calc(100% - 20px)}#frm-new-template .frm_image_option_container svg{height:50px;margin:10px auto 0}.frm_image_option_container{position:relative}.frm_text_label_for_image>svg{width:30px;position:absolute;top:5px;right:calc(50% - 15px)}.frm_single_option .frm_option_key{margin-top:17px}.frm_single_option .frm_option_key.frm_image_preview_wrapper{margin-top:var(--gap-xs)}.frm_image_data{margin-left:var(--gap-sm);display:flex;flex-direction:column;font-size:var(--text-sm);justify-content:space-around;min-width:0}.frm_image_styling_frame{display:flex;align-items:stretch;margin-left:36px;margin-bottom:var(--gap-xs);width:100%}.frm_image_styling_frame img{height:54px;width:54px;min-width:auto;min-height:auto;border-radius:3px;object-fit:cover;object-position:center}.frm_image_styling_frame .frm_email_attachment_icon img{height:auto;width:auto;max-width:54px}.frm_image_preview_title{color:var(--grey-500);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.frm_wrap .frm_choose_image_box{cursor:pointer;color:var(--primary-500);background-color:#fff;margin-left:32px;text-align:center;width:100%}.frm-type-ranking .frm_option_key .frm_choose_image_box{margin-left:11px !important}.frm_wrap .frm_choose_image_box:hover{background:#fff}a.frm_remove_image_option,.frm_remove_image_option{color:var(--grey-400);cursor:pointer}a.frm_remove_image_option:hover .frmsvg,a.frm_remove_image_option:hover,.frm_remove_image_option:hover{color:rgba(40,47,54,.8)}.frm-form-setting-tabs{margin-top:var(--gap-sm) !important}.frm-right-panel>.postbox{background-color:rgba(0,0,0,0);border:none;box-shadow:none;margin:0}.frm-right-panel .postbox.frm_with_icons .inside,.frm-right-panel .postbox .inside,.frm-right-panel .inside{font-size:var(--text-md);padding:15px 20px 20px;color:var(--grey-700)}.frm-right-panel .misc-pub-section{padding:var(--gap-xs) 0;position:relative}.frm-right-panel .inside a,.frm-form-setting-tabs a{font-size:var(--text-md);color:var(--grey-700);padding:var(--gap-sm);display:block}.frm-form-setting-tabs a{color:var(--grey-900);padding:var(--gap-sm) var(--gap-md)}.frm-right-panel .inside a{padding:0;color:var(--primary-500);display:inline-block}.frm-right-panel .inside a:hover{color:var(--primary-700)}.frm-form-setting-tabs a:hover{background:var(--sidebar-hover);color:var(--grey-900)}.frm-right-panel .inside i,.frm-form-setting-tabs a i,.frm-form-setting-tabs a .frmsvg{margin:0 5px;display:inline-block;width:20px;height:20px;color:var(--grey-500)}.frm-form-setting-tabs a .frmsvg{margin:0}.frm-right-panel .inside a:hover i,.frm-right-panel .inside a:hover .frmsvg,.frm-form-setting-tabs a:hover .frmsvg,.frm-form-setting-tabs a:hover span{color:var(--grey-700)}.frm_settings_form .tabs-panel{padding:0 25px}#form_settings_page .tabs-panel,.frm_settings_form .tabs-panel{max-height:initial !important;min-height:50px !important}#frm_adv_info .tabs-panel{min-height:0 !important;overflow-x:hidden;padding:0;border:none;background:rgba(0,0,0,0)}select.frm_cancelnew,input.frm_enternew{width:175px}.frm_posttax_opt_list{border:1px solid var(--grey-300);padding:var(--gap-md);border-radius:var(--small-radius);margin:5px 0 5px var(--gap-md)}.frm_settings_form .wp-picker-open+.wp-picker-input-wrap,.frm-right-panel .wp-picker-open+.wp-picker-input-wrap{position:absolute;margin-left:calc((100% - 35px)*-1);margin-top:1px;width:calc(100% - 36px)}.frm_settings_form .wp-picker-container input[type=text].wp-color-picker,.frm-right-panel .wp-picker-container input[type=text].wp-color-picker{border:none;padding:5px 8px;font-family:inherit;color:var(--grey-700);font-size:var(--text-md);width:100%;line-height:var(--leading)}.frm_settings_form .wp-picker-input-wrap .wp-picker-clear,.frm-right-panel .wp-picker-input-wrap .wp-picker-clear{display:none !important}.frm_settings_form .wp-picker-holder,.frm-right-panel .wp-picker-holder{position:absolute;z-index:999}.frm_settings_form .wp-picker-input-wrap label,.frm-right-panel .wp-picker-input-wrap label{margin-bottom:0}.frm_settings_form .wp-picker-container .wp-color-result.button,.frm-right-panel .wp-picker-container .wp-color-result.button{width:100%;overflow:hidden;margin:0 !important;height:var(--h-md) !important;padding:0 0 0 var(--gap-lg) !important;border-radius:var(--small-radius);border-color:var(--grey-300)}.frm_settings_form .wp-color-result-text,.frm-right-panel .wp-color-result-text{line-height:var(--leading) !important;font-size:var(--text-md);background:#fff !important;color:var(--grey-900);padding:5px 8px;border-color:var(--grey-300);text-align:left}.frm_settings_form .color-alpha,.frm-right-panel .color-alpha{width:var(--gap-lg) !important}.frm_grid_container .wp-picker-container{width:100%;position:relative}.wp-picker-container button.wp-color-result{border:1px solid var(--grey-300) !important}.wp-picker-container .wp-picker-input-wrap input.hex.wp-color-picker{max-width:100%;position:relative}.frm_end .wp-picker-holder{margin-left:-145px}.frm_end.frm6 .wp-picker-holder{margin-left:-86px}.frm_toggle_opt{padding:0;white-space:normal;display:inline;vertical-align:middle;font-weight:400}.frm_on_label,.frm_off_label{color:var(--grey-700)}.frm_toggle{position:relative;display:inline-block;width:40px;height:var(--h-xs);vertical-align:middle}.frm_toggle_block{display:inline-flex !important;gap:var(--gap-xs);align-items:center}.frm_toggle input,.frm_toggle_block input{display:none !important}.frm_toggle_slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--grey-200);transition:.4s;border-radius:30px}.frm_toggle_slider::before{box-sizing:border-box;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%2398A2B3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.063 3.938-6.126 6.124M3.938 3.938l6.124 6.124'/%3E%3C/svg%3E");position:absolute;left:2px;bottom:2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:20px;line-height:20px;background-color:#fff;border-radius:50%;transition:.4s;box-shadow:var(--box-shadow-md)}input:checked+.frm_toggle .frm_toggle_slider{background-color:var(--primary-500)}input:focus+.frm_toggle .frm_toggle_slider{box-shadow:var(--box-shadow-md)}input:checked+.frm_toggle .frm_toggle_slider::before{transform:translateX(16px);content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%234199FD' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.52 7.437 1.313 1.459L9.48 5.104'/%3E%3C/svg%3E")}input[disabled]+.frm_toggle_slider,input[disabled]+.frm_toggle .frm_toggle_slider{pointer-events:none;cursor:text;opacity:.5}.frm_toggle_opt~.frm_toggle:not(#frm_testing_mode .frm_toggle) .frm_toggle_slider::before{content:"" !important}.rtl .frm_toggle_opt{padding:0 8px}.rtl .frm_toggle_slider::before{left:17px}.rtl input:checked+.frm_toggle .frm_toggle_slider::before{transform:none !important;left:1px}.frm_toggle_off,.frm_toggle_on{display:none;color:#fff;z-index:999;position:absolute;font-size:10px;line-height:20px;left:6px}.frm_toggle_off{display:inline;left:auto;right:5px;color:var(--dark-grey)}.frm_toggle_long{width:80% !important;height:28px;display:inline-block !important}.frm_toggle_long .frm_toggle_slider{background:var(--primary-700);box-shadow:0 0 0 2px var(--primary-700)}.frm_toggle_long .frm_toggle_off,.frm_toggle_long .frm_toggle_on{width:50%;text-align:center;font-size:13px;line-height:28px}.frm_toggle_long .frm_toggle_on{left:0}.frm_toggle_long .frm_toggle_off{right:0}.frm_toggle_long .frm_toggle_slider::before{width:50%;left:0;top:0;border-radius:var(--border-radius) 0 0 var(--border-radius);height:100%;background-color:#fff;color:var(--primary-color);content:"" !important}.frm_toggle_long input:checked+.frm_toggle_slider::before{transform:translateX(101%);border-radius:0 var(--border-radius) var(--border-radius) 0}input:checked+.frm_toggle_slider+.frm_toggle_on{display:inline}input:checked+.frm_toggle_slider+.frm_toggle_on+.frm_toggle_off{display:none}.frm_toggle_long .frm_toggle_on,.frm_toggle_long input:checked+.frm_toggle_slider+.frm_toggle_on+.frm_toggle_off{display:inline;color:var(--primary-500);font-weight:400}.frm_toggle_long .frm_toggle_off,.frm_toggle_long input:checked+.frm_toggle_slider+.frm_toggle_on{color:#fff;font-weight:700}.tabs-panel{height:auto !important;min-height:260px}.tabs-panel.panel_secondary{min-height:20px;margin-top:10px;margin-left:150px}label.frm-example-icon{margin-right:20px !important;display:inline-block !important}#frm_stripe_icon{border-radius:5px}#captcha_settings .frm_primary_label{margin-top:var(--gap-sm)}.frm-long-icon-buttons{display:flex;gap:var(--gap-md)}.frm-long-icon-buttons>label{border:1px solid var(--grey-300);color:var(--grey-700);border-radius:var(--small-radius);display:flex;padding:var(--gap-sm);gap:var(--gap-sm);justify-content:center;align-items:center;width:calc(33% - var(--gap-sm));box-sizing:border-box}.frm-long-icon-buttons>label:hover{color:var(--primary-500)}.frm-long-icon-buttons input[type=radio]{display:none}.frm-long-icon-buttons input[type=radio]:checked+label{border-color:var(--primary-500);box-shadow:0 0 0 1px var(--primary-color)}.frm-long-icon-buttons label>svg{height:21px}.frm-example-icon .frmsvg,.frm-example-icon i{height:20px;width:20px;font-size:20px;color:var(--grey-700)}.frm_license_msg{margin-top:0}.frm_authorized_box .frm-show-unauthorized,.frm_unauthorized_box .frm-show-authorized{display:none}.edd_frm_status_icon.frmsvg{margin:0 5px}.edd_frm_license_row .frm_action_success .frmsvg{color:green}.edd_frm_license_row .frm_action_error .frmsvg{color:#d54e21}#form_global_settings .tabs-panel .num svg{display:none}.frm_no_items{margin:0 auto 50px;text-align:center;color:var(--grey-700);max-width:500px}.frm-subscribe{margin:var(--gap-lg) 0}.frm_inbox_count{color:#fff;border-radius:50%;display:inline-block;margin-right:8px;font-size:11px;text-align:center;min-width:18px;height:18px;margin-left:2px;vertical-align:text-bottom}#payments_settings .frm_payments_section .form-table td{padding-left:0;padding-right:0}#payments_settings .frm_payments_section .form-table{margin-top:0}#frm_authnet_general_settings>tr:first-of-type>td:first-of-type{padding-top:0}#frm_authnet_general_settings h3{margin-bottom:0}.frm_payment_settings_tab .frmsvg{height:22px}.frm_payment_settings_tab[for=frm_toggle_paypal_settings] .frmsvg{width:83px}.frm_payment_settings_tab[for=frm_toggle_authorize_net_settings] .frmsvg{width:99px}.frm_payment_settings_tab[for=frm_toggle_square_settings] .frmsvg{width:89px}.frm_payment_settings_tab[for=frm_toggle_stripe_settings] .frmsvg{width:53px}.frm-email-style{float:left;margin-right:var(--gap-md)}.frm-email-style:last-of-type{margin-right:0}.frm-email-style__card{position:relative}.frm-email-style__name{margin-top:var(--gap-xs);padding-top:var(--gap-2xs);text-align:center}.frm-email-style__name .frmsvg{vertical-align:sub}.frm-email-style__click{display:block;border-radius:12px;border:1px solid var(--grey-200);box-shadow:0 .47px .94px 0 rgba(16,24,40,.0588235294)}.frm-email-style__click:focus,.frm-email-style--selected .frm-email-style__click{border-color:var(--primary-500);outline:1px solid var(--primary-500)}.frm-email-style__click img{width:160px;display:block}.frm-email-style--disabled .frm-email-style__click::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--grey-100);opacity:.5}.frm-email-style__buttons{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:none;flex-direction:column;justify-content:center;align-items:center;gap:12px}.frm-email-style__button{cursor:pointer;display:block}.frm-email-style__button:disabled{cursor:not-allowed;display:none;background:var(--primary-700) !important;border-color:var(--primary-700) !important}.frm-email-style--selected .frm-email-style__button:disabled{display:block}.frm-email-style--selected .frm-email-style__button[data-action=choose]{display:none}.frm-email-style--disabled .frm-email-style__button[data-action=choose]{display:none}.frm-email-style:hover .frm-email-style__buttons,.frm-email-style__click:focus+.frm-email-style__buttons,.frm-email-style:focus-within .frm-email-style__buttons{display:flex}#frm-send-test-email,.frm-upload-image-btn,.frm-remove-image-btn,.frm-reset-colors-btn{cursor:pointer}#frm-send-test-email-modal .postbox{padding:var(--gap-sm) var(--gap-md)}#frm-send-test-email-modal .postbox *{box-sizing:border-box}#frm-send-test-email-modal .inside{margin:0;padding:0}.frm-lite .xml_opts .frm-export-xml-items{display:none}.csv_opts #frm_csv_col_sep{width:45px}#frm_advanced td.frm_left_label{width:20%;padding-right:2px}#frm_where_options select{max-width:200px}#frm_where_options select.frm_insert_where_options{width:30%}#frm_where_options select.frm_where_is_options{width:20%}#frm_where_options span.frm_where_val{width:32%;display:inline-block;position:relative}#frm_where_options span.frm_where_val .frm_tooltip_icon,#frm_where_options span.frm_where_val .frm_help{left:-4px;position:absolute}#frm_where_options span.frm_where_val.frm_hidden{display:none}#frm_where_options span.frm_where_val input,#frm_where_options span.frm_where_val select{width:90%;margin-left:10px}#frm_where_options{min-height:31px}.tabs-panel.active .tabs-panel,.frm_settings_form .tabs-panel .tabs-panel{border:none;padding:0}.frm-feature-banner{background:var(--grey-700);color:#fff;border-radius:var(--small-radius);padding:20px;margin:10px 0}.frm-feature-banner p{font-size:var(--text-sm)}.frm-feature-banner .dismiss{margin-top:-10px;margin-right:-10px}.frm-feature-banner .dismiss svg{color:#fff}.frm-feature-banner .frm-big-icon{padding-right:20px;float:left;min-height:60px}.frm-big-icon svg{height:60px;width:60px}.frm-feature-banner p{margin-top:0}.frm_98_width{width:100% !important}h2.frm-h2,.frm_form_settings h2{border-bottom:1px solid var(--grey-300);color:var(--grey-900);font-weight:400 !important;padding:9px 0 5px;margin:0}.frm_settings_form h3,.frm_form_settings h3,.frm_form_settings span.frm_add_logic_link{font-size:var(--text-md);border-top:1px solid var(--grey-300);padding-top:var(--gap-sm);margin:var(--gap-sm) 0;font-weight:400;text-transform:uppercase;color:var(--medium-grey);display:block}.frm_form_settings .howto{color:var(--grey-500);font-size:var(--text-sm);margin-top:8px}.frm_form_settings .advanced_settings .form-table{margin-top:0}.frm_form_settings td.frm_175_width{width:175px}.frm_form_settings #success_url{width:95%}.frm_wrap .ui-autocomplete{padding:3px 0;max-height:310px}.frm_wrap .ui-widget{font-family:inherit}.frm_wrap .ui-autocomplete li{padding:2px 4px;background:none;color:var(--grey-700);border:none;font-weight:400}.frm_wrap .ui-autocomplete .ui-menu-item-wrapper.ui-state-active{border:none;font-weight:inherit}.frm_select_with_label{margin:7px 0 0}#frm-insert-fields-box,#frm-conditionals{max-height:none}#frm-conditionals,#frm-adv-info-tab{display:none;max-height:355px}#frm-insert-fields-box ul.subsubsub,#frm-conditionals ul.subsubsub{float:right;margin:0}#frm-insert-fields-box ul.alignleft,#frm-conditionals ul.alignleft{margin:4px 0 0}#frm_adv_info ul.frm_code_list.frm-full-hover{clear:both;max-height:215px;overflow:auto}#frm-insert-fields-box ul.frm_code_list li.clear.frm_block{height:10px}#frm_adv_info .frm_noallow{display:none}#frm_adv_info #frm-conditionals .frm_noallow{display:block}#frm_html_tab.frm_hidden{display:none}#frm_html_tab.active{display:inline}.frm_email_reply_container select,.frm_email_reply_container input,.form-table td.frm_150_width{width:170px}#frm_notification_settings .frm_no_top_padding{padding-top:0}.frm_email_settings.frm_email_settings.widgets-holder-wrap{overflow:auto;box-shadow:none}#frm_notification_settings .widget-top .widget-action,#frm_form_editor_container .widget-top .widget-action{border:0;margin:0;padding:8px;background:0 0;cursor:pointer;outline:0}#frm_notification_settings .widget-top .widget-action{padding-top:13.5px}#frm_email_addon_menu{border:1px solid var(--grey-300);padding:var(--gap-sm);border-radius:4px;margin:var(--gap-md) 0 var(--gap-sm)}#frm_email_addon_menu .frm-search{float:right;margin:0}#frm_email_addon_menu h3.frm-no-border{clear:none;padding-top:7px}.frm_email_settings .widget .widget-top{background-color:var(--sidebar-color)}.frm_email_settings .widget .widget-top,.frm_email_settings .widget .widget-top h3{cursor:pointer !important}.frm_email_settings .widget{margin-bottom:var(--gap-sm)}.frm_form_action_settings .widget-top{box-shadow:none;border-color:var(--grey-300);border-radius:var(--small-radius);background:var(--lightest-grey);color:var(--grey-700)}.frm_form_action_settings:hover .widget-top{border-color:var(--grey)}.frm_form_action_settings.open .widget-top{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.frm_form_action_settings.open:hover .widget-top{border-color:var(--grey-300)}.frm_form_action_settings>.widget-inside{display:none}.frm_form_action_settings.open>.widget-inside{display:block}.frm_form_action_settings .widget-inside{min-height:25px;padding:15px;border-color:var(--grey-300);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.frm_form_action_settings .widget-title h4,.frm_form_action_settings .widget-title h3{display:inline-block;border-bottom:none;padding:10px 10px 5px;font-size:var(--text-md);font-weight:500}#frm_email_addon_menu h3{margin:0 0 var(--gap-sm);clear:both}.frm_single_api_settings p>label{display:inline}.frm_form_action_icon{margin-right:5px}.frm_actions_list{margin:0;display:inline}.frm_actions_list li{float:left;width:15.6%;margin:10px .5% 15px;height:100px;text-align:center}.frm-limited-actions .frm-group-heading,.frm-limited-actions #frm-hide-groups,.frm-all-actions #frm-show-groups,.frm-limited-actions .frm-not-installed:not(.frm-search-result):not(.frm-default-show){display:none}label.frm_action_events{padding-left:15px}#frm-hide-groups,#frm-show-groups{font-size:var(--text-md);float:right}.frm_actions_list a:active,.frm_actions_list a:focus{outline:none}.frm_actions_list a{font-size:var(--text-sm);color:var(--grey-700);word-break:break-word}.frm_actions_list span.frm-outer-circle{background-color:var(--grey-100);padding:10px;text-align:center;border-radius:50%;display:block;width:30px;height:30px;margin:0 auto 15px;line-height:1;box-sizing:content-box}.frm_email_settings .widget-title h4{color:var(--grey-700)}.frm_disabled_action .widget-title h4{color:var(--grey)}.frm_actions_list a .frmsvg,.frm_actions_list a i{height:18px;width:18px;font-size:18px;padding:2px;color:var(--lightest-grey);box-sizing:content-box}span.frm-inner-circle,.frm_email_settings .widget-title .frm_form_action_icon{background-color:var(--grey-400);border-radius:50%;display:inline-block;text-align:center;line-height:1}span.frm-inner-circle{background-color:var(--primary-700);height:22px;width:22px;padding:4px;color:#fff;box-sizing:content-box}.frm-inner-circle svg{fill:currentColor}.frm_email_settings .widget-title .frm_form_action_icon{height:15px;width:15px;padding:5px;color:#fff;vertical-align:middle}.frm_actions_list .frmsvg,.frm_actions_list i::before,.frm_email_settings .widget-title .frm_form_action_icon i,.frm_email_settings .widget-title .frm_form_action_icon .frmsvg{height:15px;width:15px;vertical-align:text-top}.frm_actions_list i::before{vertical-align:middle}.frm_email_settings .widget-title:hover .frm_form_action_icon{background-color:var(--grey)}span.frm-inner-circle.frm-inverse{background-color:rgba(0,0,0,0);color:var(--primary-700);padding:0;height:30px;width:100%}.frm_actions_list span.frm-inverse i,.frm_actions_list span.frm-inverse .frmsvg{color:var(--primary-700);height:30px;width:30px;font-size:30px;padding:0}.frm_actions_list i.frm-inverse::before{height:30px;width:100%;font-size:30px}.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse{background:#fff;padding:0;height:24px;width:24px}.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse .frmsvg,.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse i::before{color:var(--grey-400);height:24px;width:24px;font-size:24px}.frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse .frmsvg,.frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse i::before{color:var(--grey-500)}.frm_email_icons{padding:10px 0 5px 6px;font-size:20px}.frm_email_icons a{margin-left:8px;color:var(--grey);opacity:0;transition:all .2s ease}.frm_email_icons a .frmsvg{color:var(--grey)}.frm_email_icons a:hover,.widget-top:hover .frm_email_icons a{opacity:1}.frm_actions_list a.frm_inactive_action{color:var(--grey)}.frm_inactive_action .frm-inner-circle,.frm_actions_list .frm_inactive_action i{opacity:.4}table td,.form-table tr td{vertical-align:top}#new_fields .form-table tr td{display:block;padding:7px 0 0}#new_fields .form-table tr td:first-child{margin:0}#new_fields .form-table tr td:last-child{margin-bottom:9px}.form-table #list-table th{text-align:center}#form_settings_page th,#form_settings_page td,.frm_settings_form td,#frm_notification_settings .frm_form_action_settings td p{padding:7px 0}#permissions_settings_settings .frm_grid_container{align-items:center}#frm_notification_settings .form-table>tbody>tr>th{width:150px;font-weight:400;padding-right:10px}#frm_notification_settings .frm_single_email_settings .form-table>tbody>tr>th{width:80px}#frm_notification_settings table tr td:first-child{padding-left:0}#frm_notification_settings table tr td:last-child{padding-right:0}#frm_notification_settings .frm_left_label{float:none;width:auto !important}.frm-fields .frm_autoresponder_rows select{width:auto}#frm_notification_settings .frm_with_left_label,#frm_notification_settings .frm_left_label+textarea,#frm_notification_settings .frm_left_label+select,#frm_notification_settings .frm_left_label+input[type=text]{width:100%}#frm_notification_settings .frm_email_buttons{padding:var(--gap-2xs);background:var(--light-blue);color:var(--primary-700);border-radius:var(--small-radius);border-color:var(--blue-border);line-height:1;height:auto;min-height:12px;font-size:var(--text-xs);box-shadow:none}p.frm_bcc_cc_container,p.frm_reply_to_container{position:relative;float:right;margin:-4px 0 0;z-index:1}.frm_email_row .frm_cancel1_icon::before{vertical-align:bottom}.frm_cc_row.frm_email_row .frm-with-right-icon,.frm_bcc_row.frm_email_row .frm-with-right-icon,.frm_reply_to_row.frm_email_row .frm-with-right-icon{width:calc(100% - 20px);display:inline-block}.frm_email_row .frm_remove_field .frm_close_icon{position:relative;fill:var(--grey-500);vertical-align:middle}.frm-inline-select,p.frm-inline-select,.frm_logic_rows .frm-collapse-me{line-height:var(--h-md) !important}.frm_logic_row{padding:var(--gap-xs) 0 0}.frm-single-settings ul.frm_sortable_field_opts{border-bottom:1px solid var(--grey-200);padding-bottom:var(--gap-xs);margin-bottom:var(--gap-xs)}.frm-single-settings .frm-add-other svg.frm_add_tag{position:relative;top:5px;margin-right:4px}.frm-single-settings .frm_single_option .frm_remove_tag::before{content:""}.frm-single-settings input[type=checkbox][readonly]{opacity:.5;pointer-events:none}.advanced_settings .frm_logic_row{margin:14px 0}.advanced_settings .frm_logic_row select,.advanced_settings .frm_logic_row input{max-width:30% !important}.frm_form_action_settings .frm_logic_row p{margin-top:0;margin-bottom:0;padding:0}#poststuff .widgets-holder-wrap .frm_form_action_settings .widget-inside{padding-bottom:0}#poststuff .frm_form_settings .widgets-holder-wrap .widget-inside{padding-left:15px;padding-right:15px}#form_global_settings h3{font-size:var(--text-sm);margin-top:25px}#form_global_settings .tabs-panel+h3{margin-top:0;border:none}#poststuff .frm_form_settings .widget-inside h3,#poststuff .frm_form_settings .advanced_settings h3,#poststuff .frm_settings_form h3,#frm_advanced .inside h3{border-top:1px solid #eee;border-bottom:none;margin:15px -15px 0;padding:8px 15px;font-size:var(--text-sm)}#poststuff .frm_form_settings h3.frm_first_h3,#poststuff h3.frm_first_h3{border:none;margin-top:0}h3.frm_add_logic_link{margin-bottom:0 !important}a.frm_add_logic_link.frm_hidden{display:none}a.frm_add_logic_link.frm_hidden+.frm_logic_rows{height:auto}.frm_icon_font{color:#a0a0a0;color:var(--grey)}.frm-fields label .frm_icon_font{font-size:inherit}.misc-pub-revisions.frm_icon_font,.misc-pub-revisions.frm_icon_font:hover{color:inherit}.postbox.frm_with_icons .inside{padding:0;margin:0}.frm_add_tag::before{content:"\e602"}.frm_remove_tag::before{content:"\e600"}.frm_logic_row .frm1>.frm_remove_tag{padding:0}.frm_tooltip_icon::before{font-size:13px;vertical-align:top}.frm_help svg,.frm_help .frmsvg{height:13px;width:13px;vertical-align:top;color:var(--grey-400)}.form-field input[type=text].frm_other_input{width:30%;margin-left:10px}.frm-add-other{text-align:right}.frm-add-other .frm_add_tag{vertical-align:20%}.frm_action_icon{margin:5px 0 0 5px}span.frm_action_icon{margin:0 4px 0 0}.frm_action_icon:active{outline:none}a.frm_action_icon:hover{text-decoration:none}.frm_action_icon.frm_error_icon::before{content:"\e608"}.frm_inactive_icon.frm_action_icon.frm_error_icon::before{content:"\e606"}.frm-field-action-icons{text-align:right;position:absolute;top:2px;right:2px;max-width:100%}.frm-field-action-icons .frm-field-id{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px;max-width:calc(100% - 50px);position:relative;top:2px}.frm-field-action-icons>a{font-size:var(--text-md);width:17px}.frm-field-action-icons a:hover{text-decoration:none}.frm-field-action-icons .dropdown{display:inline-block}.frm-field-action-icons>a .frmsvg{color:var(--grey-500) !important;font-size:17px;width:17px;height:17px}.frm-field-action-icons>a .frmsvg,.frm-field-action-icons>div>a .frmsvg{vertical-align:baseline}.edit_field_type_end_divider .frm-field-action-icons{display:none !important}.frm-move{cursor:grab}span.howto{display:inline}.frm_import_message{margin:15px 0;line-height:2.5}.frm_sorting .form-field .widget input[type=text],.frm_sorting .form-field .widget input[type=number],.frm_sorting .form-field .widget select,#wpcontent .frm_sorting .form-field .widget select,.frm_sorting .form-field .widget textarea{width:auto}.tagchecklist span.no_taglist{display:inline;float:none;line-height:15px;margin-right:0;font-size:inherit}.tagchecklist .frm_exclude_cat_list span{display:inline}.tagchecklist span a::before{line-height:23px;text-align:start}.frm_form_action_settings .frm_email_row .frm_tooltip_icon{position:relative;bottom:2px}.frm_no_entries_form{padding:60px 0}.frm_no_entries_form .frm_no_entries_header{font-size:20px;margin-bottom:10px}.frm_no_entries_form .frm_no_entries_text{line-height:var(--leading)}#form_entries_page #the-list .no-items{height:240px}#form_reports_page img.frm_no_reports{max-width:100%}.frm_wrap .google-visualization-table .gradient,.frm_wrap .google-visualization-table-tr-head,.frm_wrap .google-visualization-table-tr-odd,.frm_wrap .google-visualization-table-tr-odd.google-visualization-table-tr-over{background:var(--lightest-grey)}.frm_wrap .google-visualization-table-tr-over{background:#fff}.frm_wrap .google-visualization-table-table th,.frm_wrap .google-visualization-table-table td{border-right-width:0;padding:10px !important}.frm_wrap .google-visualization-table-tr-head,.frm_wrap .google-visualization-table-tr-head th{white-space:pre-wrap;font-size:var(--text-md);font-weight:400 !important;text-align:left}.frm_wrap .google-visualization-table-td-number{text-align:inherit}#form_reports_page .postbox{text-align:center;float:none;display:inline-block;margin-right:2%;width:20%;min-width:175px}#form_views_page img.frm_no_views{max-width:100%}.frm_field_opts_popup{min-width:300px;background-color:#fff}.frm_field_opts_popup #wpadminbar{display:none}.frm_prepop{width:100%;list-style:none;overflow:auto;margin:0;max-height:295px}.frm_prepop li{margin:0}.frm_prepop li a{display:block;text-decoration:none;cursor:pointer;padding:5px 20px}.frm_prepop li a:hover{background:var(--sidebar-color)}#frm_form_editor_container #frm_form_key_box{width:13em;max-width:30%}#frm_form_editor_container #frm_form_desc{width:70%}#frm_form_editor_container .ui-widget-content{display:none;padding:15px}#frm_form_editor_container .ui-widget-content label{float:left;width:170px;text-align:right;padding-right:5px;clear:both}#frm_form_editor_container .ui-widget-content label.nofloat{clear:none;float:none;margin-left:10px}#frm_form_editor_container .ui-state-default{color:#333 !important}.frm_green{color:var(--green) !important}#frm_form_editor_container .ui-state-default a.frm_orange,.frm-right-panel a.frm_orange,#postbox-container-1 a.frm_orange{color:#d54e21}#styling_settings input[type=checkbox],#styling_settings input[type=radio]{border:solid 1px #bbb}#styling_settings .widget .widget-top,#frm_form_editor_container .widget .widget-top{cursor:pointer}.frm_sorting .widget,.frm_settings_page .widget{background:#fff}.frm_sorting .widget-title h4{font-weight:400}.frm_sorting .widget,#postbox-container-1 .widget,.frm-right-panel .widget,.frm_settings_page .widget{margin-bottom:0}.frm_settings_page .widget-inside{padding:0 5px 5px}.frm_sorting .widget,.widget-inside,.frm_sorting .form-field .widget{display:none}#frm-show-fields{min-height:350px;padding:0 0 35px;margin:0;position:relative}.frm-has-fields #frm-show-fields{min-height:50px}#frm_builder_page .frm-lite-credit-card-element,body.frm-admin-page-styles .frm-lite-credit-card-element{position:relative}#frm_builder_page .frm-lite-credit-card-element>div,body.frm-admin-page-styles .frm-lite-credit-card-element>div{position:absolute;top:calc(50% - 1px);transform:translateY(-50%);right:10px;color:#d0d4dd}#frm_builder_page #frm_field_group_controls{position:absolute;padding:5px;border-radius:4px 4px 0 0;text-align:right;box-sizing:border-box;right:0;top:-28px;height:28px;z-index:3}.frm-field-group-hover-target,.frm-has-open-field-group-popup,#frm_builder_page #frm_field_group_controls,.frm-selected-field-group{background:rgba(65,153,253,.04)}.frm-selected-field-group{position:relative}#frm_builder_page #frm_field_group_controls>span:first-child{margin-right:5px}#frm_builder_page #frm_field_group_controls svg{pointer-events:none}#frm_field_group_controls{visibility:hidden}.frm-field-group-hover-target #frm_field_group_controls{visibility:visible}#frm_field_group_controls .dropdown-item a span{color:var(--grey-700)}#frm_field_group_controls .dropdown-item a:hover{text-decoration:none}.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider{display:none !important}.frm-right-panel .ui-state-default,#postbox-container-1 .ui-state-default,.frm_sorting>li.ui-state-default,.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover{border:1px solid rgba(0,0,0,0);font-weight:400 !important;background-color:rgba(0,0,0,0);background-image:none;padding:5px;margin:0;box-shadow:none;display:block;text-align:inherit !important;overflow:visible;position:relative}#frm-show-fields li.frm_cancel_sort{display:none}.divider_drop{text-align:center}.divider_drop .howto .frm_icon_font{font-style:normal}.show_repeat_sec{display:none}.repeat_section .show_repeat_sec{display:inline-block;margin:5px 0 0}.repeat_section tr.show_repeat_sec{display:table-row}.repeat_format .frm_repeat_label,.repeat_formattext .frmsvg,.repeat_formattext i{display:none}.frm_button{text-decoration:none;border:1px solid #eee;padding:5px;color:#444;vertical-align:middle;box-shadow:none !important}a.frm_button:hover{text-decoration:none !important}.frm_button,.frm_button .frm_icon_font::before{font-size:13px;vertical-align:middle}.frm_button .frmsvg{width:13px;height:13px}.frm-right-panel .ui-state-default,#postbox-container-1 .ui-state-default{padding:0;margin:0}ul.start_divider{padding:8px 13px 0 8px;min-height:115px;transition:all .4s linear}.frm-section-collapsed .frm_no_section_fields,.frm-section-collapsed ul.start_divider{height:0;min-height:0 !important}.frm-section-collapsed ul.start_divider{overflow:hidden}.frm-section-collapsed .frm_no_section_fields{overflow:hidden;padding:0;opacity:0}.frm-section-collapsed .divider_section_only .frm-collapsed-label{display:inline}.frm-page-collapsed .frm_clone_icon,.frm-page-collapsed .frm_delete_field,.frm-page-collapsed .frm_clone_field,.frm-section-collapsed .frm_clone_icon{opacity:.5;cursor:not-allowed}.edit_field_type_summary .frm_more_options_li:nth-child(2){display:none !important}.edit_field_type_submit .frm_more_options_li:not(:last-child){display:none !important}.frm_no_section_fields:not(.frm_block)+ul.start_divider{padding:0;min-height:132px}.frm_sorting li.ui-state-default .divider_section_only{padding:6px;margin-top:-10px;border:2px solid rgba(0,0,0,0);border-radius:var(--small-radius);z-index:2;position:relative}.divider_section_only>.frm_inner_field_container{padding:5px 0;margin:0}.frm-collapsed-label,.divider_section_only>.frm_inner_field_container .frm_form_fields{display:none}.frm-section-collapsed .divider_section_only::after,.divider_section_only::before{content:"";display:block;padding:2px 0;line-height:1px;border-top:2px solid var(--grey-300);top:-2px;position:absolute;width:100%;transition:.5s border-color ease-in-out}.frm-section-collapsed .divider_section_only::after{top:auto;bottom:-6px}.frm-section-collapsed .divider_section_only:hover::after,li.selected.frm-section-collapsed .divider_section_only::before,li.selected.frm-section-collapsed .divider_section_only::after,.divider_section_only:hover::before,li.selected .divider_section_only::before{border-color:rgba(0,0,0,0)}.frm_sorting li.ui-state-default.edit_field_type_divider{overflow:visible;position:relative;padding:0 0 0 20px;margin:25px 0 0 -5px;border-left:1px solid var(--primary-700);transition:border .7s ease-out}.frm-section-collapsed{border-left-color:rgba(0,0,0,0) !important}.frm_sorting li.edit_field_type_end_divider,.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover{margin:0 0 var(--gap-sm)}.frm-first-page .frm_prev_page{display:none}#frm_builder_page .frm_remove_form_row.frm_button,#frm_builder_page .frm_add_form_row.frm_button{border-radius:var(--small-radius);border:1px solid var(--blue-border)}#frm_builder_page .frm_remove_form_row .frmsvg,#frm_builder_page .frm_remove_form_row i::before,#frm_builder_page .frm_add_form_row .frmsvg,#frm_builder_page .frm_add_form_row i::before{color:var(--primary-700)}.frm-preview-buttons .frm_button_submit{margin:0 5px}.frm-page-break{border-top:1px dashed var(--primary-700);margin-top:var(--gap-lg);position:relative}.frm-page-break::before,.frm-page-break::after{content:"";position:absolute;background-color:#fff;border-radius:50%;border:1px solid var(--primary-700);text-rendering:auto;-webkit-font-smoothing:antialiased}.edit_field_type_divider .frm-divider-icon.frmsvg{padding:2px;position:absolute;left:-12px;color:#fff;background-color:var(--primary-700);border-radius:50%}.edit_field_type_divider .start_divider .frm-divider-icon.frmsvg{height:8px;width:8px;padding:0;bottom:-4px;left:-24.5px;color:var(--primary-700);background-color:#fff}.edit_field_type_divider.selected .frm-divider-icon.frmsvg,.edit_field_type_divider:hover .frm-divider-icon.frmsvg{background:var(--primary-500)}.edit_field_type_divider.selected .start_divider .frm-divider-icon.frmsvg,.edit_field_type_divider:hover .start_divider .frm-divider-icon.frmsvg{background-color:#fff;color:var(--primary-500)}.frm-page-break::before,.frm-page-break::after{width:8px;height:8px;top:-6px;border-color:var(--grey)}.frm-page-break::after{right:0}#frm-fake-page .frm-page-break{border-color:var(--grey)}#frm-fake-page{padding:0 5px}.frm_sorting li.edit_field_type_divider:hover,.frm_sorting li.edit_field_type_divider.selected{border-left-color:var(--primary-500)}.frm-section-collapsed::after{border-color:rgba(0,0,0,0) !important;color:rgba(0,0,0,0)}.frm-page-break .frm-collapse-page.button{margin-left:46%;margin-top:-16px;padding:6px 12px !important}#frm-fake-page.frm-page-collapsed{margin-bottom:0}.frm-page-collapsed{position:relative;overflow:visible !important;margin-bottom:var(--gap-lg)}.frm-collapse-page .frmsvg,.frm-collapse-page .frm_arrowdown6_icon{width:var(--text-sm);height:var(--text-sm);font-size:var(--text-sm);text-align:center;margin-left:2px;color:currentColor;transition:transform 300ms ease-in-out}.frm-page-collapsed .frm-collapse-page .frmsvg{transform:rotate(180deg)}#frm-fake-page .frm_arrowdown6_icon{color:currentColor}.frm-collapsed i::before,.frm-page-collapsed .frm_arrowdown6_icon::before{content:"\e913"}.frm-collapse-section svg{fill:var(--primary-color);transition:transform .2s ease-out,fill .2s ease-out}.frm-collapse-section:hover svg{fill:var(--primary-700)}.frm-section-collapsed .frm-collapse-section svg{transform:rotate(-90deg)}.open .widget-top .widget-title-action button .frmsvg{transform:rotate(90deg)}.widget-top .widget-title-action button .frmsvg use{color:var(--grey)}.frm-collapsed+.frm-collapse-me{overflow:hidden !important}.frm-collapse-me{padding-bottom:10px}.frm-collapse-me.frm_grid_container:has(.dropdown-toggle.multiselect){position:relative;z-index:1}.frm-collapsed+div{height:0;padding:0}.frm-collapsed+div.frm-collapse-me{display:none}.frm-collapsible{display:flex;justify-content:space-between;align-items:center;font-weight:700;padding:var(--gap-xs) 0;margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.frm-collapsible.frm-collapsed{font-weight:400}.frm-collapsible:not(.frm-collapsed) .frmsvg{transform:rotate(-180deg)}h4.frm-collapsible{font-size:var(--text-md)}.frm-collapsible+.frm-collapse-me{padding-bottom:0}.frm-collapsible:focus-visible{outline:1px solid var(--primary-500)}.frm_sorting .divider_section_only>.frm_ipe_field_label{font-size:116%}#frm_form_editor_container .edit_field_type_break .frm_primary_label.frm_ipe_field_label.button{width:150px;text-align:center;margin-bottom:3px;display:block}tr.frm_options_heading td{padding-bottom:0}.frm_sorting .widget-inside .form-table td p,.frm_sorting .widget-inside .form-wrap label{padding:10px 0}.frm_no_fields,.frm_no_section_fields{text-align:center;position:absolute;color:var(--medium-grey);font-size:var(--text-md);box-sizing:border-box;border:1px dashed var(--grey-300);outline:2px solid rgba(0,0,0,0)}.frm-over-droppable+.frm_no_fields{border-style:solid;border-color:var(--primary-500);outline-color:var(--primary-500)}.frm_no_section_fields{display:none;margin:0;padding:20px 0 0;width:calc(100% - 20px);height:121px;transition:all .4s linear}.frm-empty-fields .frm_updated_message~.frm_no_fields{top:60px}#frm_form_editor_container:not(.frm-has-fields) #frm-show-fields>.frm_field_box:last-child{visibility:hidden}.frm-has-fields .frm_no_fields{display:none}#frm_form_editor_container:not(.frm-has-fields) #frm_drag_placeholder{display:none}#frm-form-button{display:none;margin:0 7px 25px}.frm-has-fields #frm-form-button{display:block}.frm-large-plus.frmsvg{color:var(--primary-700);height:45px;width:45px}.frm_no_section_fields p{color:var(--grey);font-size:15px}.frm_no_fields{top:0;width:calc(100% - 24px);min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-md);padding:var(--gap-md);border:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='99%25' height='99%25' fill='none' stroke='%23D0D5DD' stroke-width='1' stroke-dasharray='8,8' rx='8' ry='8' x='0.5%25' y='0.5%25' stroke-linecap='square' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");border-radius:var(--medium-radius);margin:var(--gap-sm) 12px}.frm_no_fields img{margin-left:calc(-1*var(--gap-lg))}.frm_no_fields .frm_drag_inst{font-size:20px;font-weight:600;margin:0 0 12px}.frm_no_fields p{color:var(--grey-600);font-size:var(--text-md);margin:0}.frm_product_price_wrapper{display:inline-block;vertical-align:middle}.frm_prod_type_single .frm_product_price_wrapper{width:100%}#new_fields .frm_product_price_wrapper input:first-child{width:60% !important;float:left}#new_fields .frm_product_price_wrapper input:nth-child(2){width:37% !important;float:right}li.frm_single_option{padding-bottom:var(--gap-sm);border-bottom:0}.frm_prod_type_single input[type=radio],.frm_prod_type_single .frm_drag_icon,.frm_prod_type_single .frm_sortable_field_opts li:nth-child(n+3),.frm_prod_type_single .frm_sortable_field_opts .frm_remove_tag,.frm_prod_type_single .frm_form_field:not(.frm_product_type):not(.frm_sep_val_product),.frm_prod_type_single .frm-bulk-edit-link,.frm_prod_type_user_def.frm_grid_container,.frm_prod_options_heading.frm_prod_user_def{display:none}.frm_prod_type_single .frm-ai-generate-options-modal-trigger{display:none !important}.frm_prod_type_single .frm_option_key{margin-left:0 !important}.frm_prod_type_single .frm_option_key input[type=checkbox]+input[type=text],.frm_prod_type_single .frm_option_key input[type=radio]+input[type=text]{margin-left:0 !important}.plugin-card-bottom .frm-trash{color:#a00}.frm-fields p>.frm_inline_label,.frm_inline_label{padding-left:3px;margin-right:12px;display:inline-block}.frm_left_label{clear:both;float:left;width:32% !important;margin-right:2% !important;line-height:2em}table td.frm_left_label{float:none;line-height:inherit;padding:5px 0 5px 2%}.frm_left_label.frm_alignright{padding-right:10px;text-align:right}.frm-fields .frm_left_label+textarea,.frm-fields .frm_left_label+select,.frm-fields .frm_left_label+input[type=text],.frm_with_left_label{width:66%}td.frm_left_label+td{width:66%;padding-top:0}#html_settings label{display:block}#html_settings .frm_field_html_box{width:100%}.frm-has-required .frm-required{color:var(--error-500)}ul.frm-category-tabs{margin-top:2px}.frm-category-tabs>li a,.frm-category-tabs>li a:active{outline:none;box-shadow:none;display:flex;gap:var(--gap-xs);align-items:center}.frm-category-tabs>li.active .frmsvg,.frm-category-tabs>li.active i,.frm-category-tabs>li.active span,.frm-category-tabs>li.active a{color:var(--primary-500)}.frm_wrap .manage-menus{margin-top:0;border:none;border-bottom:1px solid var(--grey-300);background:var(--lightest-grey)}.general_settings .postbox .manage-menus{border-top:none;border-left:none;border-right:none}.frm-postbox-no-h3{padding-top:10px}.frm-right-panel .ui-state-default,#postbox-container-1 .ui-state-default{color:var(--grey-900)}.no_repeat_section .frm_sorting>li.ui-state-default.edit_field_type_end_divider:hover{box-shadow:none}.frm-selected-field-group li.ui-state-default,.start_divider.frm_sorting li.ui-state-default.frm_not_divider.selected,.start_divider.frm_sorting li.ui-state-default.frm_not_divider:hover,.frm_sorting li.ui-state-default.frm_not_divider:hover,.frm_sorting li.ui-state-default.ui-sortable-helper,.frm_sorting li.ui-state-default.edit_field_type_divider .divider_section_only:hover,.frm_sorting .repeat_section li.ui-state-default.edit_field_type_end_divider:hover,.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only,.frm_update_msg,.frm_sorting li.ui-state-default.frm_not_divider.selected,.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only{border-color:var(--primary-500);transition:.5s border-color ease-in-out}.frm_sorting li.ui-state-default.frm_not_divider.selected{box-shadow:0 0 1px 0 var(--primary-500)}.frm_sorting li.ui-state-default{transition:.7s box-shadow ease-in-out,.7s height linear}.frm_sorting li.ui-state-default.frm-newly-added{box-shadow:inset 0 0 2px 1px var(--blue-border)}.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover{visibility:visible !important;display:inline !important}.edit_field_type_end_divider>label{display:none !important}.frm_email_actions.feature-filter{font-weight:700;border:1px solid #dfdfdf;background-color:#eee;padding:3px 5px 2px;font-size:var(--text-md);line-height:20px}.frm_update_msg{border-style:solid;margin:10px 0;color:#21759b;padding:8px 15px;border-radius:4px}.frm_update_msg.wrap{margin:10px 20px 0 2px}#frm-insert-fields-box .frm_update_msg{margin-right:.9em}.frm_update_msg a{font-weight:700}.widefat td{width:auto}.widefat .column-id{width:3.7em}.widefat .column-show_count{width:5em}.widefat .column-shortcode{width:9em}.toplevel_page_formidable .column-shortcode div{display:flex;gap:var(--gap-xs)}.widefat .column-entries,.widefat .column-link{width:10%;text-align:center}.widefat .column-form_key,.widefat .column-created_at{width:10%}.frm-white-body .search-box,.frm_wrap .frm-search{float:right;margin:0;clear:right}.frm-white-body .search-box,.frm-search{min-width:32%;position:relative;display:flex;gap:var(--gap-sm);align-items:center}.frm-inline-modal .frm-search,#frm_adv_info .frm-search{float:none;width:100%;clear:both;margin:var(--gap-xs) 0}.frm-button-group a{margin:0 7px !important}.frm_has_textarea .frm-with-right-icon{display:block}.frm-with-left-icon,.frm-with-right-icon{position:relative}i.frm-show-box,i.frm-show-inline-modal,.frm-with-left-icon i,.frm-with-right-icon i:not([class*=mce-]),.frmsvg.frm-show-box,.frmsvg.frm-show-inline-modal,.frm-with-left-icon .frmsvg,.frm-with-right-icon .frmsvg,.frm-search>.frmsvg,.frm-search span:not(.multiselect-selected-text):not(.multiselect-native-select){position:absolute;padding:0 14px;pointer-events:none;left:0;color:var(--grey-400);font-size:var(--text-xs)}.frm-search>.frmsvg,.frm-search span:not(.multiselect-selected-text):not(.multiselect-native-select){padding-left:var(--gap-xs);padding-right:var(--gap-xs)}.frm-search>.frmsvg{box-sizing:unset}.frm-with-right-icon .frmsvg,.frm-with-right-icon i:not([class*=mce-]){right:0;top:-3px;left:auto;padding:0 10px 0 5px}.frm_form_settings .frm-with-right-icon .frmsvg{top:0}.frm_form_settings .wp-editor-container .frm-with-right-icon .frmsvg,#frm_builder_page .wp-editor-container .frm-with-right-icon .frmsvg{top:auto;bottom:var(--gap-sm)}.frm_form_settings .tmce-active .wp-editor-container .frm-with-right-icon .frmsvg,#frm_builder_page .tmce-active .wp-editor-container .frm-with-right-icon .frmsvg{bottom:var(--gap-lg)}.frm_form_settings .frm_has_textarea .frm-with-right-icon .frmsvg{top:auto;bottom:6px}.frmsvg.frm-show-box,.frmsvg.frm-show-inline-modal,i.frm-show-box,i.frm-show-inline-modal{top:auto;background-color:var(--primary-50);color:var(--primary-500);border-radius:6px;padding:var(--gap-2xs);margin:5px;margin-bottom:0;z-index:1;cursor:pointer;pointer-events:initial}.frmsvg.frm-show-box:focus,.frmsvg.frm-show-inline-modal:focus,i.frm-show-box:focus,i.frm-show-inline-modal:focus{outline:1px solid var(--primary-500)}.frm_form_settings .frmsvg.frm-show-box,.frm_form_settings .frmsvg.frm-show-inline-modal,.frm_form_settings i.frm-show-box,.frm_form_settings i.frm-show-inline-modal{margin:4px 4px 0}.frm-open+.frm-inline-modal{top:-10px;margin-bottom:0}.frm-open+.frm-inline-modal.frm-modal-no-dismiss .inside>.frm-search:first-child{margin-top:var(--gap-sm)}.frm_grid_container>.frm-open+.frm-inline-modal{top:-4px}.frm_grid_container>.frm-open+.frm-inline-modal.frm-modal-no-dismiss{top:0 !important}.frm-with-left-icon input{padding-left:37px !important}.frm_wrap .frm-with-right-icon textarea,.frm_wrap .frm-with-right-icon input,.frm_wrap .frm-with-right-icon input[type=text]{padding-right:var(--gap-md)}#frm-show-fields .frm-with-left-icon .frmsvg,#frm-show-fields .frm-with-left-icon i{padding-top:10px}.frm-search input[name=s],.frm-search .dropdown-toggle,.frm-search input.frm-search-input{color:var(--grey-800);border-color:var(--grey-300);border-radius:var(--small-radius);box-shadow:var(--box-shadow-xs)}.frm-search input[type=search],.frm-search input[type=text]{padding-left:var(--gap-lg) !important}.frm-search .dropdown-toggle{width:100%;float:none;max-width:200px;background:rgba(0,0,0,0);padding:7px;padding-left:33px !important;min-height:32px;text-align:inherit;overflow:hidden;text-overflow:ellipsis}.frm-search #search-submit a{color:var(--grey-800)}.frm-search #search-submit .caret{opacity:.7}.frm-white-body .search-box input[name=s],#wpwrap .frm-search input[type=search]{flex:1;font-size:var(--text-md);line-height:var(--text-xl);padding:var(--gap-xs)}span.multiselect-selected-text{white-space:nowrap;display:inline-block;max-width:calc(90% - var(--gap-xs));text-overflow:ellipsis;overflow:hidden}.frm-not-set input{color:var(--primary-500) !important;font-size:13px}.frm-not-set .frmsvg,.frm-not-set i{color:var(--primary-700);opacity:1}.post-type-frm_display select[name=m]+#post-query-submit,select[name=m]{display:none}.frm_shortcode_select optgroup option{margin-left:1em}.frm_shortcode_select optgroup{padding-top:5px}.frm_shortcode_select .frm_subopt{margin-left:2em}.misc-pub-section a.edit-frm_shortcode,.misc-pub-section a.edit-form-status{float:none;font-size:13px}.frm-grid{border-collapse:collapse;border:none;margin-right:10px}.frm-grid td,.frm-grid th{padding:5px;border:1px solid #000}.post-type-frm_display #poststuff #post-body.columns-2{margin-right:var(--big-sidebar)}.post-type-frm_display #post-body.columns-2 #postbox-container-1{margin-right:calc(var(--big-sidebar)*-1);width:calc(var(--big-sidebar) - 40px)}.post-type-frm_display #poststuff #post-body.columns-2 #side-sortables{width:100%}#frm_dyncontent .hndle,#frm_dyncontent .handlediv{display:none !important}.post-type-frm_display .meta-box-sortables .frm_form_nav>li>a,.post-type-frm_display .frm_form_nav .nav-tab-active{padding:0 2px 5px;line-height:1.4}.post-type-frm_display #advanced-sortables h2.hndle,.post-type-frm_display #side-sortables h2.hndle,.post-type-frm_display #normal-sortables h2.hndle{border-bottom:1px solid var(--grey-300);margin:10px 0 0 !important;padding:0 25px 8px}.post-type-frm_display #side-sortables h2.hndle{margin-top:0 !important;padding-top:10px}.post-type-frm_display #post-body-content{margin-top:var(--gap-lg)}.post-type-frm_display.edit-php #wpbody-content>.wrap{margin:0}.post-type-frm_display .postbox .hndle,.post-type-frm_display .postbox{border-color:var(--grey-300)}.post-type-frm_display #postbox-container-1 .postbox,.post-type-frm_display #postbox-container-2 .postbox{border-radius:var(--small-radius);border-color:var(--grey-300);box-shadow:none}.post-type-frm_display #side-sortables .postbox{border-radius:0;border-top-width:0;margin-bottom:0}.post-type-frm_display #side-sortables .misc-pub-section{padding:15px 20px 10px}.post-type-frm_display .misc-pub-section .frmsvg,.post-type-frm_display #post-body .misc-pub-post-status::before,.post-type-frm_display #post-body #visibility::before,.post-type-frm_display .curtime #timestamp::before,.post-type-frm_display #post-body .misc-pub-revisions::before,.post-type-frm_display span.wp-media-buttons-icon::before{color:var(--grey)}.post-type-frm_display #frm_top_bar+#poststuff #submitdiv #publishing-action,.post-type-frm_display #frm_top_bar+#poststuff #submitdiv #minor-publishing-actions,.post-type-frm_display #frm_top_bar+#poststuff #edit-slug-box,.post-type-frm_display .wrap h1.wp-heading-inline,.post-type-frm_display .wrap>.page-title-action{display:none}.post-type-frm_display #poststuff h2.nav-tab-wrapper{padding-left:10px;margin-bottom:0;padding-bottom:0}.post-type-frm_display .nav-menus-php .wrap{margin:10px 0 0}.post-type-frm_display .nav-menus-php .wrap p{padding-left:12px;padding-right:12px}.post-type-frm_display .nav-tab{display:inline-block;background-color:#f4f4f4}.post-type-frm_display .nav-tab.frm_hidden{display:none}.post-type-frm_display .nav-tab:hover{background-color:#e4e4e4}.frm_order_row,.frm_where_row{margin-bottom:7px;line-height:30px}.frm-single-settings .frm_prod_field_opt_cont{margin-top:initial;margin-bottom:20px}select.texture{display:none}.post-type-frm_display #wp-content-editor-tools,#wp-content-editor-tools{background-color:rgba(0,0,0,0)}.post-type-frm_display #major-publishing-actions{border-color:var(--grey-300);background:var(--sidebar-color)}.post-type-frm_display #frm_adv_info{width:calc(var(--big-sidebar) - 40px);height:calc(100vh - 32px);overflow:hidden}.post-type-frm_display #frm_adv_info:not(.frm_fixed){top:0 !important}.post-type-frm_display #frm_adv_info.frm_fixed{position:fixed;z-index:9999;top:32px}.post-type-frm_display #frm_adv_info ul.frm_code_list.frm-full-hover{max-height:calc(100vh - 180px)}.frm_col_one{margin-right:4%;clear:both}ul .frm_col_one{float:left}ul .frm_col_two{float:right}ul.frm_two_col{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--gap-sm)}.frm_two_col li{margin-bottom:0}.frm-info-modal a,.frm-info-modal ul,.frm-info-modal p,.frm-info-modal,.settings-lite-cta a,.settings-lite-cta ul,.settings-lite-cta{color:var(--grey-500);font-size:var(--text-md);box-shadow:none !important}.frm-info-modal h3,.settings-lite-cta h3{font-size:17px !important}.frm-green-icons .frmsvg{color:var(--green)}.frm-info-modal .postbox .inside,.settings-lite-cta .postbox .inside{padding:var(--gap-md);margin:0}.cta-inside a{color:var(--orange)}.info-modal-inside a.frm-standard-link{color:var(--primary-500)}.info-modal-inside a.frm-standard-link:hover{color:var(--primary-700)}.frm_no_p_margin>p{margin:0}.frm_code_list a.button{display:block;text-align:center;font-size:11px;overflow:hidden}#frm-navbarDrop+.frm_code_list.frm-full-hover{margin:var(--gap-xs) 0 0;min-width:300px;max-height:256px}.frm_code_list.frm-full-hover li{margin:0}.frm-select-list-item,.frm_wrap .ui-autocomplete li>div,.multiselect-container button.multiselect-option,.frm-dropdown-menu>.dropdown-item>a,.frm-dropdown-menu>.dropdown-item>a:visited,.frm-dropdown-menu>.dropdown-item>a:link,.frm-dropdown-menu .frm_dropdown_li,.frm_code_list.frm-full-hover a{display:flex;color:var(--grey-700);padding:5px 10px;font-size:var(--text-md);gap:var(--gap-xs);align-items:center}.multiselect-container button.multiselect-option.disabled{opacity:.5}.frm_code_list.frm-full-hover a span{max-width:83px;margin-right:var(--gap-xs);margin-left:auto}.frm_code_list.frm-full-hover a{border-radius:var(--small-radius)}.frm_code_list.frm-full-hover a:not(#frm-insert-condition),.frm_code_list.frm-full-hover a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frm_code_list.frm-full-hover a:focus span:last-child{outline:1px solid var(--primary-500);outline-offset:var(--gap-2xs)}.frm_code_list.frm-full-hover.frmcenter a{display:block}#frm-layout-classes frm-full-hover a span{max-width:45%}.frm-select-list-item.active,.frm-select-list-item:hover,.frm_wrap .ui-autocomplete li div.ui-state-active,.frm_wrap .ui-autocomplete li.ui-state-focus,.multiselect-container button.multiselect-option.active,.multiselect-container button.multiselect-option:hover,.frm-dropdown-menu>.dropdown-item>a:hover,.frm_code_list.frm-full-hover a:hover span,.frm_code_list.frm-full-hover a:hover{background:var(--primary-25);color:var(--primary-500)}.frm-select-list-item .frmsvg,.frm-dropdown-menu>.dropdown-item>a .frmsvg{opacity:.8}.frm-select-list-item:hover .frmsvg,.frm-dropdown-menu>.dropdown-item>a:hover .frmsvg{opacity:1}.frm-dropdown-menu.frm_code_list>li>a{padding:3px 15px;width:300px}#frm_edit_box_content_modal .frm-with-search,.frm-dropdown-menu .frm-with-search{padding:var(--gap-xs) 10px 0}.frm-dropdown-menu .subsubsub{padding:0 10px}.frm_grid_container{overflow:visible}.frm_code_list.frm_grid_container{grid-gap:var(--gap-xs)}.frm_code_list.frm_grid_container li{width:auto;margin:0}.frm_code_list.frm_grid_container a{display:block;font-size:var(--text-md) !important;font-weight:500;text-align:center;color:var(--primary-500);background-color:var(--light-blue);border:1px solid var(--primary-300);border-radius:var(--small-radius);padding:10px 0;box-shadow:var(--box-shadow-sm)}.frm_code_list.frm_grid_container a:hover{background-color:var(--primary-500);color:#fff}.frm_code_list.frm_grid_container a:focus-visible{outline:2px solid var(--primary-500);outline-offset:-1px}.frm-single-settings .frm_code_list.frm-full-hover,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover{padding:0;margin:var(--gap-xs) -10px 0}.frm-single-settings .frm_code_list.frm-full-hover>li>a,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a{font-size:var(--text-md);color:var(--grey-900);padding:var(--gap-xs) 12px}.frm-single-settings .frm_code_list.frm-full-hover>li>a span,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a span{margin:0}.frm-single-settings .frm_code_list.frm-full-hover>li>a span:first-child,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a span:first-child{max-width:130px}.frm-single-settings .frm_code_list.frm-full-hover>li>a span:last-child,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a span:last-child{max-width:120px;margin-left:auto}.frm-single-settings .frm_code_list.frm-full-hover>li>a:hover,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a:hover{font-weight:500}.frm-single-settings .frm_code_list.frm-full-hover>li>a:hover,.frm-single-settings .frm_code_list.frm-full-hover>li>a:hover .frmsvg,.frm-single-settings .frm_code_list.frm-full-hover>li>a:hover span,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a:hover,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a:hover .frmsvg,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a:hover span{color:var(--primary-500)}#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover{margin:var(--gap-xs) 0 0}#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover a .frmsvg{width:20px;height:20px}.frm_field_list #frm-insert-fields{max-height:none;font-size:var(--text-sm)}.frm_field_list #frm-insert-fields .button a{display:block;max-width:95%;overflow:hidden}#frm-insert-fields{padding:0 var(--gap-xs);overflow:hidden}#frm-insert-fields .frm-search{float:none;margin:0 0 var(--gap-md);width:auto}#frm-insert-fields li,#frm-insert-fields li a{text-decoration:none;font-weight:500;font-size:var(--text-md) !important;color:var(--grey-900)}#frm-insert-fields li.frm_show_upgrade{cursor:pointer;opacity:.5}#frm-insert-fields li.frm_show_update{cursor:pointer}#frm-insert-fields li span:not(.frm-new-pill){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}#frm-insert-fields li a.disabled:hover{cursor:not-allowed}#frm-insert-fields li.ui-draggable-disabled{opacity:.5}#frm-insert-fields li a:not(.disabled):hover .frmsvg,#frm-insert-fields li a:not(.disabled):hover i{color:var(--grey-600)}#frm-insert-fields li.frm_show_upgrade,#frm-insert-fields li.frm_show_update,#frm-insert-fields li a{text-decoration:none;display:inline-flex !important;gap:var(--gap-xs);align-items:center;border-radius:var(--small-radius) !important;padding:11px var(--gap-md) 11px var(--gap-xs) !important;color:var(--grey-900) !important}#frm-insert-fields li a{display:flex !important;transition:background-color .2s ease-out,box-shadow .2s ease-out}#frm-insert-fields li a:not(.disabled):hover{background:#fff;box-shadow:var(--box-shadow-md)}#frm-insert-fields li a:focus-visible{outline:1px solid var(--primary-500)}#frm-insert-fields li.frm_show_upgrade.frm_hidden,#frm-insert-fields li.frm_show_update.frm_hidden{display:none !important}#frm-insert-fields .frm-with-line{padding:12px var(--gap-md);font-weight:500;font-size:var(--text-sm)}#frm-insert-fields .frm-with-line::before{margin-left:calc(-1*var(--gap-sm));width:calc(100% + var(--gap-md))}.frm_code_list{clear:both}.frm_code_list.frm-full-hover a.frm_hidden,.frm_code_list .frmkeys{display:none}.frmsvg{fill:currentColor;width:18px;height:18px;vertical-align:middle}.frmsvg svg{pointer-events:none}.frmsvg.frm_svg40{width:40px;height:40px}.frmsvg.frm_svg24{width:24px;height:24px}.frmsvg.frm_svg20{width:20px;height:20px}.frmsvg.frm_svg15{width:15px;height:15px}.frmsvg.frm_svg14{width:14px !important;height:14px !important}.frmsvg.frm_svg13{width:13px;height:13px}.frmsvg.frm_svg12{width:12px;height:12px}.frmsvg.frm_svg9{width:9px;height:9px}.frmsvg.frm_svg7{width:7px;height:7px}input[disabled]{pointer-events:none}.frmbutton.ui-sortable-helper .frmsvg,.field_type_list li.frmbutton .frmsvg,.frmbutton.ui-sortable-helper i,.field_type_list li.frmbutton i,.frm_code_list a .frmsvg,.frm_code_list a i{color:var(--grey-500);display:inline-block;vertical-align:middle;width:var(--text-md);font-size:var(--text-md)}.field_type_list.frm_grid_container{gap:10px;margin:13px 0}.field_type_list li{margin:0;padding:0}.field_type_list li.frmbutton .frmsvg{width:24px;height:24px;font-size:24px}.frm_code_list i::before{font-size:inherit}.frmbutton.ui-draggable-dragging{pointer-events:none}.frmbutton.ui-draggable-dragging a{color:var(--grey-900) !important;background:var(--grey-100);text-decoration:none;display:inline-flex !important;gap:var(--gap-xs);align-items:center;border-radius:var(--small-radius) !important;padding:11px var(--gap-md) 11px var(--gap-xs) !important;box-shadow:var(--box-shadow-md)}.frmbutton.frm_at_limit{opacity:.5}.frmbutton.ui-draggable-dragging a{border:1px solid var(--grey-300);box-shadow:var(--box-shadow-md)}.frmbutton.ui-draggable-dragging span{font-size:15px}#frm-show-fields .frmbutton.ui-sortable-helper i,.frmbutton.ui-draggable-dragging i,.frmbutton.ui-draggable-dragging .frmsvg{color:#fff !important}.frmbutton.ui-draggable-dragging i,.frmbutton.ui-draggable-dragging .frmsvg{color:var(--grey-700) !important}.frm_sorting li.ui-state-default.ui-sortable-helper,.frmbutton.ui-sortable-helper{transition:opacity .2s;opacity:1;position:fixed;z-index:99999}#frm-insert-fields .frmbutton.ui-sortable-helper a,#frm-show-fields .frmbutton.ui-sortable-helper a{min-width:100px}.ui-draggable-dragging .frm-meta-tag.frm-new-pill{display:none}li.frm_noallow.button,.frm_noallow{opacity:.5}.frm_actions_list a.frm_show_upgrade.frm_inactive_action::before,li.frm_noallow.button.frm_show_upgrade,li.frm_noallow.button.frm_show_update{cursor:pointer}.field_type_list li.frm_noallow.button.frm_show_upgrade:hover,.field_type_list li.frm_noallow.button.frm_show_update:hover{border-color:inherit}.frm_noallow a{color:inherit}#frm_upgrade_modal_image{max-width:200px}#frm_upgrade_modal .cta-inside{display:flex;flex-direction:column;gap:var(--gap-sm)}#frm_upgrade_modal .frm-upgrade-message img{width:100%;margin:var(--gap-sm) 0 10px}#frm_upgrade_modal .frm-oneclick.frm_hidden{display:none !important}#frm_upgrade_modal .frm-oneclick-button{margin-left:auto}#frm_upgrade_modal .frm-upgrade-modal-actions{flex-direction:row-reverse;justify-content:flex-start;margin:0 !important}#frm_upgrade_modal .frm-upgrade-link{align-self:end}#frm_upgrade_modal.frm-success .frm-circled-icon svg{width:24px;height:24px}#frm_upgrade_modal.frm-success .frm-upgrade-modal-title-prefix,#frm_upgrade_modal.frm-success .frm_are_not_installed{display:none !important}#frm_upgrade_modal.frm-success .frm-upgrade-modal-title-suffix{display:inline !important}#frm_upgrade_modal.frm-success .frm-addon-status{margin:0}#frm_upgrade_modal.frm-success .frm-addon-status .frm-save-and-reload-options{display:flex;gap:var(--gap-xs);flex-direction:row-reverse;margin:0}#frm_upgrade_modal.frm-success .frm-addon-status .frm-save-and-reload-options .frm-save-and-reload{margin:0}.frm-dialog[aria-describedby=frm_upgrade_modal]{position:fixed !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important}.frm-tab-message{max-width:600px;margin:20px auto;color:rgba(63,75,91,.8)}.frm-settings-screenshot-toolbar{min-height:39px;display:flex}.frm-settings-screenshot-toolbar .frm-minmax-icon{height:8px;width:8px;border-radius:50%;align-self:center;margin-left:10px}.frm-settings-screenshot-toolbar .frm-minmax-icon:first-of-type{margin-left:20px}.frm-settings-screenshot-toolbar img{object-fit:contain;align-self:flex-end;margin-left:25px}.frm-settings-screenshot-toolbar+div{background:#fff;padding-top:25px;border-radius:0 0 16px 16px}.frm-settings-screenshot-toolbar+div img{max-width:calc(100% - 40px)}.frm-settings-screenshot-wrapper{max-width:700px;margin:50px auto 0;box-shadow:0 4px 4px rgba(189,196,205,.25),0 12px 56px rgba(42,57,75,.25);border-radius:16px;background:#ebecf1}.frm-dialog{z-index:100;padding:0 !important;border-radius:16px;border:none;background-color:#fff;max-width:100% !important}.frm-dialog .postbox{background:rgba(0,0,0,0);box-shadow:none;border:none;line-height:var(--leading)}.frm-dialog input[type=text],.frm-dialog textarea{font-size:var(--text-md)}.frm-dialog textarea{height:75px}.frm-dialog button.frm-button-primary{margin-right:10px}.frm-dialog .frm-sub-label,.frm-sub-label{color:var(--grey);text-transform:none;padding-left:8px}h2 .frm-sub-label{font-size:var(--text-md)}.frm-views-editor-body .ui-widget-overlay,.frm-white-body .ui-widget-overlay,.toplevel_page_formidable .ui-widget-overlay,body[class*=formidable-payments] .ui-widget-overlay,body.plugins-php .ui-widget-overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:var(--grey-500);opacity:.5;z-index:2}.frm-circled-icon{width:60px;height:60px;border-radius:50%;background-color:var(--primary-25)}.frm-circled-icon-large{width:80px;height:80px}.frm-circled-icon-green{background-color:var(--success-50)}.frm-circled-icon .frmsvg{width:21px;height:24px}.frm-circled-icon .frmsvg.frm_svg32{width:32px !important;height:32px !important}.frm-circled-icon-large .frmsvg{width:24px}.frm-circled-icon .frmsvg use{color:var(--primary-500)}.frm-circled-icon-green .frmsvg use{color:var(--success-500)}.frm-border-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--grey-300);border-radius:var(--small-radius)}.frm-upgrade-message img{max-width:100%}a.frm-link-secondary{color:#c4c4c4;font-size:var(--text-sm);text-decoration:underline}.field_type_list li.button.frm_noallow,.field_type_list li.button.frm_noallow:hover,.button.frm_noallow,.button.frm_noallow:hover{color:inherit;border-color:#ccc;background:inherit}iframe#dyncontent_ifr{min-height:150px}/*! +/*!*********************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/css-unicode-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/scss/admin/frm_admin.scss ***! + \*********************************************************************************************************************************************************************************************************************************/ +@charset "UTF-8"; +/** + * Formidable Admin Styles + * + * Note: Do not modify the import order unless the change is part of a deliberate refactor. + */ +/** + * Base & Foundation + * + * Core variables, typography, and essential base styles + */ +/** + * Font Icons + */ +@font-face { + font-family: "s11-fp"; + src: url("../fonts/s11-fp.woff?v=7") format("woff"); + font-weight: 400; + font-style: normal; +} +.frm-submenu-highlight { + background: #1da867; +} + +.frm-submenu-highlight a span { + color: #fff; + font-weight: 600; +} + +.frmfont, +.frm_icon_font { + text-decoration: none; + text-shadow: none; + font-weight: 400; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: auto; + line-height: 1.5; + transition: color 0.1s ease-in-out, opacity 0.1s ease-in-out; + font-size: 18px; +} + +i.frmfont, +i.frm_icon_font { + font-style: normal; + font-variant: normal; + speak: none; +} + +.frmfont::before, +select.frmfont, +.frm_icon_font::before, +select.frm_icon_font { + font-family: "s11-fp" !important; + text-align: center; +} + +.frmfont, +a.frmfont, +.frmfont:hover, +a.frmfont:hover .frm_icon_font, +a.frm_icon_font, +.frm_icon_font:hover, +a.frm_icon_font:hover { + text-decoration: none !important; + box-shadow: none; +} + +.frmfont:focus, +.frm_icon_font:focus { + box-shadow: none; +} + +.frmfont:active, +.frm_icon_font:active { + outline: none; +} + +.frm_trigger .frm_icon_font { + padding: 0 5px; +} + +.frm_tooltip_icon::before { + content: "\e611"; +} + +.frm_delete_icon::before { + content: "\e610" !important; +} + +.frm_arrowdown6_icon::before { + content: "\e62a"; +} + +/** + * Base - Variables + */ +:root, +.frm-white-body, +.frm_wrap { + --grey-900: #101828; + --grey-800: #1d2939; + --grey-700: #344054; + --grey-600: #475467; + --grey-500: #667085; /* Roughly 65% opacity */ + --grey-400: #98a2b3; + --grey-300: #d0d5dd; + --grey-200: #eaecf0; + --grey-100: #f2f4f7; + --grey-50: #f9fafb; + --grey-25: #fcfcfd; + --dark-grey: var(--grey-700); /* Deprecated */ + --medium-grey: rgba(40, 47, 54, 0.65); + --grey: var(--grey-500); /* Deprecated */ + --grey-border: var(--grey-300); /* Deprecated */ + --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); /* Deprecated */ + --primary-hover: var(--primary-700); /* Deprecated */ + --light-blue: var(--primary-25); /* Deprecated */ + --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); + /* Override front-end CSS */ + --check-label-color: var(--grey-700); +} + +/** + * Base - Font + */ +@font-face { + font-family: "Inter"; + src: url("../fonts/Inter-VariableFont_slnt,wght.ttf?v=1") format("truetype"); +} +.with_frm_style, +.frm-white-body .wpbody-content, +.frm_wrap { + font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} + +/* Safari 11+ */ +@media not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) and (stroke-color: transparent) { + .with_frm_style, +.frm-white-body .wpbody-content, +.frm_wrap { + -webkit-font-smoothing: antialiased; + } + } +} +/** + * Utilities - Z-index + */ +.frm-sm-z-index { + z-index: 1; +} + +.frm-md-z-index { + z-index: 5; +} + +/** + * Base - Text + */ +.frm-white-body, +.frm-white-body p, +.frm_wrap, +.frm_wrap p, +.frm-modal, +.frm-white-body .postbox .inside { + font-size: var(--text-sm); + color: var(--grey-500); + line-height: var(--leading); +} + +.frm-white-body p, +.frm_wrap p { + margin: var(--gap-sm) 0; +} + +body:not(.frm-admin-page-styles):not(.frm-admin-page-style) .with_frm_style .frm_form_fields > fieldset { + --fieldset-padding: 15px 0; +} + +a, +.widget .widget-top, +.stuffbox h3, +.frm-collapsed { + cursor: pointer; + text-decoration: none; +} + +/** + * Layout & Primary Components + * + * Core structure and primary UI elements + */ +/** + * Layout - Wrap + */ +.post-type-frm_display .wrap > #posts-filter, +.wrap.frm-with-margin, +.frm_wrap > .wrap { + margin: var(--gap-sm) var(--gap-md) var(--gap-md); +} + +#frm_top_bar + .wrap { + margin: var(--gap-xl); +} + +.frm-full-screen #wpbody-content > .wrap { + margin: 0; +} + +.post-type-frm_display .wrap { + margin: 0; +} + +.toplevel_page_formidable #post-body-content { + overflow-x: visible; +} + +/** + * Components - Full Screen + */ +.frm-full-screen { + height: 100%; + overflow: hidden; +} + +.frm-full-screen.frm-admin-page-reports, +.frm-full-screen.frm-admin-page-entries, +.frm-full-screen.post-type-frm_display { + overflow: auto; +} + +.frm-full-screen #wpadminbar, +.frm-full-screen #adminmenumain, +.frm-full-screen .wp-header-end { + display: none; +} + +body.frm-white-body:not(.frm-full-screen) .mce-fullscreen { + top: 32px; + left: 160px; +} + +.frm-full-screen #wpbody-content, +.frm-full-screen #wpbody, +.frm-full-screen #wpcontent { + padding: 0; + overflow: hidden; + margin: 0 !important; +} + +/** + * Layout - Screen Meta + */ +.frm-white-body #wpbody-content { + position: relative; /* For screen meta links */ + padding-bottom: 0; +} + +.post-new-php.post-type-frm_display #screen-meta-links, +.post-php.post-type-frm_display #screen-meta-links { + display: none; +} + +.frm-white-body #screen-meta-links { + position: fixed; + bottom: 0; + right: 20px; +} + +.frm-full-screen #screen-meta-links .screen-meta-toggle { + right: 55px; +} + +.frm-white-body #screen-meta-links .show-settings { + border-radius: var(--small-radius) var(--small-radius) 0 0; + border: 1px solid var(--grey-300); + border-bottom: none; +} + +.frm-white-body.frm-lite #screen-meta-links .screen-meta-toggle { + right: 125px; /* Don't cover the lite upgrade button */ +} + +.frm-white-body #screen-meta { + margin: 0; +} + +.frm-white-body #screen-meta-links .show-settings::after { + color: var(--grey); +} + +/** + * Layout - Columns + */ +.frm-white-body .columns-2 { + border-bottom: 1px solid var(--grey-300); +} + +.frm-full-screen .columns-2 { + border: none; +} + +/** + * Layout - Body + */ +body.post-type-frm_display.edit-php, +body.frm-white-body { + background: #fff; +} + +body.frm-white-body ul#adminmenu a.wp-has-current-submenu::after, +body.frm-white-body ul#adminmenu > li.current > a.current::after { + border-right-color: #fff; +} + +.frm-white-body #wpcontent { + padding-left: 0; + padding-right: 0; +} + +.frm-white-body .wrap #post-body { + padding: 0 20px; +} + +.frm-grey-body #wpbody { + background: var(--grey-100); +} + +.frm-grey-body #frm_top_bar { + background: #fff; +} + +/** + * Components - Table Nav + */ +.post-type-frm_display .tablenav, +.frm_wrap .tablenav { + margin-bottom: 10px; +} + +.frm-white-body .tablenav .actions select, +.wp-admin .frm_wrap .tablenav select { + margin-right: var(--gap-xs); +} + +.tablenav .actions .button { + margin-top: 1px; +} + +/** + * Components - Table Widefat + */ +.frm-white-body table.widefat { + background: var(--lightest-grey); + border-width: 0; + box-shadow: none; + margin: 20px 0; +} + +.frm-white-body table.widefat tfoot, +.frm-white-body table.widefat thead { + background: #fff; +} + +.frm-white-body table.widefat th { + font-size: var(--text-md); +} + +.frm-white-body table.widefat th a { + color: var(--grey-700); +} + +.frm-white-body table.widefat strong a { + color: var(--primary-700); +} + +/** + * Components - Scroll Box + */ +.frm-scroll-box { + clear: both; + overflow: auto; + max-height: 405px; + border: 1px solid var(--grey-300); + border-radius: var(--small-radius); +} + +.frm_form_field.frm_scroll_box .frm_opt_container { + height: 100px; + overflow: auto; + border: 1px solid var(--grey-300); +} + +.frm_form_field.frm6_followed:not(.frm_hidden):not(.frm-force-hidden) + p, +.frm_form_field.frm6_followed:not(.frm_hidden):not(.frm-force-hidden) + div, +.frm_form_field.frm6_followed:not(.frm_hidden):not(.frm-force-hidden) + span { + grid-column: span 6/span 6; + align-content: center; +} + +.frm_form_field.frm12_followed:not(.frm_hidden):not(.frm-force-hidden) + p, +.frm_form_field.frm12_followed:not(.frm_hidden):not(.frm-force-hidden) + div, +.frm_form_field.frm12_followed:not(.frm_hidden):not(.frm-force-hidden) + span { + grid-column: span 12/span 12 !important; + align-content: center; +} + +.frm_form_field.frm-phone-type ~ [id*=frm-field-format-custom-] > label, +.frm_form_field.frm-format-dropdown ~ [id*=frm-field-format-custom-] > label { + opacity: 0; /* Hide the label for the format input in the phone field. */ +} + +.frm_form_field.frm-format-dropdown ~ [id*=frm-field-format-custom-] { + grid-column: span 6/span 6; +} + +/* Adjust "CSS Layout Classes" to full width when the "Format" setting is present. */ +.frm-single-settings.frm-type-textarea > .frm_grid_container [id*=frm-field-format-custom-] + p { + grid-column: span 12/span 12; +} + +.frm-single-settings .frm_grid_container { + column-gap: var(--gap-sm); +} + +.frm-content-center { + align-content: center; +} + +.frm-self-end { + align-self: end; +} + +/** + * Components - Short List + */ +.frm-short-list { + overflow: auto; + max-height: 190px; +} + +/** + * Components - Table Elements + */ +.frm-white-body table.frm-border td { + font-size: var(--text-sm); +} + +.frm-white-body .striped > tbody > :nth-child(odd) { + background-color: #fff; +} + +.frm_wrap td.column-title strong { + display: inline; +} + +/** + * Layout - Top Bar + */ +#frm_top_bar { + display: flex; + gap: var(--gap-sm); + width: 100%; + height: 72px; + margin: 0; + box-sizing: border-box; + text-align: center; + padding: 0 var(--gap-md); +} + +#frm_top_bar > .frm-full-close:last-child, +#frm_top_bar > #frm-publishing:last-child { + margin-left: auto; +} + +#frm_top_bar { + border-bottom: 1px solid var(--grey-300); + padding: 0 var(--gap-md); + overflow: visible; +} + +/** + * Base - Headings + */ +.frm-white-body h1, +.frm-white-body h2, +.frm-white-body h3, +.frm-white-body h4 { + color: var(--grey-900); + font-weight: 400; + line-height: var(--leading) !important; +} + +.frm-white-body .wrap h1, +.frm-white-body h1 { + font-size: var(--text-xl); +} + +.frm-white-body .wrap h2, +.frm-white-body h2 { + font-size: var(--text-lg); + font-weight: 500; +} + +.frm-white-body .wrap h3, +.frm-white-body h3 { + font-size: var(--text-md); +} + +.frm-white-body .wrap h4, +.frm-white-body h4 { + font-size: var(--text-sm); + font-weight: 500; +} + +/** + * Components - Error Modal + */ +#frm_error_modal .frm_lock_simple { + padding: 20px; + border-radius: 50%; + background-color: var(--primary-25); + display: inline-block; +} + +#frm_error_modal #frm_lock_simple { + color: var(--primary-500); +} + +#frm_error_modal .frm-modal-title { + display: block; +} + +#frm_error_modal .frm-modal-title h2 { + font-weight: 600; + font-size: var(--text-xl); + margin: 0; +} + +#frm_error_modal .frm_modal_content { + padding: var(--gap-md); + color: var(--grey-900); +} + +/** + * Layout - Editor Overrides + */ +/* Override CSS in Views plugin. */ +.frm-views-editor-body .frm_page_container #frm_top_bar h1 { + padding: 0 !important; + color: var(--grey-900); + font-size: var(--text-xl) !important; +} + +.post-type-frm_display .frm_top_left { + padding-bottom: 0 !important; +} + +.frm-new-table-view-option.frm-selected-table-view-option { + border-radius: var(--small-radius); + background: var(--primary-25); +} + +.frm-views-editor-body #frm_adv_info .tabs-panel { /* Views sidebar */ + padding-left: 4px; + padding-right: 4px; +} + +#frm_edit_box_content_modal .frm_modal_footer { + padding-top: var(--gap-sm); + border-top: 1px solid var(--grey-300); +} + +#frm_edit_box_content_modal .frm_modal_footer > div { + display: flex; + justify-content: space-between; +} + +#frm_edit_box_content_modal #frm_modal_box_select_area, +#frm_edit_box_content_modal #frm_box_content_wysiwyg_wrapper, +#frm_edit_box_content_modal .frm_modal_content { + max-height: calc(100vh - 176px) !important; +} + +#frm_edit_box_content_modal #frm_modal_box_select_area { + height: calc(100vh - 176px) !important; +} + +#frm_edit_box_content_modal #wp-content-editor-tools { + padding-top: 0; +} + +#frm_edit_box_content_modal.frm-modal .postbox .frm-modal-title + div:last-child { + right: var(--gap-md); +} + +.frm_code_list.frm-full-hover .frm-dropdown-view a { + flex-direction: row-reverse; /* Switch in the HTML */ +} + +#frm_view_editor_left.frm-right-panel .accordion-section-title::before { + content: "" !important; + margin: 0; +} + +/** End Temporary View CSS */ +/** + * Components - Upgrade Bar + */ +.frm-gradient, +.frm-upgrade-bar { + background: linear-gradient(90deg, #388cf3, #1961d5, #8c7fd8) !important; + color: #fff !important; + border: 0 !important; +} + +.frm-gradient.frm-button-primary:not([disabled]), +.frm-gradient.frm-button-primary:not([disabled]):hover, +.frm-gradient.frm-button-primary:not([disabled]):focus { + background: linear-gradient(90deg, #1961d5, #816cfa) !important; +} + +.frm-upgrade-bar, +.frm-gradient { + position: relative; +} + +.frm-upgrade-bar::before, +.frm-gradient::before { + content: ""; + display: none; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(255, 255, 255, 0.1); + z-index: 0; +} + +.frm-upgrade-bar:hover::before, +.frm-gradient:hover::before, +.frm-gradient:focus::before { + display: block; +} + +.frm-upgrade-bar-inner, +.frm-gradient > * { + position: relative; + z-index: 1; +} + +.frm-upgrade-bar { + border-bottom: 1px solid var(--sidebar-hover); + padding: 9px 0; + font-size: 12px; + text-align: center; +} + +.frm-upgrade-bar a { + color: currentColor !important; + text-decoration: underline; +} + +.frm-upgrade-bar a:focus { + outline: 1px dotted var(--sidebar-hover); +} + +.frm-upgrade-bar span { + opacity: 0.9; +} + +/** + * Components - Links + */ +a h1 .frmsvg { + color: var(--grey-400); + vertical-align: middle; + min-width: var(--text-sm); +} + +a .frmsvg { + color: currentColor; +} + +.frm_wrap .view-switch a.current::before, +.frm-white-body a, +.frm_wrap a, +.frm_wrap a i { + color: var(--primary-color); +} + +.frm_wrap a:active, +.frm_wrap a:hover { + color: var(--primary-700); + box-shadow: none; +} + +.post-type-frm_display a:focus, +.frm_wrap a:focus { + box-shadow: none; +} + +/** + * Layout - Top Bar - Navigation + */ +.frm_top_left { + text-align: left; + float: left; + white-space: nowrap; + max-width: 250px; + overflow: hidden; + text-overflow: ellipsis; + align-self: center; +} + +.post-type-frm_display .frm_top_left, +.frm_top_left.frm_top_wide { + max-width: 100%; +} + +.post-type-frm_display .frm_nav_bar .frm-header-logo, +.frm_nav_bar .frm-header-logo { + margin: 18px 0 10px; +} + +#frm_top_bar .frm_form_nav { + flex: 1; +} + +ul.frm_form_nav { + margin: 0 auto; + padding-top: 18px; + display: block; + min-width: 240px; +} + +.nav-tab-wrapper.frm_form_nav { + padding: 0 25px; +} + +ul.frm_form_nav > li { + margin: 0 min(3.5%, 32px) 0 0; + display: inline-block; +} + +.post-type-frm_display #advanced-sortables h2.hndle, +.post-type-frm_display #side-sortables h2.hndle, +.post-type-frm_display #normal-sortables h2.hndle, +.post-type-frm_display .frm_form_nav .nav-tab-active, +.frm_form_nav > li > a { + font-size: 1.3em; + text-decoration: none; + display: block; + padding: 6px 2px 4px; + font-weight: 500; + color: var(--grey-700); + border-bottom: 2px solid transparent; +} + +.post-type-frm_display.js .postbox .handlediv .toggle-indicator::before { + margin-top: 10px; +} + +.frm-nav-tabs a:focus, +.frm-nav-tabs a:active, +.frm_form_nav a:active, +.frm_form_nav a:focus { + outline: none; + box-shadow: none; +} + +.frm_form_nav > li > a { + font-size: var(--text-md); + font-weight: 400; + color: var(--grey-500); +} + +.frm_form_nav > li > a:hover { + border-color: var(--primary-700); +} + +.frm_form_nav .frm-dropdown-menu a:hover { + background-color: #eaf2fa; +} + +.post-type-frm_display .frm_form_nav .nav-tab-active, +.post-type-frm_display .frm_form_nav .nav-tab-active:hover, +.frm_form_nav > li a.current_page { + color: var(--primary-500); + border-color: var(--primary-500); + background: transparent; + opacity: 1; + font-weight: 600; +} + +/** + * Components - Full Close + */ +.frm-full-close { + display: none; + padding-left: var(--gap-md); + border: 0 solid var(--grey-300); + border-left-width: 1px; /* Make RTL a bit less maintenance */ + height: 100%; + box-sizing: border-box; +} + +.frm-full-screen .frm-full-close { + display: flex; + align-items: center; +} + +.frm-full-close a { + display: block; +} + +.frm-full-close .frmsvg { + font-size: 20px; + width: 20px; + height: 20px; + color: var(--grey-500); +} + +/** + * Layout - Top Bar - Elements + */ +#frm_top_bar h1 { + font-weight: 400; + padding: 0; + margin: 0; + color: var(--grey-900); + display: inline-flex; + gap: var(--gap-sm); + align-items: center; + text-align: left; + min-width: 200px; +} + +#frm_top_bar h1 span { + max-width: 175px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + display: inline-block; + vertical-align: bottom; +} + +#frm_top_bar ul.frm_form_nav, +#frm_top_bar .frm-header-logo, +#frm_top_bar #frm_bs_dropdown { + align-self: center; + margin-top: 0; + margin-bottom: 0; + padding-top: 0; +} + +#frm_top_bar .frm-header-logo { + display: flex; /* Get rid of extra padding below logo */ +} + +#frm_top_bar h2 { + float: left; + margin: 0 0 0 var(--gap-sm); + padding: 2px 0 2px var(--gap-sm); + font-weight: 400; + border-left: 2px solid var(--grey); +} + +.frm_wrap > #frm_top_bar #frm-publishing { + margin-top: 0; +} + +#frm-publishing { + min-width: 225px; + align-self: center; + align-items: center; + display: flex; + flex-direction: row-reverse; + gap: 0 var(--gap-sm); + flex-wrap: wrap; +} + +/** + * Layout - Postbox + */ +.frm_wrap .postbox { + border-color: var(--grey-300); + border-radius: 6px; + box-shadow: none; +} + +.frm_wrap .postbox h3.hndle { + cursor: default; + padding: 10px 20px; + margin: 0; + line-height: 1.4em; + border-color: var(--grey-300); +} + +.frm-pre-hndle { + font-size: 15px; + padding: 5px; + margin: 9px 15px; +} + +/** + * Components - Table - Row + */ +.frm-empty-row { + display: none; +} + +.frm-child-row { + box-shadow: 5px 0 0 0 inset var(--sidebar-hover); +} + +/** + * Utilities - Effects - Animate + */ +.frm_animate_bg { + transition: background 200ms linear, color 200ms linear; +} + +/** + * Components - List - Subsubsub + */ +.wrap > .subsubsub { + clear: both; + margin: 0; +} + +.frm_wrap .subsubsub a { + line-height: var(--leading); + font-size: var(--text-sm); +} + +/** + * Layout - Container + */ +.frm-admin-page-styles .frm_page_container, +.frm_wrap .frm_page_container { /* Use .frm_wrap to avoid messing up Views editor layout */ + height: calc(100vh - 32px); + display: flex; + flex-direction: column; + overflow: hidden; + padding-top: 0; + position: fixed; + top: 32px; + bottom: 0; + left: 0; + right: 0; +} + +.frm-admin-page-translate .frm_wrap .frm_page_container, +.frm-admin-page-update_translations .frm_wrap .frm_page_container { + position: static; +} + +.auto-fold.frm-admin-page-styles .frm_page_container, +.auto-fold .frm_wrap .frm_page_container, +.frm-unfold.frm-admin-page-styles .frm_page_container, +.frm-unfold .frm_wrap .frm_page_container { + left: 160px; +} + +.folded.frm-admin-page-styles .frm_page_container, +.folded .frm_wrap .frm_page_container { + left: 38px; +} + +.frm-full-screen.frm-admin-page-styles .frm_page_container, +.frm-full-screen .frm_wrap .frm_page_container { + height: 100vh; + top: 0; + left: 0; +} + +.frm-full-screen.frm-admin-page-entries .frm_page_container, +.frm-new-entry .frm_page_container, +.frm-admin-page-reports .frm_page_container, +.frm_list_entry_page .frm_page_container { + height: auto; + display: block; +} + +/** + * Layout - Container - Columns Elements + */ +.frm-new-entry .columns-2 { + border: none; +} + +.frm-white-body #frm_top_bar, +.frm-white-body .columns-2 { + flex: 0 0 auto; +} + +.columns-2 .frm-right-panel + div { + padding-bottom: var(--gap-md); + border-left: 1px solid var(--grey-300); +} + +.columns-2 .frm-right-panel + div, +.frm_wrap #post-body-content { + padding-bottom: 0; + padding-top: var(--gap-sm); + margin-bottom: 0; + background: #fff; + width: auto; + float: none; + flex: 2; +} + +.frm-white-body .columns-2 { + flex: 1; + display: flex; + overflow: hidden; +} + +.frm-white-body .columns-2 > div { + overflow-y: auto; + box-sizing: border-box; +} + +.frm_wrap .columns-2 .frm-right-panel, +.frm-right-panel { + flex: 0 0 var(--biggest-sidebar); + float: none; + width: var(--biggest-sidebar); + min-width: var(--biggest-sidebar); + background-color: var(--sidebar-color); + margin: 0; + box-shadow: none; + border: none; + padding-bottom: 25px; +} + +.frm-right-panel .frm_field_list, +.frm_wrap .frm-right-panel #frm_adv_info, +.frm_wrap #postbox-container-1 #frm_adv_info { + box-shadow: none; + border: none; + margin-bottom: 26px; +} + +/** + * Components - Settings - Has Shortcodes + */ +#new_fields, +.frm-has-modal, +p.frm_has_shortcodes { + position: relative; +} + +.frm-inline-modal.postbox { + background: #fff; + border-color: var(--grey-100); + border-radius: var(--small-radius); + box-shadow: var(--box-shadow-lg); +} + +.frm_has_shortcodes .frmsvg:not(.frm_help .frmsvg), +.frm_has_shortcodes i:not([class*=mce-]) { + position: absolute; + color: var(--primary-500); + border-radius: 50%; + border: 1px solid transparent; + z-index: 100; + text-align: center; +} + +.frm_has_shortcodes .frmsvg.frm-show-box { + border-radius: 6px !important; +} + +.frm_has_shortcodes input, +.frm_has_shortcodes textarea { + padding-left: 18px; + box-sizing: border-box; +} + +/** + * Components - Settings - Adv Info + */ +#form_settings_page #frm_adv_info, +#frm_builder_page #frm_adv_info { + display: none; + top: 0; + width: 310px; + max-height: 315px; + min-height: 200px; + overflow-y: scroll; + z-index: 100; +} + +#form_global_settings .columns-2 > div { + overflow: auto; + height: calc(100vh - 32px); +} + +#form_global_settings .columns-2 .frm-right-panel, +#form_settings_page .columns-2 .frm-right-panel, +#wpbody-content .frm-page-skeleton .frm-right-panel { + flex: 0 0 var(--small-sidebar); + width: var(--small-sidebar); + min-width: var(--small-sidebar); +} + +#form_global_settings .frm_grid_container { + gap: 0 var(--gap-md); +} + +.frm-inner-content { + padding: var(--gap-md); +} + +.post-type-frm_display #poststuff { + padding: 0 0 10px 40px; +} + +#postbox-container-2 .postbox .inside { + padding: 15px 25px; +} + +#postbox-container-2 #frm_advanced .inside h3 { + margin: 15px -25px; + font-weight: 600; +} + +#form_settings_page .frm-inner-content { + padding-top: 0; + padding-bottom: 150px; + position: relative; +} + +.frm_wrap #submitdiv { + margin-bottom: 0; + border-width: 0 0 1px; + width: 100%; + min-width: unset; +} + +.frm_wrap #frm_adv_info .handlediv, +.frm_wrap #frm_adv_info .hndle { + display: none; +} + +.frm_wrap .menu-settings { + /* for add-on reverse compatibility */ + border: none; + margin-top: 0; +} + +.nodrag a { + cursor: pointer; +} + +.frm_wrap #frm_adv_info .inside { + margin: 0; +} + +#frm_adv_info > .inside { + padding: 0; +} +#frm_adv_info ul.subsubsub { + padding-bottom: var(--gap-xs) !important; +} +#frm_adv_info ul.subsubsub a { + font-weight: 500; +} +#frm_adv_info ul.subsubsub .frm-vertical-separator { + display: inline-block; + width: 1px; + height: 8px; + background-color: var(--grey-300); +} +#frm_adv_info #frm-insert-condition { + background-color: var(--primary-50); +} +#frm_adv_info #frm-insert-condition:hover { + background-color: var(--primary-25); +} + +#frm_builder_page #frm_adv_info { + width: 322px; + max-height: 356px; + border-radius: var(--small-radius); + overflow: hidden; +} +#frm_builder_page #frm_adv_info #taxonomy-linkcategory { + height: 356px; + overflow: hidden; +} +#frm_builder_page #frm_adv_info #taxonomy-linkcategory > div { + max-height: 286px; + padding: 0; +} +#frm_builder_page #frm_adv_info #taxonomy-linkcategory > div > * { + padding-bottom: var(--gap-sm); + max-height: unset; +} +#frm_builder_page #frm_adv_info #taxonomy-linkcategory > div > *:last-child { + padding-bottom: var(--gap-xs); +} +#frm_builder_page #frm_adv_info #frm-nav-tabs { + display: flex; + gap: var(--gap-xs); + background-color: var(--grey-100); + border-radius: var(--small-radius); + border: 0; + padding: var(--gap-xs); + margin: var(--gap-xs) var(--gap-2xs) var(--gap-sm); +} +#frm_builder_page #frm_adv_info #frm-nav-tabs > li { + flex: 1; + text-align: center; +} +#frm_builder_page #frm_adv_info #frm-nav-tabs > li a { + font-weight: 500; + line-height: 1; + color: var(--grey-500); + border-radius: var(--small-radius); + border: 0; + padding: var(--gap-xs); + margin: 0; +} +#frm_builder_page #frm_adv_info #frm-nav-tabs > li a:hover { + background-color: rgb(234, 236, 240); + color: var(--grey-500) !important; + box-shadow: var(--box-shadow-sm); +} +#frm_builder_page #frm_adv_info #frm-nav-tabs > li.frm-tabs a { + background-color: #fff; + color: var(--grey-900) !important; + box-shadow: var(--box-shadow-sm); +} +#frm_builder_page #frm_adv_info .frm-search, +#frm_builder_page #frm_adv_info .frm-with-search { + padding-top: 0; + margin: 0; +} + +/** + * Components - Modal - Inline Modal + */ +.frm-right-panel .frm-inline-modal.postbox .inside { + margin: 0; + padding: 0 14px 14px; +} +.frm-right-panel .frm-inline-modal.postbox .inside .frm-with-line, +.frm-right-panel .frm-inline-modal.postbox .inside .accordion-section-content h4 { + margin-left: -14px; + margin-right: -14px; +} + +.frm-right-panel .frm-inline-modal .inside p:not(.howto), +.frm-right-panel .frm-inline-modal .inside a { + font-size: 15px; +} + +.frm-inline-modal .inside a.frm_icon_font { + font-size: 18px; +} + +/** + * Components - Nav Tabs + */ +.frm-nav-tabs { + margin: 10px 0 20px; + padding: 0 var(--gap-sm); + display: block; + border-bottom: 1px solid var(--grey-300); +} + +#frm-nav-tabs { + position: -webkit-sticky; + position: sticky; + top: 0; + background-color: var(--sidebar-color); + z-index: 98; /* must be < 99 */ + margin-top: 0; + padding-top: 5px; +} + +.frm_form_settings #frm_adv_info #frm-nav-tabs { + background-color: #fff; + margin: 0 -4px; +} + +.frm_form_settings span.frm-with-right-icon, +#frm_builder_page .frm_has_shortcodes span.frm-with-right-icon:not(.frm_hidden) { + display: block; +} + +.frm-inline-modal .frm-nav-tabs, +#frm_adv_info .frm-nav-tabs { + margin: 5px 0 0; +} + +#frm_adv_info .frm-nav-tabs.frm-compact-nav { + padding-right: 0; + padding-left: 20px; +} + +.frm-nav-tabs li { + display: inline-block; + margin: 0; +} + +.frm-nav-tabs a { + color: var(--grey-700); + padding: 10px 1px; + margin: 0 9px; + border-bottom: 2px solid transparent; +} + +.frm_form_settings #frm_adv_info .frm-nav-tabs a { + padding: 5px 1px; + color: var(--grey-500); +} + +.frm-nav-tabs.frm-compact-nav a { + margin: 0 5px; +} + +.frm-nav-tabs a { + display: block; + opacity: 0.9; +} + +#frm_adv_info .frm-nav-tabs a { + color: var(--grey-700); +} + +.frm-nav-tabs a:hover, +.frm-nav-tabs .frm-tabs a { + color: var(--primary-500) !important; + border-color: var(--primary-500); +} + +.frm_form_settings #frm_adv_info .frm-nav-tabs .frm-tabs a { + font-weight: 500; +} + +/* Payments Page */ +.frm-payments-tabs { + margin-bottom: var(--gap-md); + display: flex; +} +.frm-payments-tabs .frm-payments-tab { + font-weight: 600; + font-size: 14px; + color: var(--grey-900); + display: inline-block; + border-width: 1px; + border-style: solid; + border-color: rgb(234, 236, 240); + padding: 8px 12px; + border-radius: 6px 6px 0 0; + background-color: rgb(249, 250, 251); +} +.frm-payments-tabs .frm-payments-tab-filler { + border-bottom: 1px solid rgb(234, 236, 240); + min-width: var(--gap-xs); +} +.frm-payments-tabs .frm-payments-tab-filler:last-child { + flex: 1; +} + +.frm-payments-tab.frm-active { + background-color: white; + border-bottom: none; +} + +.frm-payments-tab a { + text-decoration: none; + color: var(--grey-900); +} + +/** + * Components - Modal - Bulk Modal + */ +#frm-bulk-modal .howto, +#frm-bulk-modal h3 { + font-size: var(--text-sm); + font-weight: 400; + margin: 5px 0 10px; + color: var(--grey); +} + +#frm-bulk-modal h3 { + margin-left: 20px; +} + +/** + * Layout - Sidebar + */ +.frm-right-panel a.frm_add_logic_link, +.frm-right-panel h3 { + color: var(--grey-700); + font-size: var(--text-lg); + font-weight: 400; + margin: 0; +} +.frm-right-panel h3 i { + color: var(--grey-700); + float: right; + width: 16px; + cursor: pointer; +} + +.frm-settings-panel { + /* Right padding reduced to compensate for scrollbar width (~8px) */ + padding: var(--gap-sm); + padding-right: var(--gap-xs); +} +.frm-settings-panel .frm-style-tabs-wrapper .frm-tabs-delimiter { + top: var(--gap-xs); + left: var(--gap-xs); + width: calc(100% - var(--gap-sm)); +} +.frm-settings-panel .frm-style-tabs-wrapper .frm-tabs-navs { + padding: var(--gap-xs) var(--gap-xs) 0; +} +.frm-settings-panel .frm-style-tabs-wrapper .frm-tabs-slide-track > div { + max-height: 0; + visibility: hidden; +} +.frm-settings-panel .frm-style-tabs-wrapper .frm-tabs-slide-track > div.frm-active { + max-height: unset; + visibility: visible; +} +.frm-settings-panel .frm-embed-field-placeholder { + height: unset; +} +.frm-settings-panel .frm-embed-field-placeholder img { + height: 100px; +} +.frm-settings-panel .frm-embed-field-placeholder .frm-embed-message { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: var(--gap-sm); + max-width: unset; + color: var(--grey-800); + padding: var(--gap-lg); + border: 0; + box-shadow: var(--box-shadow-sm); + margin: 1px; +} + +.frm-single-settings .frm-default-value-wrapper > p { + margin-bottom: 0; +} +.frm-single-settings .frm-default-value-wrapper + p:empty { + display: none; +} +.frm-single-settings [class*=frm-lookup-box-] .frm_grid_container p { + margin-top: 0 !important; +} +.frm-single-settings .frm_single_option[id^=frm_watch_lookup_] { + margin-bottom: var(--gap-xs) !important; +} +.frm-single-settings > h3:first-of-type { + position: relative; + background-color: transparent !important; + border-top: none; + padding-top: 0 !important; + margin-top: 0 !important; +} +.frm-single-settings > h3:first-of-type::after { + content: ""; + position: absolute; + left: var(--gap-sm); + right: var(--gap-sm); + bottom: 0; + height: 1px; + background-color: var(--sidebar-hover); +} + +.frm-flex-justify, +.frm-right-panel .frm-single-settings h3 { + display: flex; + justify-content: space-between; + align-items: center; +} + +/* right sidebar */ +#post-body-content + .frm-right-panel { + flex: 0 0 var(--medium-sidebar); + width: var(--medium-sidebar); + min-width: var(--medium-sidebar); + border-left: 1px solid var(--sidebar-hover); +} + +.frm-new-entry #post-body-content + .frm-right-panel, +.frm-new-entry .frm-right-panel { + background: none; + border: none; +} + +#post-body-content + .frm-right-panel h3 { + padding: 20px 20px 0; + font-size: 17px; +} +#post-body-content + .frm-right-panel .frm_with_icons:first-of-type h3 { + border: none; +} + +#frm-insert-fields h3 { + color: var(--grey); + font-size: 15px; + font-weight: 400; + border-top: none; + border-bottom: 1px solid var(--sidebar-hover); + margin: 0; + padding: 10px 10px 10px 25px; +} + +.frm_wrap #frm_adv_info ul.category-tabs { + margin: 0; + padding: 10px 0 9px; + font-size: 15px; + background: transparent; +} +.frm_wrap #frm_adv_info ul.category-tabs li { + padding: 10px; + background-color: transparent !important; +} +.frm_wrap #frm_adv_info ul.category-tabs li:first-child { + border: none; +} + +.frm_wrap #frm_adv_info .categorydiv div.tabs-panel { + border: none; + background: transparent; +} +.frm_wrap #frm-categorydiv { + border-right: none; +} + +#frm_adv_info #frm-conditionals { + padding-top: var(--gap-sm); +} + +#postbox-container-1 #taxonomy-linkcategory #frm-html-tags { + display: none; + max-height: none; +} +#postbox-container-1 .frm_field_list #frm-insert-fields .frmbutton.dropdown { + position: relative; +} + +/** + * Components - Admin Footer + */ +.frm-white-body #footer-upgrade { + display: none; +} + +.frm-admin-footer-links, +.frm-admin-footer-links-nav, +.frm-admin-footer-links-socials { + display: flex; + justify-content: center; +} + +.frm-admin-footer-links { + gap: var(--gap-2xs); + flex-direction: column; + text-align: center; + padding: var(--gap-xl) 0 var(--gap-lg); + font-size: var(--text-xs); + color: var(--grey-400); +} + +body.frm-hidden-overflow { + height: 100%; + overflow: hidden; +} + +.frm-admin-footer-links-nav { + gap: var(--gap-2xs); + margin-bottom: var(--gap-xs); +} + +.frm-admin-footer-links-socials { + gap: var(--gap-xs); +} + +.frm-admin-footer-links-socials a { + color: var(--grey-400); +} + +/** + * Layout - List Entry Page + */ +.frm_list_entry_page h2 { + float: left; +} + +.frm_list_entry_page h2 + .error { + clear: both; +} + +/** + * Layout - Sidebar - Elements + */ +.frm_sidebar select { + width: 100%; + margin-left: 0; + margin-right: 0; +} + +.frm_sidebar #search-submit { + float: right; +} + +/** + * Layout - Single Entry Page + */ +.frm_single_entry_page #submitdiv { + margin: 0; +} + +.frm_single_entry_page .hndle a { + font-size: 13px; +} + +/** + * Components - Publish Actions + */ +.frm-right-panel #publishing-action { + float: none; +} + +.frm-right-panel #major-publishing-actions { + border-top: none; + height: 32px; + background: transparent; +} + +#major-publishing-actions .frm_submit_form { + float: right; + margin-left: 5px; +} + +/** + * Components - Button + */ +.frm_orange_button, +.frm_reverse_button { + font-size: 12px; + border: 1px solid var(--orange); + color: var(--orange); + font-weight: 600; + padding: 1px 4px; + border-radius: 4px; + background: transparent; +} + +.frm_reverse_button:hover, +.frm_reverse_button:active, +.frm_reverse_button:focus { + color: #fff; + background: var(--orange); + border: 1px solid var(--orange); +} + +.frm_reverse_button { + font-size: 1em; + transition: all 0.2s ease; +} + +.frm-button-primary, +.wp-core-ui .button-primary.frm-button-primary, +.wp-core-ui .button.frm-button-primary, +.frm-button-secondary, +.wp-core-ui .button-secondary.frm-button-secondary, +.wp-core-ui .button.frm-button-secondary, +.frm-white-body .frm-search .button, +.frm-white-body .search-box .button, +.frm-white-body .tablenav .button, +.frm_orange_button, +.toplevel_page_formidable #frm_upgrade_modal .button-primary, +.wp-core-ui.frm-white-body .button-primary, +.wp-core-ui.frm-white-body .button-secondary, +.frm-white-body .button-primary, +.frm-white-body .button-secondary, +#frm-form-button button, +.frm-form-button button, +.frm-preview-buttons button, +.frm-button-red, +.frm-button-tertiary { + text-shadow: none; + box-shadow: none; + border-radius: 30px; + border: 1px solid var(--primary-500); + font-size: var(--text-sm); + transition: all 0.2s ease; + padding: 7px 16px; + height: auto; + min-height: 28px; + outline: none; + line-height: var(--leading); + box-sizing: border-box; + font-weight: 500; + margin-bottom: 0; + display: inline-block; +} + +.frm-button-primary.frm-sharp, +.frm-button-secondary.frm-sharp { + border-radius: 12px !important; +} + +#wpcontent .frm-button-secondary.frm-button-gradient { + position: relative; + border-color: transparent !important; + background-clip: padding-box !important; +} +#wpcontent .frm-button-secondary.frm-button-gradient::before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: -1; + margin: -1px; + border-radius: inherit; + background: linear-gradient(90deg, #129efd 0%, #a334fd 100%); + transition: opacity 150ms ease-out; +} +#wpcontent .frm-button-secondary:hover::before { + opacity: 0.5; +} + +.no-js.wp-core-ui .frm-search .button.hide-if-no-js, +.js.wp-core-ui .frm-search .button.hide-if-js { + display: none; +} + +.frm-button-tertiary { + border-color: transparent; + color: var(--primary-500); +} + +.frm-button-tertiary:focus { + outline: none; +} + +.frm-button-tertiary.frm_loading_button::before { + border-right-color: var(--grey); + border-bottom-color: var(--grey); +} + +.frm-button-red, +.frm-button-red:focus { + --primary-color: var(--error-500); + --primary-500: var(--error-500); + --primary-700: var(--error-700); +} + +.frm-button-red:not(.frm-button-tertiary), +.frm-button-red:not(.frm-button-tertiary):focus { + color: #fff !important; +} + +.frm-white-body h2 .button, +.post-type-frm_display h2 .frm-button-primary, +.frm-white-body .tablenav .button, +.frm-button-primary.frm-button-sm, +.frm-button-secondary.frm-button-sm, +.frm-button-tertiary.frm-button-sm, +.frm-button-red.frm-button-sm { + padding: 4px 12px !important; + font-size: var(--text-xs) !important; +} + +.frm_no_style_button { + background: transparent; +} + +.frm-with-icon { + display: flex; + gap: var(--gap-xs); + align-items: center; +} + +.frm-with-icon svg { + opacity: 0.65; /* Get close to grey-500 without overriding hover colors */ +} + +.frm-with-icon.button svg { + height: var(--text-sm); + width: var(--text-sm); +} + +.frm-with-icon.frm-button-sm svg { + height: var(--text-xs); + width: var(--text-xs); +} + +.frm-white-body .button.add_media { + /* Media buttons above RTE */ + padding-left: 12px !important; + padding-right: 12px !important; + font-size: var(--text-xs); + border-radius: var(--border-radius); +} + +.wp-core-ui.frm-white-body #post-query-submit.button, +.wp-core-ui.frm-white-body .button.tablenav-pages-navspan, +.wp-core-ui.frm-white-body .button.first-page, +.wp-core-ui.frm-white-body .button.prev-page, +.wp-core-ui.frm-white-body .button.next-page, +.wp-core-ui.frm-white-body .button.last-page, +.wp-core-ui.frm-white-body .button.action { + background-color: transparent; + border-color: var(--grey-300); + color: var(--grey-700); + border-radius: var(--border-radius); +} + +.post-type-frm_display.wp-core-ui .button-primary, +.frm-button-primary, +.wp-core-ui .button-primary.frm-button-primary, +.frm_single_entry_page #frm-publishing .button-primary { + background-color: var(--primary-500) !important; + color: #fff !important; +} + +.frm-button-primary.frm_large, +.frm-button-secondary.frm_large { + height: auto !important; + padding: 12px 16px !important; +} + +.frm-button-secondary.frm-small, +.frm-button-primary.frm-small { + font-size: var(--text-xs) !important; + height: auto !important; + padding: var(--gap-2xs) 12px !important; +} + +.frm-button-primary i::before { + color: #fff; +} + +.wp-core-ui .button-primary.frm-button-primary:not([disabled]):hover, +.frm-button-primary:not([disabled]):hover { + background: var(--primary-700) !important; + border-color: var(--primary-700) !important; +} + +.wp-core-ui .button-primary.frm-button-primary:active { + vertical-align: inherit; +} + +.frm-white-body #search-submit, +#frm-form-button .frm_button_submit, +.frm-form-button .frm_button_submit, +.frm-white-body .frm-preview-buttons button, +.frm-white-body .button:not(.frm-button-primary), +.wp-core-ui.frm-white-body .button-secondary, +.wp-core-ui .button-secondary.frm-button-secondary, +.wp-core-ui .button.frm-button-secondary, +.frm-white-body .frm-button-secondary, +.frm-button-secondary { + color: var(--grey-800); + border-color: var(--grey-300); + background-color: #fff; +} + +#wp-content-media-buttons button, +#wp-content-media-buttons a.button { + border-color: var(--grey-300); +} + +.frm_orange_button { + border-color: #da791d !important; + background: var(--orange); + color: #fff; +} + +.frm-white-body .button:not(.frm-button-primary):focus, +.frm-white-body .button:not(.frm-button-primary):active, +.frm-white-body .frm-button-secondary:hover, +.wp-core-ui.frm-white-body .frm-button-secondary:hover, +.wp-core-ui.frm-white-body .button-secondary:hover, +.wp-core-ui.frm-white-body .button-secondary:focus, +.wp-core-ui.frm-white-body .tablenav .button:hover, +.frm_wrap .preview > .button:hover, +.frm-white-body #search-submit:hover { + border-color: var(--grey-300) !important; + color: var(--grey-800); + background: var(--grey-50) !important; + box-shadow: none !important; + outline: none !important; +} + +.frm-button-primary .frmsvg { + color: #fff; +} + +.frm_wrap .preview i { + font-size: inherit; +} + +.frm-white-body .frm-button-primary:focus, +.frm-white-body .frm-button-primary:active, +#frm-addons-page .button-primary:focus, +#form_global_settings .button-primary:focus, +#frm_upgrade_modal .button-primary:focus { + border-color: var(--primary-700) !important; + background-color: var(--primary-700) !important; + box-shadow: none !important; + outline: none !important; +} + +.frm_wrap .preview > .button:focus, +.frm_orange_button:hover, +.frm_orange_button:focus, +.toplevel_page_formidable #frm_upgrade_modal .button-primary:hover, +.toplevel_page_formidable #frm_upgrade_modal .button-primary:focus, +.toplevel_page_formidable .frm_wrap button.button-primary:hover, +.toplevel_page_formidable .frm_wrap button.button-primary:focus { + outline: none; +} + +.frm_orange_button:hover, +.frm_orange_button:focus { + border-color: var(--orange) !important; + background: transparent; + color: var(--orange); + opacity: 1; +} + +.major-publishing-actions.frm_create_form_header { + padding: 8px 0; +} + +.major-publishing-actions.frm_create_form_header .frm_create_form_header_inner { + font-size: 15px; + background: transparent; +} + +.frm-menu-boxes .frm_blank_form_text { + padding-bottom: 26px; +} + +input.frm_insert_in_template { + font-size: 10px; + width: 98%; + font-weight: 400; +} + +.frm-dismissible a.dismiss:focus { + box-shadow: none; +} + +.frm-dismissible a.dismiss { + top: 10px; + right: 10px; + position: absolute; +} + +.frm-dismissible a.dismiss svg { + color: var(--grey-800); +} + +.frm-btn-unstyled { + font: inherit; + background: none; + border: none; + padding: 0; + cursor: pointer; + outline: inherit; +} +.frm-btn-unstyled:hover, .frm-btn-unstyled:focus, .frm-btn-unstyled:active { + text-decoration: none; + background: none; + border: none; + box-shadow: none; +} +.frm-btn-unstyled:disabled, .frm-btn-unstyled[disabled] { + pointer-events: none; + opacity: 0.65; +} + +/** + * Components - Review Request + */ +.wp-admin .frm-review-notice { + position: fixed !important; + bottom: var(--gap-2xl); + right: var(--gap-lg); + width: 380px; + text-align: center; + border-color: var(--grey-100); + padding: var(--gap-lg); + border-radius: var(--medium-radius); + box-shadow: var(--box-shadow-lg) !important; + z-index: 999; + box-sizing: border-box; + --gap-sm: 16px; + --gap-md: 24px; + --gap-2xl: 48px; +} + +.wp-admin .frm-review-notice * { + box-sizing: border-box; +} + +.frm-review-notice-icon { + display: inline-flex; + margin-bottom: var(--gap-sm); +} + +.wp-admin .frm-review-notice-title { + font-weight: 600; + margin-top: 0; + margin-bottom: var(--gap-xs); +} + +.wp-admin .frm-review-notice-text { + margin-top: 0; + margin-bottom: var(--gap-md); +} + +.frm-review-notice-signature { + text-align: left; + margin: var(--gap-md) 0; +} + +.frm-review-notice-signature img { + width: 40px; + height: 40px; + padding: 3px; + box-shadow: var(--box-shadow-md); + border-radius: 100%; +} + +#wpwrap .frm-dismiss-review-notice { + top: 16px; + right: 19px; +} + +.frm-review-notice #frmapi-feedback [class^=frm__] { + display: none; +} + +.frm-review-notice #frmapi-feedback input, +.frm-review-notice #frmapi-feedback textarea { + border-color: var(--grey-300); + border-radius: var(--small-radius); +} + +.frm-review-notice #frmapi-feedback input { + min-height: unset; + max-height: 36px; +} + +.frm-review-notice #frmapi-feedback textarea { + max-height: 80px; + padding-top: var(--gap-xs); +} + +.frm-review-notice #frmapi-feedback .frm_message { + color: var(--success-900); + background-color: var(--success-25); + border: 1px solid var(--success-200); + padding: var(--gap-sm) var(--gap-md); + margin: 0; +} + +.frm-review-notice #frmapi-feedback .frm_message p { + margin: 0; +} + +.frm-review-notice #frmapi-feedback .frm_button_submit { + background-color: var(--primary-500); + border-color: var(--primary-500) !important; + cursor: pointer; +} + +.frm-review-notice #frmapi-feedback .frm_button_submit:hover, +.frm-review-notice #frmapi-feedback .frm_button_submit:focus { + color: #fff; + background-color: var(--primary-700); + border-color: var(--primary-700) !important; +} + +.frm-review-notice .frm_error, +.frm-review-notice label { + color: #444; + text-align: left; +} + +.frm-review-notice label { + font-size: var(--text-sm); +} + +.frm-floating-success-message { + position: fixed; + z-index: 999; + border-radius: 4px; + right: 10px; + bottom: 10px; +} + +/** + * Utility Classes + * + * Reusable helper classes for spacing, typography, effects, etc. + */ +/** + * Utilities - Box Shadow + */ +.frm-box-shadow-xxl { + box-shadow: var(--box-shadow-xxl) !important; +} + +/** + * Utilities - Text Color + */ +.frm-text-white { + color: #fff !important; +} + +.frm-text-primary-500 { + color: var(--primary-500); +} + +.frm-text-grey-400 { + color: var(--grey-400) !important; +} + +.frm-text-grey-500 { + color: var(--grey-500) !important; +} + +.frm-text-grey-600 { + color: var(--grey-600) !important; +} + +.frm-text-grey-700 { + color: var(--grey-700); +} + +.frm-text-grey-800 { + color: var(--grey-800); +} + +.frm-text-grey-900 { + color: var(--grey-900); +} + +.frm-text-success-500 { + color: var(--success-500); +} + +.frm-text-warning-500 { + color: var(--warning-500); +} + +.frm-underline { + text-decoration: underline; +} + +/** + * Utilities - Margin + */ +.frm_no_margin, +.frm-m-0 { + margin: 0 !important; +} + +.frm-m-12 { + margin: var(--gap-2xl); +} + +.frm-m-2xs { + margin: var(--gap-2xs) !important; +} + +.frm_no_top_margin, +.frm-mt-0 { + margin-top: 0 !important; +} + +.frm-mt-2xs { + margin-top: var(--gap-2xs) !important; +} + +.-frm-mt-2xs { + margin-top: calc(-1 * var(--gap-2xs)) !important; +} + +.frm-mt-xs { + margin-top: var(--gap-xs) !important; +} + +.frm-mt-sm { + margin-top: var(--gap-sm) !important; +} + +.frm-mt-md { + margin-top: var(--gap-md) !important; +} + +.frm-mt-lg { + margin-top: var(--gap-lg) !important; +} + +.frm-mt-2xl { + margin-top: var(--gap-2xl) !important; +} + +.frm-mt-auto { + margin-top: auto !important; +} + +.frm_no_bottom_margin, +.frm-mb-0 { + margin-bottom: 0 !important; +} + +.frm-mb-2xs { + margin-bottom: var(--gap-2xs) !important; +} + +.frm-mb-6 { + margin-bottom: 6px !important; +} + +.frm-mb-sm { + margin-bottom: var(--gap-sm) !important; +} + +.frm-mb-12 { + margin-bottom: 12px !important; +} + +.frm-mb-xs { + margin-bottom: var(--gap-xs) !important; +} + +.frm-mb-md { + margin-bottom: var(--gap-md) !important; +} + +.frm-mb-lg { + margin-bottom: var(--gap-lg) !important; +} + +.frm-ml-2xs { + margin-left: var(--gap-2xs) !important; +} + +.frm-ml-xs { + margin-left: var(--gap-xs) !important; +} + +.frm-ml-auto { + margin-left: auto; +} + +.-frm-ml-2xs { + margin-left: calc(-1 * var(--gap-2xs)) !important; +} + +.frm-mr-auto { + margin-right: auto; +} + +.frm-force-mr-auto { + margin-right: auto !important; +} + +.frm-mr-2xs { + margin-right: var(--gap-2xs) !important; +} + +.frm-mr-xs { + margin-right: var(--gap-xs) !important; +} + +.frm-mr-2 { + margin-right: 2px !important; +} + +.frm-mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; +} + +.frm-mx-xs { + margin-left: var(--gap-xs) !important; + margin-right: var(--gap-xs) !important; +} + +.frm-mx-sm { + margin-left: var(--gap-sm) !important; + margin-right: var(--gap-sm) !important; +} + +.frm-my-sm { + margin-top: var(--gap-sm) !important; + margin-bottom: var(--gap-sm) !important; +} + +.frm-my-xs { + margin-top: var(--gap-xs) !important; + margin-bottom: var(--gap-xs) !important; +} + +/** + * Utilities - Padding + */ +.frm-p-0 { + padding: 0 !important; +} + +.frm-p-1, +.frm-p-2xs { + padding: var(--gap-2xs); +} + +.frm-p-sm, +.frm-p-4 { + padding: var(--gap-sm) !important; +} + +.frm-p-xs { + padding: var(--gap-xs) !important; +} + +.frm-p-sm { + padding: var(--gap-sm) !important; +} + +.frm-p-6, +.frm-p-md { + padding: var(--gap-md) !important; +} + +.frm-p-xl { + padding: var(--gap-xl) !important; +} + +.frm-px-0 { + padding-left: 0 !important; + padding-right: 0 !important; +} + +.frm-py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.frm-py-2xs { + padding-top: var(--gap-2xs) !important; + padding-bottom: var(--gap-2xs) !important; +} + +.frm-py-sm { + padding-top: var(--gap-sm) !important; + padding-bottom: var(--gap-sm) !important; +} + +.frm-pt-0 { + padding-top: 0 !important; +} + +.frm-pt-2xs { + padding-top: var(--gap-2xs) !important; +} + +.frm-pt-xs { + padding-top: var(--gap-xs) !important; +} + +.frm-pt-sm { + padding-top: var(--gap-sm) !important; +} + +.frm-pt-md { + padding-top: var(--gap-md) !important; +} + +.frm-pt-xl { + padding-top: var(--gap-xl) !important; +} + +.frm-pr-lg { + padding-right: var(--gap-lg) !important; +} + +.frm-pb-md { + padding-bottom: var(--gap-md) !important; +} + +.frm-pb-sm { + padding-bottom: var(--gap-sm) !important; +} + +.frm-pb-xs { + padding-bottom: var(--gap-xs) !important; +} + +.frm-pb-2xs { + padding-bottom: var(--gap-2xs) !important; +} + +.frm-pb-0 { + padding-bottom: 0 !important; +} + +.frm-px-sm { + padding-right: var(--gap-sm) !important; + padding-left: var(--gap-sm) !important; +} + +.frm-px-xs { + padding-right: var(--gap-xs) !important; + padding-left: var(--gap-xs) !important; +} + +.frm-px-md { + padding-right: var(--gap-md) !important; + padding-left: var(--gap-md) !important; +} + +/** + * Utilities - Font Size + */ +.frm-text-xs { + font-size: var(--text-xs) !important; +} + +.frm-text-sm { + font-size: var(--text-sm) !important; +} + +.frm-text-md { + font-size: var(--text-md) !important; +} + +.frm-text-lg { + font-size: var(--text-lg) !important; +} + +.frm-text-xl { + font-size: var(--text-xl) !important; +} + +.frm-leading-none { + line-height: 1; +} + +.frm-italic { + font-style: italic; +} + +.frm-no-italic { + font-style: normal; +} + +/** + * Utilities - Text Transform + */ +.frm-capitalize { + text-transform: capitalize; +} + +/** + * Utilities - Font Weight + */ +.frm-font-normal { + font-weight: 400 !important; +} + +.frm-font-medium { + font-weight: 500 !important; +} + +.frm-font-semibold { + font-weight: 600 !important; +} + +.frm-font-bold { + font-weight: 700 !important; +} + +/** + * Utilities - Text Overflow + */ +.frm-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +[class*=frm-line-clamp-] { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; +} + +.frm-line-clamp-2 { + -webkit-line-clamp: 2; +} + +.frm-white-space-nowrap { + white-space: nowrap; +} + +/** + * Utilities - Border Radius + */ +.frm-rounded-6 { + border-radius: 6px !important; +} + +.frm-rounded-sm { + border-radius: var(--small-radius) !important; +} + +.frm-rounded-12 { + border-radius: 12px !important; +} + +.frm-rounded-md { + border-radius: var(--medium-radius) !important; +} + +/** + * Utilities - Width + */ +.frm-w-auto { + width: auto !important; +} + +.frm-w-full { + width: 100% !important; +} + +.frm-w-half { + width: 50% !important; +} + +.frm-w-fit { + width: fit-content !important; +} + +.frm-max-w-fit { + max-width: fit-content; +} + +.frm-h-auto { + height: auto !important; +} + +/** + * Utilities - Display + */ +#wpwrap .frm-force-hidden, +.frm-force-hidden { + display: none !important; +} + +.frm_block, +.frm-block { + display: block; +} + +.frm_inline { + display: inline; +} + +.frm-force-inline { + display: inline !important; +} + +.frm_inline_block { + display: inline-block !important; +} + +/** + * Utilities - Flex + */ +.frm-inline-flex, +#wpbody-content .frm-inline-flex { + display: inline-flex; +} + +.frm-flex { + display: flex; +} + +.frm-force-flex { + display: flex !important; +} + +.frm_hidden, +.js .frm-hide-js { + display: none; +} + +.frm-flex-box { + display: flex; + gap: var(--gap-sm); +} + +.frm-flex-col { + display: flex; + flex-direction: column; +} + +.frm-flex-full { + flex: 1; +} + +.frm-force-flex-center, .frm-flex-center { + justify-content: center; + align-items: center; +} + +.frm-flex-center { + display: flex; +} + +.frm-force-flex-center { + display: flex !important; +} + +.frm-shrink-0 { + flex-shrink: 0; +} + +.frm-gap-0 { + gap: 0 !important; +} + +.frm-gap-2xs { + gap: var(--gap-2xs); +} + +.frm-gap-xs { + gap: var(--gap-xs); +} + +.frm-gap-sm { + gap: var(--gap-sm); +} + +.frm-gap-md { + gap: var(--gap-md); +} + +.frm-gap-xl { + gap: var(--gap-xl); +} + +.frm-justify-start { + justify-content: start !important; +} + +.frm-justify-center { + justify-content: center !important; +} + +.frm-justify-between { + justify-content: space-between; +} + +.frm-justify-end { + justify-content: end; +} + +.frm-items-start { + align-items: flex-start; +} + +.frm-items-center { + align-items: center; +} + +.frm-items-stretch { + align-items: stretch; +} + +.frm-self-normal { + align-self: normal; +} + +#wpbody-content .frm-flex-wrap { + flex-wrap: wrap; +} + +.frm-grow { + flex-grow: 1; +} + +.frm-order-first { + order: -9999; +} + +.frm-order-last { + order: 9999; +} + +.frm-order-none { + order: 0; +} + +.frm-h-stack-sm, .frm-h-stack-xs, .frm-h-stack { + display: flex !important; + align-items: center; +} +.frm-h-stack-sm > input[type=checkbox], .frm-h-stack-xs > input[type=checkbox], .frm-h-stack > input[type=checkbox], +.frm-h-stack-sm > input[type=radio], +.frm-h-stack-xs > input[type=radio], +.frm-h-stack > input[type=radio] { + margin: 0 !important; +} + +.frm-h-stack { + gap: var(--gap-2xs); +} + +.frm-h-stack-xs { + gap: var(--gap-xs); +} + +.frm-h-stack-sm { + gap: var(--gap-sm); +} + +.frm-flex-row-reverse { + flex-direction: row-reverse; +} + +/** + * Utilities - Transition + */ +.frm-transition-ease { + transition: all 0.2s ease; +} + +/** + * Utilities - Visibility + */ +.frm_invisible { + visibility: hidden; + transition: all 0.2s ease; +} + +.frm_disabled { + opacity: 0.5; + cursor: default; + pointer-events: none; +} +.frm_disabled .frm-show-inline-modal { + pointer-events: none !important; +} + +/** + * Utilities - Float + */ +.frm_no_float { + float: none; +} + +/** + * Utilities - Text Align + */ +.frm-text-right { + text-align: right; +} + +.frm-text-left { + text-align: left; +} + +/** + * Utilities - Border + */ +.frm-border-b { + border-bottom: 1px solid var(--grey-300); +} + +.frm-no-border { + border: none !important; +} + +.frm-hr { + display: block; + height: 1px; + background-color: var(--grey-200); + margin: var(--gap-xs) 0; +} + +/** + * Utilities - Opacity + */ +.frm-opacity-100 { + opacity: 1; +} + +/** + * Utilities - Z-index Helpers + */ +.frm-on-bottom { + z-index: -1; +} + +/** + * Utilities - Transform + */ +.frm-rotate-90 { + transform: rotate(90deg); +} + +/** + * Utilities - Cursor + */ +.frm-cursor-pointer { + cursor: pointer; +} + +/** + * Utilities - Vertical Align + */ +.frm-align-baseline { + vertical-align: baseline !important; +} + +/** + * Utilities - Generic Classes + */ +.frm-fields p > label.frm_hidden, +#wpbody-content label.frm_hidden, +.frm-lookup-modal .dismiss, +.frm-right-panel .inside a.frm_hidden, +#form_global_settings .frm_hidden, +ul.frm_form_nav > li.frm_hidden, +a.frm_hidden, +.button.frm_hidden, +.wp-core-ui .button.frm_hidden { + display: none; +} + +.postbox .inside > p.frm_no_bottom_margin:last-child { + margin-bottom: 0 !important; +} + +.frm_no_section_fields.frm_block { + display: block; +} + +.actions.frm_visible_overflow { + overflow: visible !important; +} + +.frm_full_opacity, +.frm_submit .frm_full_opacity, +.frm_submit .frm-opacity-100 { + opacity: 1; +} + +.frm-dropdown-menu.frm-on-top { + z-index: 99999; +} + +/** + * Utilities - Helper Classes + */ +.frm-vertical-line { + display: inline-block; + width: 1px; + height: 12px; + background-color: var(--grey-300); +} + +.frm-admin-full-screen #adminmenumain, +.frm-admin-full-screen #wpadminbar, +.frm-admin-full-screen #adminmenuback, +.frm-admin-full-screen #adminmenuwrap, +.frm-admin-full-screen #wpfooter { + display: none; +} + +.frm-admin-full-screen #wpcontent, +.frm-admin-full-screen.auto-fold #wpcontent { + margin: 0; + padding: 0; +} + +.frm-admin-full-screen.appearance_page_starter-templates #wpbody-content { + padding: 0; +} + +/** + * Forms & UI Components + * + * Form elements, inputs, fields, modals and interactive components + */ +/** + * Components - General Form Styles + */ +.frm_forms.with_frm_style { + max-width: 100%; +} + +.post-type-frm_display .wrap > .subsubsub, +.post-type-frm_display .wrap > .icl_subsubsub, +.frm_form_settings > p { + margin: 6px var(--gap-md); + padding: 0; +} + +.frm-entry-container { + margin: 0 40px 40px; + padding: 0; +} + +#form_reports_page .frm-inner-content { + width: calc(100% - 40px); + max-width: 900px; + margin: 20px auto; + padding: 20px; +} + +.frm_inner_field_container > .frm_form_fields { + clear: both; +} + +.post-type-frm_display h2, +.frm_wrap h2 { + margin-top: 0 !important; + font-size: var(--text-lg); + line-height: var(--leading); +} + +.post-type-frm_display .wrap > h2:first-child, +.frm_wrap .wrap > h2:first-child { + padding-top: 0; + margin-top: 0 !important; + font-size: var(--text-lg); +} + +#frm_form_editor_container { + position: relative; + margin-top: 28px; +} + +/** + * Components - Form Field + */ +.form-field p { + /* for conflicts */ + background: none; + border: none; +} + +.form-field label.frm_primary_label { + display: block; + float: none; + width: auto; +} + +#frm_view_editor_left label, +#frm_view_editor_left .frm_primary_label, +.frm-dialog .frm-sub-label, +.frm-dialog label, +.dropdown .frm_primary_label, +.accordion-container label, +.frm-fields td > label, +.frm-fields td > div > label, +.frm_form_field > label:first-child, +.frm-fields p > label, +.frm_on_submit_type > label, +.post-type-frm_display .frm_form_field > label, +#new_fields .frm_primary_label, +#form_global_settings .frm_primary_label, +#frm_form_editor_container .frm_primary_label, +#permissions_settings_settings .frm_primary_label { + color: var(--grey-700); + margin: 0 0 6px; + padding: 0; + width: auto; + font-size: var(--text-sm); + display: block; + line-height: var(--leading); +} + +#frm_form_editor_container #frm-show-fields .frm_primary_label { + min-height: 21px; +} + +.frm-fields td input + label { + display: inline; +} + +#frm_form_editor_container .edit_field_type_end_divider .frm_primary_label, +#frm_form_editor_container .edit_field_type_break .frm_primary_label { + display: none; +} + +form .frm_primary_label input { + font-size: 12px; +} + +.with_frm_style form .form-field { + margin-bottom: 20px; +} + +#frm_builder_page .with_frm_style form .frm_combo_inputs_container > .form-field { + margin-bottom: 0; +} + +.frm_description, +.with_frm_style form div.description, +.frm_error, +.with_frm_style form div.description textarea { + padding: 0; + font-size: 11px; +} + +.with_frm_style .description { + color: inherit; +} + +#frm_form_editor_container .divider_section_only .frm_primary_label { + display: flex; + align-items: center; + gap: var(--gap-xs); + font-size: 20px; +} + +#frm_form_editor_container .divider_section_only .frm_primary_label .frm-sub-label { + padding: 0; +} + +#frm-show-fields ul:has(> li:nth-child(7)) .frm-sub-label.frm-field-id { + display: none; +} + +/** + * Token Input Component + * + * Displays space-separated values as selectable tokens + */ +.frm-token-container { + position: relative; + display: block; + direction: ltr; +} +.frm-token-container .frm-tokens { + position: absolute; + top: 0; + left: 0; + max-width: calc(100% - var(--gap-xl)); + display: flex; + align-items: center; + flex-wrap: wrap; + gap: var(--gap-2xs); + padding: 6px var(--gap-xs); + margin: 0; +} +.frm-token-container .frm-token { + position: relative; + display: flex; + align-items: center; + gap: var(--gap-xs); + min-height: 24px; + height: auto; + color: var(--grey-900); + background: var(--grey-100); + border-radius: 4px; + padding: 0 var(--gap-xs); + font-size: var(--text-md); + margin: 0; + z-index: 2; +} +.frm-token-container .frm-token .frm-token-value { + line-height: var(--leading); + white-space: normal; + word-break: break-word; +} +.frm-token-container .frm-token .frm-token-remove { + display: flex; + flex-shrink: 0; + cursor: pointer; +} +.frm-token-container .frm-token .frm-token-remove .frmsvg { + color: var(--grey-900); + position: static; + width: 12px; + height: 12px; + padding: 0; +} +.frm-token-container .frm-token .frm-token-remove:hover .frmsvg { + color: var(--error-500); +} +.frm-token-container .frm-show-inline-modal { + z-index: 3 !important; +} +.frm-token-container .frm-token-proxy-input { + position: relative; + z-index: 1; + padding-right: var(--gap-xl) !important; +} + +/** + * Components - Field Loading + */ +form .form-field.frm_field_loading { + margin-bottom: 0; + min-height: 0; + padding: 0; + text-align: center; +} + +.frm_sorting > .frm_field_loading .frm_visible_spinner.frm-wait { + margin-bottom: 10px; +} + +.frm_sorting > .frm_field_loading ~ .frm_field_loading .frm_visible_spinner.frm-wait { + margin-bottom: 0; + display: none; +} + +/** + * Components - Form Error + */ +.frm_description, +.with_frm_style form div.description, +.frm_error { + margin: 0; +} + +.frm_error { + color: #f04438; +} + +form .frm_blank_field input, +form .frm_blank_field textarea, +form .frm_blank_field select, +form .frm_blank_field .frm-g-recaptcha iframe, +form .frm_blank_field .g-recaptcha iframe { + border-color: #f04438; +} + +form .frm_blank_field label { + color: #f04438; +} + +.frm_required { + color: #f04438; +} + +/** + * Components - MCE Styles + */ +.with_frm_style .wp-editor-container textarea, +.postbox .wp-editor-container textarea, +.frm_remove_border { + border: none; +} + +.with_frm_style .mceIframeContainer, +.postbox .mceIframeContainer { + background-color: #fff; +} + +/** + * Components - License + */ +.frm_pro_license_msg { + clear: left; + margin-top: 10px; +} + +.frm-license-input { + position: relative; +} + +.frm-license-input span { + font-size: var(--text-sm); +} + +.frm-license-input .frmsvg { + width: 20px; + height: 20px; + margin-left: 5px; + vertical-align: text-top; +} + +.frm-license-input .frmsvg, +.frm-license-input span, +.frm-license-input i { + color: rgb(0, 131, 26); +} + +/** + * Components - Upgrade to Pro + */ +.upgrade_to_pro { + padding: 10px 25px 25px; + max-width: 700px; + margin: 20px auto !important; +} + +.upgrade_to_pro .error { + display: none; +} + +/** + * Components - Message Styles + */ +.toplevel_page_formidable #wpbody-content > .error { + margin: 1px; + padding: 5px 12px; +} + +.frm_error_style, +.frm_warning_style, +.frm_note_style2, +.frm_note_style, +.frm_message, +#post-body-content .frm_updated_message, +div.frm_updated_message { + border-radius: var(--small-radius); + background-color: #d5f2dc; + color: #1e561f; + padding: var(--gap-sm) var(--gap-md); + font-size: var(--text-sm); + margin: var(--gap-sm) 0; + text-align: left; +} + +.frm_note_style2 { + background: linear-gradient(90deg, #e9effa, #fcf6fe) padding-box, linear-gradient(90deg, #1961d5, #e8abef) border-box; + border: 1px solid transparent; +} + +#frm_top_bar + .wrap > .frm_updated_message, +#frm_top_bar + .wrap > .frm_warning_style { + display: inline-block; + width: 100%; + box-sizing: border-box; +} + +#post-body-content > .frm_updated_message { + margin: 5px 65px; +} + +#form_global_settings #post-body-content > .frm_updated_message, +#form_global_settings #post-body-content > .frm_warning_style { + margin: 5px 25px; +} + +.frm_error_style { + color: #973937; + background-color: #ebcccc; + clear: both; +} + +.frm_error_style a { + text-decoration: underline; + font-weight: 600; +} + +.frm_error_style svg { + opacity: 0.7; +} + +.frm_warning_style { + color: #7a4d05; + background-color: #fff2d2; +} + +.frm_warning_heading { + font-weight: 700; + margin-bottom: 4px; +} + +/* Warning message dismiss */ +.frm_warning_style { + position: relative; + padding-right: calc(var(--gap-md) + 15px); +} + +body.rtl .frm_warning_style { + padding-right: var(--gap-md); + padding-left: calc(var(--gap-md) + 15px); +} + +.frm-warning-dismiss { + position: absolute; + top: 10px; + right: 10px; + display: flex; + cursor: pointer; + transition: opacity 0.2s ease-out; +} + +body.rtl .frm-warning-dismiss { + left: 10px; + right: auto; +} + +.frm-warning-dismiss:hover { + opacity: 0.8; +} + +.frm-warning-dismiss.frmsvg, +.frm-warning-dismiss.frmsvg svg { + width: 15px; + height: 15px; +} + +.frm_note_style { + background: rgba(188, 224, 253, 0.23); + color: var(--grey-700); +} + +.frm-banner-alert { + text-align: left; + margin: 0; + border-radius: 0; + padding: 10px 0 10px 40px; +} + +.frm-banner-alert a { + color: var(--primary-500); + font-weight: 400; + text-decoration: none; +} + +.frm_updated_message ul, +.frm_updated_message li, +.frm_warning_style ul, +.frm_warning_style li, +.frm_error_style ul, +.frm_error_style li { + margin: 0; +} + +.frm-inline-message { + border: 1px solid var(--primary-700); + border-radius: var(--small-radius); + color: var(--primary-700); + background: #fff; + text-align: center; + padding: 20px; + font-size: var(--text-sm); + line-height: var(--leading); +} + +.frm-inline-message a { + text-decoration: underline; + font-weight: 600; + color: var(--primary-700); +} + +.frm_pro_heading span { + margin-top: 10px; +} + +.frm_pro_heading .alignright { + text-align: right; +} + +.frm-yes { + color: var(--green); + font-size: var(--text-xl); +} + +.frm-nope { + color: var(--grey-400); + font-size: var(--text-xl); +} + +/** + * Components - Upgrade Bar Elements + */ +.upgrade_to_pro a { + color: var(--orange); +} + +.upgrade_to_pro table .frmsvg { + height: var(--text-xl); + width: var(--text-xl); +} + +.upgrade_to_pro table.widefat { + background-color: #fff; + border-collapse: collapse; +} + +.frm-white-body .upgrade_to_pro table th, +.upgrade_to_pro table td { + padding: 10px 15px; + border: 1px solid var(--grey-300); + line-height: var(--leading); + font-size: var(--text-sm); +} + +.upgrade_to_pro table th.frmcenter { + text-align: center; +} + +/** + * Components - Table Styles + */ +.widefat th.frm_table_break { + background-color: var(--sidebar-color); +} + +/** + * Base - Howto + */ +h2.frm-h2 + .howto { + color: var(--medium-grey); + max-width: 850px; + margin: 5px 0 20px; +} + +/** + * Components - Card + */ +.frm-card { + width: 100%; + border-radius: 10px; + border: 1px solid var(--grey-300); + opacity: 1; + transition: opacity 1s; +} + +.frm-card-box { + max-width: 524px; + background-color: #fff; + border-radius: var(--medium-radius); + padding: var(--gap-xl); + border: 1px solid var(--grey-200); + box-shadow: var(--box-shadow-md); +} + +.frm-card-box.frm-has-progress-bar { + position: relative; + overflow: hidden; + border-radius: var(--medium-radius); +} + +.frm-card-box-progress-bar { + position: absolute; + top: 0; + left: 0; + right: 0; + height: var(--gap-xs); + background-color: var(--primary-25); +} + +.frm-card-box-progress-bar > span { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 33%; + background-color: var(--primary-500); +} + +.frm-card-box-header { + display: flex; + justify-content: center; + margin-bottom: var(--gap-sm); +} + +.frm-card-box.frm-has-progress-bar .frm-card-box-header { + margin-top: var(--gap-xs); +} + +.frm-card-box-content > :last-child { + margin-bottom: 0; +} + +.frm-card-box-footer { + display: flex; + justify-content: end; + gap: var(--gap-sm); + margin-top: var(--gap-lg); +} + +.frm-card-box-title { + font-size: var(--text-xl) !important; + font-weight: 600 !important; + margin-bottom: var(--gap-xs); +} + +.frm-card-box-text { + font-size: var(--text-md) !important; + color: var(--grey-600) !important; + margin-top: 0 !important; +} + +/** + * Utilities - Fade + */ +.frm-fade { + opacity: 0; + transition: all 1s; +} + +/** + * Components - Add-on Tiles + */ +.frm-addons .frm-card.frm-addon-not-installed { + position: relative; +} + +.frm-addons .plugin-card-top { + min-height: 155px; + padding-top: var(--gap-lg); + overflow: hidden; +} + +.frm-addons .plugin-card-top h2 { + margin-top: 0; + font-weight: 400; +} + +.frm-template-row p, +.frm-addons .plugin-card-top p { + opacity: 0.8; +} + +.frm-addons .plugin-card-top > :not(p):not(h2) { + /* Hide notices from third party plugins */ + display: none; +} + +.frm-addons .plugin-card-bottom { + padding: 5px 20px 20px; + text-align: center; + background: transparent; + border-top: none; +} + +.frm-addons .plugin-card-bottom, +.frm-addons .plugin-card-bottom .button { + font-size: 15px; +} + +.frm-addons .button, +.frm-addons .frm-button-tertiary { + float: right; +} + +.frm-addons .addon-status { + float: left; + padding-top: 4px; +} + +.frm-addon-not-installed .frm-activate-addon, +.frm-addon-not-installed .frm-deactivate-addon, +.frm-addon-not-installed .frm-uninstall-addon, +.frm-addon-installed .frm-install-addon, +.frm-addon-installed .frm-deactivate-addon, +.frm-addon-active .frm-activate-addon, +.frm-addon-active .frm-install-addon, +.frm-addon-active .frm-uninstall-addon, +.plugin-card-pro.frm-addon-active .button, +.plugin-card-pro.frm-addon-active .frm-button-tertiary { + display: none !important; +} + +.frm-save-and-reload-options { + margin-top: 10px; + font-size: 13px; +} + +.frm-save-and-reload, +.frm-save-and-reload + .frm-button-secondary { + visibility: visible !important; +} + +.addon-status-label { + opacity: 0.7; +} + +.frm-addon-active .addon-status-label { + color: var(--green); + opacity: 1; +} + +.frm-addon-error { + position: absolute; + top: 55px; + left: 10px; + right: 10px; + font-weight: 700; + text-align: center; +} + +/** + * Components - Form Templates + */ +.frm-new-template.plugin-card-bottom { + overflow: visible; +} + +#frm-new-template p:first-child { + margin-top: 0; +} + +/** + * Layout - Admin Page + */ +.frm-admin-page-formidableedit #wpbody-content > *:not(.frm-review-notice):not(.frm_previous_install):not(.frm-banner-alert):not(#frm-svg-icons-pack), +#wpbody-content > .updated, +#wpbody-content > #update-nag, +#wpbody-content > .update-nag, +#wpbody-content > .notice, +#wpbody-content > .error:not(.frm_previous_install), +.frm-white-body .updated, +.frm-white-body .notice, +.frm_wrap > .wrap > .notice, +.frm-white-body .error:not(.frm_previous_install) { + display: none; +} + +.frm-admin-page-formidableedit #frm_builder_page { + display: block !important; +} + +.frm-white-body .updated, +.frm-white-body .error { + margin: 0; + padding: 10px 20px; +} + +/** + * Components - Modal + */ +.frm-modal:not(#frm-dismissable-cta) .postbox { + max-height: 600px; + overflow: hidden; + margin-bottom: 0; +} + +.frm-modal .postbox .frm_modal_top, +.frm-dialog .frm_common_modal .postbox > div:first-child, +.frm-error-modal .frm_modal_top { + padding: var(--gap-md) var(--gap-md) 0; + position: relative; +} + +.frm-modal h2, +.frm-modal .postbox .inside h2, +.frm-modal .postbox .frm-modal-title, +.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child, +.frm-error-modal .frm-modal-title { + display: inline-block; + font-size: var(--text-lg); + color: var(--grey-900); + font-weight: 600; + margin: 0; + padding: 0; +} + +.frm-modal h3 { + font-weight: 500; +} + +/* Dismiss icon button */ +.frm-inline-modal > a.dismiss, +.frm-modal .postbox > a.dismiss, +.frm-modal .postbox .frm-modal-title + div:last-child, +.frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { + position: absolute; + top: 19px; + right: 19px; + display: flex; + z-index: 2; +} + +body.rtl .frm-inline-modal > a.dismiss, +body.rtl .frm-modal .postbox > a.dismiss, +body.rtl .frm-modal .postbox .frm-modal-title + div:last-child, +body.rtl .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { + right: unset; + left: 30px; +} + +.frm-info-modal .postbox > a.dismiss, +.frm-inline-modal > a.dismiss { + right: 13px; + top: 13px; +} + +.frm-modal .postbox .frm-modal-title + div:last-child a, +.frm-modal a.dismiss .frmsvg, +.frm_common_modal .frm_modal_top a .frmsvg { + color: var(--grey-500); +} + +.frm-modal .postbox .frm-modal-title + div:last-child a:hover, +.frm-modal a.dismiss .frmsvg:hover, +.frm_common_modal .frm_modal_top a .frmsvg:hover { + color: var(--grey-700); +} + +.frm-modal .frm_modal_content > div.inside, +.frm_common_modal .frm_modal_content > div.inside { + padding: var(--gap-md); + margin: 0; + font-size: var(--text-sm); + color: var(--grey-700); +} + +.frm-modal p { + color: var(--grey-900); +} + +.frm_common_modal .postbox { + display: flex; + flex-direction: column; +} + +.frm-modal .postbox > div.inside .cta-inside { + overflow-y: auto; + height: auto; +} + +.frm_modal_footer { + padding: 0 var(--gap-md) var(--gap-sm); + text-align: right; +} + +body.frm-body-with-open-modal { + overflow-y: hidden; +} + +/** + * Components - Template List + */ +/* These template list styles are still used to list the View types in the New View modal. */ +.frm-templates-list { + margin-top: 0; +} + +.frm-templates-list.frm_grid_container li { + margin-bottom: 0; +} + +.frm-templates-list li { + vertical-align: top; + position: relative; + box-sizing: border-box; + border-radius: 6px; + border: 1px solid transparent; + text-align: left; +} + +.frm-templates-list li:not(.frm_hidden) { + display: inline-block; +} + +.frm-templates-list.frm-categories-list li { + width: 100%; +} + +.frm-templates-list li.frm-selectable { + cursor: pointer; +} + +.frm-templates-list li.frm-selectable:hover { + background: var(--light-blue); + border-color: rgba(65, 153, 253, 0.5); +} + +.frm-templates-list li.frm-selectable:hover h3, +.frm-templates-list li.frm-selectable:hover p { + max-width: calc(100% - 65px); +} + +.frm-templates-list .frm-featured-form { + display: flex; + width: 100%; +} + +.frm-templates-list li .frm-featured-form { + padding: 7px 5px; +} + +.frm-templates-list li li > div { + padding-left: 0; +} + +.frm-templates-list li > div > div { + vertical-align: middle; +} + +.frm-category-icon, +.frm-icon-wrapper { + background: var(--primary-500); + border-radius: var(--small-radius); + color: #fff; + width: 32px; + height: 32px; + font-size: 18px; + box-sizing: border-box; + align-self: center; + justify-content: center; + align-items: center; + display: inline-flex; +} + +.frm-templates-list li .frm-category-icon { + overflow: hidden; +} + +.frm-templates-list li h3, +.frm-templates-list li p { + text-align: left; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.frm-templates-list li h3, +.frm-templates-list .frm-install-template h3 { + font-size: var(--text-sm) !important; +} + +.frm-templates-list .frm-install-template div { + text-align: left; +} + +#frm_leave_email, +#frm_code_from_email { + width: 480px; + max-width: 100%; +} + +.frm-templates-list.frm-categories-list li > div > div:last-child { + padding-left: 0; +} + +.frm-hover-icons { + position: absolute; + right: 0; + top: 17px; /* Template item height - borders - icon height */ + max-width: 91px; + height: 100%; + box-sizing: border-box; + padding: 0 10px 0 5px !important; + border-radius: var(--small-radius); + text-align: right; + display: flex; + gap: 5px; +} + +.frm-ready-made-solution .frm-hover-icons { + visibility: hidden; +} + +.frm-ready-made-solution:hover .frm-hover-icons { + visibility: visible; +} + +.frm-hover-icons a { + width: 22px; + height: 22px; + font-size: var(--text-md); + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 50%; + box-sizing: border-box; + line-height: var(--leading); + text-align: center; +} + +.frm-hover-icons > .frm-preview-form, +.frm-hover-icons > .frm-delete-form { + border: 1px solid var(--primary-500); +} + +.frm-hover-icons > .frm-create-form, +.frm-ready-made-solution .frm-hover-icons a { + background-color: var(--primary-500); +} + +.frm-hover-icons > a .frmsvg { + width: 14px; + height: 14px; + vertical-align: baseline; +} + +.frm-hover-icons > .frm-preview-form .frmsvg, +.frm-hover-icons > .frm-delete-form .frmsvg { + color: var(--primary-500); +} + +.frm-hover-icons > .frm-unlock-form { + background-color: var(--primary-500); +} + +.frm-hover-icons > .frm-unlock-form .frmsvg { + background-color: var(--primary-500); +} + +.frm-ready-made-solution .frmsvg { + width: 14px; + height: 14px; +} + +.frm-hover-icons .frm-create-form svg, +.frm-ready-made-solution .frm-hover-icons svg { + color: #fff; +} + +.frm-hover-icons .frm-create-form:hover, +.frm-ready-made-solution .frm-hover-icons a:hover, +.frm-hover-icons > .frm-unlock-form:hover, +.frm-hover-icons > .frm-unlock-form:hover .frmsvg { + background-color: var(--primary-700) !important; +} + +.frm-hover-icons .frm-preview-form:hover, +.frm-hover-icons .frm-delete-form:hover { + border: 1px solid var(--primary-700) !important; +} + +.frm-hover-icons .frm-preview-form:hover .frmsvg, +.frm-hover-icons .frm-delete-form:hover .frmsvg { + color: var(--primary-700) !important; +} + +.frm-application-card h4 .frmsvg, +.frm-locked-template h3 .frmsvg { + height: var(--text-sm); + width: var(--text-sm); + vertical-align: text-top; + color: var(--grey-500); +} + +/** + * Components - Modal Actions + */ +.frm-modal-back { + cursor: pointer; + margin-right: 4px; +} + +.frm-modal-cancel { + float: left; +} + +/** + * Components - Meta Tag + */ +.frm-meta-tag, +.frm-meta-tag:hover { + padding: var(--gap-2xs) var(--gap-xs); + border-radius: var(--small-radius); + font-weight: 600; + display: inline-flex; + background-color: #d9ebff; + gap: 2px; +} + +.frm-meta-tag.frm-grey-tag, +.frm-meta-tag.frm-grey-tag:hover { + background-color: var(--sidebar-hover); + color: var(--grey-900); +} + +.frm-meta-tag.frm-red-tag, +.frm-meta-tag.frm-red-tag:hover { + background: var(--error-100); + color: var(--error-700); +} + +.frm-meta-tag.frm-orange-tag, +.frm-meta-tag.frm-orange-tag:hover { + background-color: #fef7f4; + color: var(--orange); +} + +.frm-meta-tag.frm-green-tag, +.frm-meta-tag.frm-green-tag:hover { + background-color: var(--success-500); + color: #fff; +} + +.frm-entry-status-0, +.frm-meta-tag.frm-lt-green-tag, +.frm-meta-tag.frm-lt-green-tag:hover { + background-color: var(--success-100); + color: var(--success-800); +} + +.frm-meta-tag.frm-new-pill { + background-color: var(--success-500); + vertical-align: text-bottom; +} + +.frm_add_field span + .frm-meta-tag { + margin-left: 0; +} + +.dropdown-item .frm-meta-tag { + margin-left: 0; +} + +/** + * Components - Upgrade List + */ +/* Start entry statuses */ +.frm-entry-status { + font-weight: 500; +} + +.frm-entry-status-1 { + color: #7a4d05; + background: #fff2d2; +} + +/* End entry statuses */ +#frm-create-footer { + padding: 15px 20px; +} + +li .frm-hover-icons .frm-preview-form, +.frm-hover-icons .frm-unlock-form, +.frm-locked-template .frm-hover-icons .frm-create-form, +.frm-modal-back { + display: none; +} + +.frm-locked-template .frm-hover-icons .frm-unlock-form, +li[data-preview] .frm-hover-icons .frm-preview-form { + display: inline-flex; +} + +.frm-modal-back svg { + color: #7f7f7f; +} + +#frm-upgrade-body-list-wrapper > div { + display: inline-block; + width: 33.3333333333%; + vertical-align: top; + text-align: left; + margin-bottom: 10px; +} + +#frm-upgrade-body-list-wrapper ul { + padding-left: 40px; +} + +#frm-upgrade-body-list-wrapper ul li::before { + content: "\2022"; + color: var(--primary-500); + display: inline-block; + width: 1em; + margin-left: -1em; +} + +/** + * Components - Embed Modal + */ +.frm-embed-modal-content { + padding: var(--gap-md); +} + +.frm-embed-modal-content.frm-loading-page-options { + display: flex; + justify-content: center; +} + +#frm_embed_modal .frm_embed_example { + background: var(--sidebar-color); + border: 1px solid var(--sidebar-hover); + border-radius: var(--small-radius); + color: var(--grey-900); + font-size: var(--text-sm); + padding-right: var(--gap-lg); + width: 100%; + height: auto !important; + resize: none; +} + +#frm_embed_modal textarea.frm_embed_example { + padding-bottom: 0; +} + +.frm-embed-modal-content > div a { + position: absolute; + right: 0; + top: 0; +} + +.frm-embed-modal-content > div { + position: relative; + margin-bottom: var(--gap-sm); +} + +.frm-embed-modal-content > div:last-child { + margin-bottom: 0; +} + +.frm-embed-modal-content svg[id^=frm_copy_embed_] { + position: absolute; + bottom: 10px; /* Input height - SVG height */ + right: 10px; + cursor: pointer; + opacity: 0.5; +} + +.frm-border-info-box, +.frm-embed-modal-option { + border-radius: var(--small-radius); + border: 1px solid var(--grey-300); + padding: var(--gap-sm); + cursor: pointer; + display: flex; + gap: var(--gap-sm); + font-size: var(--text-sm); +} + +.frm-embed-modal-option + .frm-embed-modal-option { + margin-top: var(--gap-sm); +} + +.caret.rotate-270, +.frm-embed-modal-option .caret { + align-self: center; + margin-left: auto; + transform: rotate(-90deg); +} + +#frm_embed_modal .frm_modal_footer { + display: none; +} + +#frm_embed_modal.frm-on-page-2 .frm_modal_footer { + display: block; +} + +.frm-embed-modal-content ul { + max-height: 300px; + overflow-y: scroll; +} + +.frm-embed-modal-wrapper.frm-dialog { + overflow: visible; +} + +/** + * Components - Bulk Options + */ +#frm-bulk-modal .frm_grid_container { + grid-template-columns: repeat(12, 8.33%); + grid-gap: 0; +} + +#frm-bulk-modal .frm8 { + border-right: 1px solid var(--grey-300); + padding: 10px 20px 10px var(--gap-lg); +} + +#frm-bulk-modal .frm4 { + padding: 10px 0; +} + +.frm-inline-modal .howto { + margin: 5px 0 10px; + color: var(--grey); +} + +.frm-inline-modal .frm_code_list + .howto { + margin-bottom: 0; +} + +#frm_bulk_options { + height: 240px; + width: 100%; + border: none; + box-shadow: none; + padding: 0; +} + +.frm-bulk-edit-link { + display: flex; + align-items: center; + justify-content: flex-end; + gap: var(--gap-2xs); + font-size: var(--text-sm); + margin: 12px 0 12px auto; +} +.frm-bulk-edit-link .frm-bulk-edit-link { + margin: 0; +} + +/** + * Components - Small Add + */ +.frm-small-add { + font-size: var(--text-sm) !important; +} + +.frm-small-add span { + color: var(--primary-500); + font-size: 12px; + height: 12px; + width: 12px; +} + +/** + * Components - Image From URL + */ +.frm_no_captcha_text { + font-weight: 700; + color: #a00; +} + +.frm_image_from_url { + height: 50px; +} + +/** + * Components - Dropdown + */ +/*Switch form dropdown*/ +h1 .fa-caret-down { + font-size: 18px; +} + +.caret { + display: inline-block; + width: 19px; + height: 9px; + margin-right: -8px; + vertical-align: middle; +} + +.caret, +.wp-admin .frm_wrap select, +.frm_wrap .frm_form_builder select, +.frm_wrap .ui-autocomplete-input { + background: transparent 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%; + padding-right: var(--gap-lg) !important; +} + +.caret { + padding-right: var(--gap-xs) !important; + background-position-x: 5px; +} + +.frm-btn-group .caret { + float: right; + margin-top: calc(var(--text-md) / 2); +} + +.dropdown { + position: relative; +} + +.dropdown-toggle:focus { + outline: 0; +} + +.frm_wrap .ui-autocomplete, +#frm_adv_info.frm-dropdown-menu, +.frm-dropdown-menu { + /* Copied from .dropdown-menu rules from Bootstrap */ + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + padding-left: 4px; + padding-right: 4px; + margin: var(--gap-xs) 0 0; + text-align: left; + list-style: none; + background: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid var(--grey-100); + border-radius: 0.25rem; + box-shadow: var(--box-shadow-lg); + /* Custom rules */ + max-height: 200px; + overflow-y: auto; + overflow-x: hidden; + font-size: var(--text-md); + width: auto; + min-width: 160px; +} + +.frm6 .frm-dropdown-menu { + min-width: 100px; + max-width: 99%; +} + +#frm_bs_dropdown .frm-dropdown-menu { + max-width: 400px; +} + +.field_type_list .frm-dropdown-menu { + min-width: 150px !important; +} + +#frm_field_group_controls .frm-dropdown-menu, +.frm-field-action-icons .frm-dropdown-menu { + min-width: 180px !important; +} + +.frm-field-action-icons .frm-dropdown-toggle svg, +#frm_field_group_controls .frm-dropdown-toggle svg { + color: #9ea9b8; +} + +.multiselect-container.frm-dropdown-menu, +#search-submit .frm-dropdown-menu { + min-width: 200px !important; +} + +.preview .frm-dropdown-menu { + min-width: 230px !important; +} + +.frm-dropdown-menu.dropdown-menu-right { + right: 0; + left: auto; +} + +.frm-dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} + +.frm-dropdown-menu > .dropdown-item { + margin: 0; +} + +.frm-select-list-item, +.frm_wrap .ui-autocomplete li > div, +.multiselect-container button.multiselect-option, +.frm-dropdown-menu > .dropdown-item > a, +.frm-dropdown-menu .frm_dropdown_li { + clear: both; + font-weight: 400; + white-space: nowrap; + text-decoration: none; + border-radius: var(--small-radius); +} + +.frm-dropdown-menu > .active > a, +.frm-dropdown-menu > .active > a:hover, +.frm-dropdown-menu > .active > a:focus { + text-decoration: none; + outline: 0; +} + +.frm-select-list-item.disabled, +.frm-dropdown-menu > .disabled > a, +.frm-dropdown-menu > .disabled > a:hover, +.frm-dropdown-menu > .disabled > a:focus { + color: #999; +} + +.frm-select-list-item.disabled:hover, +.frm-dropdown-menu > .disabled > a:hover, +.frm-dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + cursor: not-allowed; +} + +.open > .frm-dropdown-menu { + display: block; +} + +.open > a { + outline: 0; +} + +.dropdown-header { + display: block; + padding: 3px 10px; + font-size: var(--text-xs); + color: var(--grey-400); +} + +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} + +.dropdown-menu-right > .frm-dropdown-menu, +.pull-right > .frm-dropdown-menu { + right: 0; + left: auto; +} + +.navbar-fixed-bottom .dropdown .caret { + border-top: 0 dotted; + border-bottom: 4px solid #000; + content: ""; +} + +.navbar-fixed-bottom .dropdown .frm-dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} + +.btn { + border: 1px solid #ddd; + background: #fff; + height: 28px; + line-height: var(--leading); +} + +a.frm_option_icon::before { + color: var(--primary-500); + font-size: 22px; + width: 22px; + height: 22px; +} + +a.frm_option_icon:focus::before, +a.frm_option_icon:hover::before { + color: var(--primary-700); +} + +.frm_top_left .frm-dropdown-toggle { + color: #999; +} + +.frm-card ol { + margin-left: 15px; +} + +.frm-dropdown-toggle { + text-decoration: none; +} + +.frm-card .frm-dropdown-toggle { + border: 1px solid var(--grey-300); + border-radius: var(--small-radius); + font-size: 13px; + color: var(--grey-700); + padding: 7px 20px; +} + +.frm-dropdown-menu .frm_icon_font { + vertical-align: middle; + color: #5f6c72; + margin-right: 3px; +} + +/* BS Multiselect */ +.multiselect-container.frm-dropdown-menu { + top: auto; + left: auto; + font-size: var(--text-sm); + padding: 4px; + margin-bottom: 3px; +} + +/** + * Accordion + */ +#post-body-content + .frm-right-panel h3.accordion-section-title { + padding: 7px 10px 8px 14px; + font-size: var(--text-md); + color: var(--grey-700); +} + +.frm-with-line, +.accordion-section-content h4 { + font-size: var(--text-md); + font-weight: 400; + margin: 20px -20px 10px; + padding: 0 20px; + color: var(--grey-700); + position: relative; + border: none !important; +} + +.frm-with-line span, +.accordion-section-content h4 span { + background: #fff; + padding: 0 var(--gap-xs); + position: relative; + display: inline-block; + z-index: 2; +} + +.accordion-section-content h4 span { + background: var(--sidebar-color); +} + +.frm-right-panel .frm-with-line span { + background: var(--sidebar-color) !important; + margin-left: -4px; +} + +.frm-right-panel .frm-inline-modal .frm-with-line span { + background: #fff !important; +} + +.frm-with-line::before, +.accordion-section-content h4::before { + content: ""; + display: block; + position: absolute; + border-bottom: 1px solid var(--grey-300); + left: 0; + width: 100%; + top: 50%; +} + +.control-section .accordion-section-title::after, +.customize-pane-child .accordion-section-title::after { + top: 15px; +} + +.accordion-container .frm-dropdown-menu { + min-width: 40px; +} + +.frm-btn-group .multiselect.dropdown-toggle { + box-sizing: border-box; + min-height: unset; + cursor: pointer; +} + +.accordion-container .frm-dropdown-menu::before, +.accordion-container .multiselect.dropdown-toggle::before { + font-family: "s11-fp" !important; +} + +/** + * Components - Multiselect + */ +.multiselect-container { + position: absolute; + list-style-type: none; + margin: 0; + padding: 0; + width: 100%; + max-width: 250px; +} + +.multiselect-container button.multiselect-option { + width: 100%; + text-align: left; + border: none; + margin-bottom: 4px; +} + +.multiselect-container button.multiselect-option label { + margin-left: 5px; +} + +.accordion-container .multiselect-container label { + padding: 3px 19px 3px 7px; +} + +.frm-btn-group.btn-group > .btn-group:nth-child(2) > .multiselect.btn { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.frm-btn-group.btn-group, +.frm-btn-group.btn-group-vertical { + display: block; +} + +.multiselect-option label { + max-width: calc(100% - 22px); + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +/** + * Components - Fields + */ +.frm_scale { + text-align: center; + float: left; + margin-right: 10px; +} + +.frm_scale input { + display: block; + margin: 5px; +} + +.frm_multi_fields_container { + float: left; +} + +.frm_multi_fields_container, +.frm_form_builder .frm_form_fields input[type=tel] .frm_form_builder .frm_form_fields input[type=range], +.frm_form_builder .frm_form_fields input[type=text] { + width: 100%; + height: auto; +} + +.frm_form_builder .frm_time_wrap .frm_time_sep { + vertical-align: sub; + vertical-align: -webkit-baseline-middle; +} + +.frm_form_builder input[type=range]::-webkit-slider-runnable-track { + background-color: var(--blue-border); +} + +.frm_form_builder input[type=range]::-moz-range-track { + background-color: var(--blue-border); +} + +.frm_form_builder input[type=range]::-ms-fill-lower { + background-color: var(--blue-border); +} + +.frm_form_builder input[type=range]::-ms-fill-upper { + background-color: var(--blue-border); +} + +.frm-embed-field-placeholder { + text-align: center; + height: 145px; + display: flex; + align-items: center; + justify-content: center; +} + +.frm-fake-field { + display: block; + height: 25px; + background-color: var(--light-blue); + border: 1px solid var(--grey-300); + margin: 10px 0; + border-radius: var(--small-radius); +} + +.frm-embed-message { + position: absolute; + background: #fff; + border: 1px solid var(--grey-300); + color: var(--grey-700); + padding: var(--gap-md); + font-size: var(--text-lg); + max-width: 200px; + min-width: 50%; + margin: 0 var(--gap-md); + overflow: hidden; + text-overflow: ellipsis; +} + +.frm-summary-message { + top: 50%; + left: 50%; + padding: 15px 0; + font-size: var(--text-md); + transform: translate(-50%, -50%); +} + +.frm-summary-learn-more { + font-size: inherit !important; +} + +.frm-single-settings .frm-embed-message { + width: 100%; + position: static; + border-radius: var(--small-radius); +} + +#new_fields input[type=text], +#new_fields input[type=number], +.frm_field_box .frm_form_fields > textarea, +.frm_form_fields .frm_form_field > textarea, +.frm_form_fields .frm_form_field > input[type=email], +.frm_form_fields .frm_form_field > input[type=url], +.frm_form_fields .frm_form_field > input[type=number], +.frm_form_fields .frm_form_field > input[type=tel], +.frm_form_fields .frm_form_field > input[type=text], +.frm_form_fields .frm_form_field > input[type=range] { + width: 100%; +} + +.frm_form_fields textarea.wp-editor-area { + width: 100%; + border: none; +} + +.frm_form_fields input[type=file], +.frm_form_fields input[type=file]:disabled { + background: transparent; + border: none; + box-shadow: none; + width: auto; +} + +.frm_form_fields select { + width: auto; + max-width: 100%; +} + +input[type=radio], +input[type=checkbox] { + width: 16px; + padding: 0; +} + +.frm_grid_container > p, +.frm_grid_container > p.frm_form_field, +.frm_grid_container > div.frm_form_field, +#new_fields .frm_grid_container > p { + margin-top: 8px; + margin-bottom: 8px; + margin-right: 0; +} +.frm_grid_container > p > label:only-child, +.frm_grid_container > p.frm_form_field > label:only-child, +.frm_grid_container > div.frm_form_field > label:only-child, +#new_fields .frm_grid_container > p > label:only-child { + margin-bottom: 0; +} + +.frm_grid_container > .frm-has-modal > p:only-child { + margin-bottom: var(--gap-xs); +} + +#new_fields div.frm_grid_container > .frm_primary_label { + margin-top: 8px; +} + +#new_fields .frm_primary_label + p, +#new_fields .frm_primary_label + .frm6 + .frm6, +#new_fields .frm_primary_label + .frm6 + .frm-inline-modal + .frm6 { + margin-top: 0; +} + +.frm_catlevel_2, +.frm_catlevel_3, +.frm_catlevel_4, +.frm_catlevel_5 { + margin-left: 18px; +} + +.frm_wrap .frm-fields .auto_width, +.frm_form_fields input.auto_width, +.frm_form_fields select.auto_width, +.frm_form_fields textarea.auto_width { + width: auto !important; +} + +.frm_form_fields select.auto_width { + min-width: 60px; +} + +.frm_form_fields input:focus, +.frm_form_fields select:focus, +.frm_form_fields textarea:focus, +.frm_focus_field input { + background-color: #fff; + border-color: #ddd; +} + +.frm_form_builder .frm_radio, +.frm_form_builder .frm_checkbox { + display: block; + margin-bottom: 2px; +} + +.frm_form_builder .frm_radio label, +.frm_form_builder .frm_checkbox label { + font-size: var(--text-sm); +} + +/** + * Components - Copied Frontend + */ +.horizontal_radio .frm_radio, +.horizontal_radio .frm_checkbox { + margin-right: 5px; + display: inline-block; +} + +.frm_form_builder .frm_opt_container .frm_radio.frm_image_option label, +.frm_form_builder .frm_opt_container .frm_checkbox.frm_image_option label { + display: flex; + align-items: center; + gap: 9px; + white-space: normal; +} + +.frm_form_field.frm_two_col .frm_opt_container, +.frm_form_field.frm_three_col .frm_opt_container, +.frm_form_field.frm_four_col .frm_opt_container { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-auto-rows: max-content; + grid-gap: 0 2.5%; +} + +.frm_form_field.frm_three_col .frm_opt_container { + grid-template-columns: repeat(3, 1fr); +} + +.frm_form_field.frm_four_col .frm_opt_container { + grid-template-columns: repeat(4, 1fr); +} + +.frm_form_field.frm_two_col .frm_radio, +.frm_form_field.frm_two_col .frm_checkbox, +.frm_form_field.frm_three_col .frm_radio, +.frm_form_field.frm_three_col .frm_checkbox, +.frm_form_field.frm_four_col .frm_radio, +.frm_form_field.frm_four_col .frm_checkbox { + grid-column-end: span 1; +} + +/** + * Components - Fields Part 2 + */ +.frm_wrap .with_frm_style .frm_checkbox input[type=checkbox], +.frm_wrap .with_frm_style .frm_radio input[type=radio], +.frm_wrap input[type=checkbox], +.frm-white-body input[type=checkbox], +.field-group input[type=checkbox], +.frm_scale input[type=radio], +.frm_radio input[type=radio], +.frm_checkbox input[type=checkbox] { + width: 15px; + min-width: 15px; + height: 15px; + border: 1px solid var(--grey-300); + box-shadow: var(--box-shadow-sm); + -webkit-appearance: none; +} + +.frm_wrap input[type=radio] { + border-color: var(--grey-300); + box-shadow: var(--box-shadow-sm); +} +.frm_wrap input[type=radio]:checked::before { + background-color: var(--primary-500); +} + +.frm_wrap .with_frm_style .frm_checkbox input[type=checkbox], +.frm_wrap input[type=checkbox], +.frm-white-body input[type=checkbox], +.field-group input[type=checkbox], +.frm_checkbox input[type=checkbox] { + border-radius: 4px; +} + +.frm-white-body input[type=checkbox]:checked, +.frm_wrap input[type=checkbox]:checked { + background-color: var(--border-color-active, var(--primary-500)) !important; + border-color: var(--border-color-active, var(--primary-500)) !important; +} + +.frm-white-body input[type=checkbox]:checked:focus, +.frm_wrap input[type=checkbox]:checked:focus { + border-color: var(--border-color-active, var(--primary-500)); +} + +.frm-white-body input[type=checkbox]:checked::before, +.frm_wrap input[type=checkbox]:checked::before { + content: ""; + display: block; + width: 100% !important; + height: 100% !important; + background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important; + background-size: 8px !important; + background-repeat: no-repeat !important; + background-position: center !important; + margin: 0; +} + +.frm_radio input[type=radio], +.frm_checkbox input[type=checkbox] { + margin-right: 5px; +} + +.frm_inner_field_container { + margin-bottom: 10px; +} + +.frm_conf_inline .frm_inner_field_container, +.frm_conf_inline .frm_inner_conf_container { + width: 49%; + float: left; +} + +.frm_conf_inline .frm_inner_field_container { + margin-right: 2%; + clear: both; +} + +.frm_inner_field_container > label { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.frm_field_box:not(.edit_field_type_divider):hover > .frm_inner_field_container > label, +.frm_field_box .divider_section_only:hover > .frm_inner_field_container > label, +li.ui-state-default.selected > .frm_inner_field_container > label { + max-width: calc(100% - 100px); +} + +.frm-drag-fade { + background-color: var(--lightest-grey) !important; + border-radius: 4px; +} + +.frm-drag-fade * { + opacity: 0; +} + +.frm-dragging .divider_section_only, +.frm-dragging .frm_field_box { + pointer-events: none; +} + +.frm_form_settings #op-popup, +.frm_form_settings com-1password-op-button, +.frm_conf_below .frm_conf_field_container .frm_primary_label, +.frm_conf_inline .frm_inner_field_container .frm-show-click a, +.frm_conf_below .frm_conf_field_container .frm-show-click a { + display: none !important; +} + +.frm_conf_inline .frm_inner_field_container .frm-field-action-icons { + position: absolute; + right: 5px; +} + +.frm_conf_below .frm_conf_field_container { + margin-top: 10px; +} + +.frm_calc_dec { + width: 50px; +} + +.frm_ext_sc { + display: none; +} + +.frm_long_input { + width: 100% !important; + box-sizing: border-box; +} + +/** + * Utilities - Text Align - Part 2 + */ +.frmcenter { + text-align: center; +} + +/** + * Components - Image Help + */ +img.frm_help { + margin-left: 2px; + vertical-align: middle; + padding-bottom: 2px; +} + +/** + * Components - Loading + */ +.frm_spinner.frm-wait, +.frm_spinner.spinner { + float: left; + visibility: hidden; + margin: 0 10px; +} + +.frm_visible_spinner.frm-wait, +.frm_visible_spinner.spinner { + visibility: visible; + float: none; +} + +.frm_form_action_settings .frm_spinner.frm-wait, +.frm_form_action_settings .frm_spinner.spinner { + visibility: visible; + float: none; + vertical-align: bottom; +} + +.frm_form_action_settings .frm_loading { + font-size: 15px; + text-align: center; +} + +.frm_ajax_settings_tab .frm-wait, +.frm_ajax_settings_tab .spinner { + visibility: visible; + float: none; + margin-top: 20px; +} + +.wp-core-ui .frm_loading_button.button-primary.frm-button-primary, +.frm_loading_button, +.frm_loading_form.frm_button_submit { + position: relative !important; + opacity: 0.8; + color: transparent !important; + text-shadow: none !important; +} + +.frm_loading_button:hover, +.frm_loading_button:active, +.frm_loading_button:focus, +.frm_loading_form.frm_button_submit:hover, +.frm_loading_form.frm_button_submit:active, +.frm_loading_form.frm_button_submit:focus { + cursor: not-allowed; + color: transparent !important; + outline: none !important; + box-shadow: none; +} + +.frm-wait { + margin: 20px; + width: 20px; + height: 20px; + position: relative; + display: inline-block; +} + +#frm-show-fields .frm-wait:only-child { + position: absolute; + left: 50px; + top: 30px; +} + +.frm-wait::before, +.frm_loading_button::before, +.frm_loading_form.frm_button_submit::before { + content: ""; + display: inline-block; + position: absolute; + background: transparent; + border: 1px solid #fff; + border-top-color: transparent; + border-left-color: transparent; + border-radius: 50%; + box-sizing: border-box; + top: 50%; + left: 50%; + margin-top: -10px; + margin-left: -10px; + width: 20px; + height: 20px; + animation: spin 2s linear infinite; +} + +.frm-wait::before { + border-bottom-color: var(--primary-700); + border-right-color: var(--primary-700); +} + +.frm_loading_button.frm-button-secondary::before { + border-bottom-color: var(--primary-500); + border-right-color: var(--primary-500); +} + +input[type=submit]:focus { + outline: none !important; +} + +/* Effects */ +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +/** + * Components - Fields Part 3 + */ +label input[type=checkbox], +label input[type=radio] { + vertical-align: inherit; +} + +#editorcontainer #dyncontent { + margin: 0; + width: 100%; + padding: 6px; + line-height: var(--leading); + border: 0 none; + outline: none; + box-sizing: border-box; +} + +/*ICONS*/ +.frm_postbox_icon { + margin: -6px 0 0 -10px; +} + +.frm_form_builder a:hover { + text-decoration: underline; +} + +.frm_form_builder .widget-title h4 { + padding: 10px 15px; +} + +.frm_form_builder .widget-top a.widget-action::after { + margin: 7px 12px 0; +} + +.frmbutton.frm_tgateway { + display: none !important; +} + +.frm_html_legend pre { + display: inline; +} + +#ed_fullscreen { + display: none !important; +} + +.frm_posttax_opt_list { + overflow: auto; + max-height: 200px; + background-color: #fff; +} + +.frm_posttax_opt_list p.howto { + font-size: 12px; +} + +.frm_border_bottom { + border-bottom: 1px solid var(--grey-300); + margin-bottom: 10px; + padding-bottom: 10px; +} + +.frm_posttax_opt_list .frm_border_bottom span.howto { + padding-right: 10px; +} + +.frm_posttax_opt_list .frm_border_bottom input { + margin-right: 1px; +} + +.frm_add_remove div.frm_form_field { + padding-bottom: 5px; +} + +.frm_field_opts_list { + max-height: 260px; + overflow: auto; +} + +/** + * Utilities - Background + */ +.frm_white_bg, +.frm-bg-white { + background-color: #fff; +} + +.frm-bg-grey-50 { + background-color: var(--grey-50); +} + +.frm-bg-grey-200 { + background-color: var(--grey-200); +} + +.frm-bg-grey-800 { + background-color: var(--grey-800); +} + +.frm-bg-primary-500 { + background-color: var(--primary-500); +} + +/** + * Utilities - Border - Light + */ +.frm_border_light { + border: solid 1px #ddd; +} + +/** + * Components - Form Input Styles + */ +#new_fields .form-table input[type=text], +#new_fields .form-table select, +.form-table .form-field input, +.form-table .form-field .quicktags-toolbar input, +.form-field input, +.form-field .quicktags-toolbar input { + width: auto; +} + +/** + * Components - Affiliate Link + */ +.frm_aff_link { + float: right; +} + +/** + * Component: Select Box + */ +.frm_select_box { + text-align: center; + font-weight: 700; + width: 100%; + background-color: transparent !important; +} + +.wp-list-table input.frm_select_box { + text-align: left; + font-weight: 400; + font-size: inherit !important; + border: none; + padding: 0 !important; + background-color: transparent !important; +} + +.wp-list-table input.frm_select_box:focus { + outline: none; + box-shadow: none; +} + +.wp-list-table .frm_no_items.frm_select_box { + text-align: center; + font-weight: 700; + width: 500px; + max-width: 100%; + font-size: inherit; +} + +/** + * Component: Options Panel + */ +#frm-options-panel { + padding: 0 var(--gap-sm); + color: var(--grey-900); + overflow: hidden; +} + +.frm-right-panel a.frm_add_logic_link, +#frm-options-panel h3, +.frm-collapsible { + font-size: var(--text-md); + font-weight: 500; + background-color: #fff; + border-radius: var(--small-radius); + padding: 18px var(--gap-sm); + margin: 2px calc(-1 * var(--gap-sm)); + transition: background-color 200ms ease-out, box-shadow 200ms ease-out, color 200ms ease-out; +} +.frm-right-panel a.frm_add_logic_link .frmsvg, +#frm-options-panel h3 .frmsvg, +.frm-collapsible .frmsvg { + width: 13px; + height: 13px; + color: var(--grey-500); + transition: transform 300ms ease-in; +} +.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed):not(:first-of-type), .frm-right-panel a.frm_add_logic_link:not(.frm-collapsed):first-of-type:first-child, +#frm-options-panel h3:not(.frm-collapsed):not(:first-of-type), +#frm-options-panel h3:not(.frm-collapsed):first-of-type:first-child, +.frm-collapsible:not(.frm-collapsed):not(:first-of-type), +.frm-collapsible:not(.frm-collapsed):first-of-type:first-child { + color: var(--grey-700); + box-shadow: var(--box-shadow-sm); +} +.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed):not(:first-of-type) .frmsvg, .frm-right-panel a.frm_add_logic_link:not(.frm-collapsed):first-of-type:first-child .frmsvg, +#frm-options-panel h3:not(.frm-collapsed):not(:first-of-type) .frmsvg, +#frm-options-panel h3:not(.frm-collapsed):first-of-type:first-child .frmsvg, +.frm-collapsible:not(.frm-collapsed):not(:first-of-type) .frmsvg, +.frm-collapsible:not(.frm-collapsed):first-of-type:first-child .frmsvg { + transform: rotate(-180deg); +} +.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed) + div, +#frm-options-panel h3:not(.frm-collapsed) + div, +.frm-collapsible:not(.frm-collapsed) + div { + padding-top: 6px; + padding-bottom: 6px; +} +.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed) + div.frm_grid_container, +#frm-options-panel h3:not(.frm-collapsed) + div.frm_grid_container, +.frm-collapsible:not(.frm-collapsed) + div.frm_grid_container { + padding-bottom: 14px; +} +.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed) + div.frm_grid_container > p:first-child, +#frm-options-panel h3:not(.frm-collapsed) + div.frm_grid_container > p:first-child, +.frm-collapsible:not(.frm-collapsed) + div.frm_grid_container > p:first-child { + margin-top: var(--gap-sm); +} +.frm-right-panel a.frm_add_logic_link:not(.frm-collapsed) + div.frm_grid_container > p:first-child.frm6 + .frm6, +#frm-options-panel h3:not(.frm-collapsed) + div.frm_grid_container > p:first-child.frm6 + .frm6, +.frm-collapsible:not(.frm-collapsed) + div.frm_grid_container > p:first-child.frm6 + .frm6 { + margin-top: var(--gap-sm); +} +.frm-right-panel a.frm_add_logic_link.frm-collapsed, +#frm-options-panel h3.frm-collapsed, +.frm-collapsible.frm-collapsed { + color: var(--grey-500); + background-color: transparent; +} +.frm-right-panel a.frm_add_logic_link:hover, +#frm-options-panel h3:hover, +.frm-collapsible:hover { + color: var(--grey-700); + background-color: #fff; + box-shadow: var(--box-shadow-sm); +} +.frm-right-panel a.frm_add_logic_link:focus-visible, +#frm-options-panel h3:focus-visible, +.frm-collapsible:focus-visible { + outline: 1px solid var(--primary-500) !important; + outline-offset: -1px; +} + +h4.frm-collapsible:hover { + box-shadow: none; +} + +.frm-right-panel a.frm_add_logic_link:focus { + outline: auto; +} + +/** + * Component: Field Key + */ +.frm_field_key { + background-color: #f7f7f7; +} + +/** + * Component: Form Editor + */ +#frm_form_editor_container #edit-slug-box { + padding: 0; +} + +/** + * Component: Alt Table + */ +.frm-alt-table { + position: relative; + width: 100%; + border-collapse: collapse; + margin-top: 0.5em; + font-size: 15px; +} + +/* Before `applyZebraStriping` is executed, an empty space is displayed */ +#form_show_entry_page .frm-alt-table:not(.frm-zebra-striping)::before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: #fff; +} + +.frm-alt-table th { + width: 200px; +} + +.frm-alt-table tr, +.frm-alt-table tr.frm-odd { + background-color: transparent; +} + +.frm-alt-table tr.frm-even { + background-color: var(--sidebar-color); +} + +.frm-alt-table th, +.frm-alt-table td { + background-color: transparent; + vertical-align: top; + text-align: left; + padding: 20px; +} + +.frm-alt-table h3 { + margin-bottom: 0; +} + +/** + * Component: Checkbox Button + */ +.form-field .frm_cb_button { + height: 22px; + line-height: 20px; + margin-bottom: 10px; + margin-right: 5px; +} + +/** + * Option Label + */ +.edit_field_type_select .frm_option_val_label { + margin-left: 12px; +} + +/** + * Components - Rich Text Editor + */ +.frm_rte { + background: url(../images/rte.png) no-repeat; +} + +.frm_rte .howto { + margin: 10px 0 46px; +} + +/** + * Component: Subform Section + */ +.subform_section { + margin: 25px; +} + +.subform_section, +.subform_section label, +.subform_section input { + opacity: 80; +} + +.subform_section .frm_sortable_field_opts { + display: none; +} + +#frm_form_editor_container .subform_section .frm_primary_label { + display: block; +} + +.subform_section.subform_break { + border-top: 1px dashed #ccc; +} + +/** + * Component: HTML Field + */ +.button-secondary.frm_html_field { + background-color: #ededed; + padding: 10px 20px; + line-height: inherit; + width: auto; + height: auto !important; + border-radius: 0; + box-sizing: content-box; +} + +.frm_html_field_placeholder { + margin-bottom: 10px; + text-align: center; +} + +.recaptcha_placeholder { + border: 1px solid #d3d3d3; + width: 300px; +} + +.turnstile_placeholder { + width: 300px; +} + +/** + * Component: RTE Textarea + */ +.frm_sorting .frm_rte textarea { + width: 653px; + background: #fff; + margin: 1px 0 0; + border: 1px solid #dfdfdf; + border-top: none; + border-radius: 0; + float: none !important; +} + +.frm_full_rte textarea { + width: 98%; + padding: 0; +} + +/** + * Component: Field Box + */ +.frm_field_box { + padding: 5px; + min-height: 20px; + margin: 10px 0; +} + +/** + * Components - Indent Options + */ +.frm_indent_opt, +td.frm_indent_opt { + padding-left: 25px; +} + +/** + * Components - Charts + */ +.frm_charts object { + background: transparent; +} + +.frm_charts h2 { + height: 34px; +} + +/** + * Component: Sortable Placeholder + */ +.frm_single_option.ui-sortable-placeholder, +li.sortable-placeholder { + border: none; + margin: 0; + visibility: visible !important; + box-shadow: 2px -10px 0 2px var(--primary-500); +} + +#frm_form_editor_container > ul > .frm_single_option.ui-sortable-placeholder, +#frm_form_editor_container > ul > li.sortable-placeholder { + width: calc(100% - 5px) !important; + height: 0 !important; +} + +#frm_form_editor_container > ul > li > ul { + position: relative; +} + +#frm_form_editor_container > ul > li > ul > li.sortable-placeholder, +#frm_form_editor_container ul.start_divider > li > ul > li.sortable-placeholder { + position: absolute; + top: 20px; + bottom: 0; +} + +.edit_field_type_divider + li.sortable-placeholder { + box-shadow: 2px 5px 0 2px var(--primary-500); +} + +.start_divider li.sortable-placeholder { + box-shadow: 2px -5px 0 2px var(--primary-500); +} + +.frm-is-collapsed + .sortable-placeholder { + box-shadow: 2px 15px 0 2px var(--primary-500); +} + +.frm_single_option.ui-sortable-placeholder { + box-shadow: 0 0 1px 1px var(--primary-500); +} + +/** + * Component: Sorting Display + */ +.frm_sorting > li.edit_field_type_end_divider:first-child, +.frm-show-click, +li.ui-state-default.edit_field_type_divider .frm-show-click { + display: none; +} + +.frm_form_field.ui-sortable-helper .frm-field-action-icons, +.frm_form_field.ui-sortable-helper .frm_form_fields, +.frm_form_field.ui-sortable-helper .frm_description, +.frm_form_field.ui-sortable-helper .description { + display: none; +} + +.frm_form_field.ui-sortable-helper .frm_primary_label, +.frm_form_field.ui-sortable-helper .frm_inner_field_container { + margin: 0 !important; +} + +.frm-single-settings .frm-show-click { + display: block !important; +} + +.frm-show-hover, +.frm_single_visible_hover, +li.ui-state-default.edit_field_type_divider .frm-show-hover { + opacity: 0; + transition: opacity 0.15s ease-in-out; +} + +#frm-show-fields .frm-field-settings-open .frm-show-hover { + opacity: 1; +} + +.frm_sortable_field_opts { + margin-top: 5px; +} + +/** + * Component: Single Option + */ +.frm_single_option { + clear: both; + margin: 0 !important; + padding-bottom: 5px; +} +.frm_single_option input[type=radio], +.frm_single_option input[type=checkbox] { + margin-top: 0; +} +.frm_single_option .frm-with-right-icon input[type=text] + .frmsvg { + position: relative; + right: 27px; + width: 14px; + height: 14px; + padding: 0; + margin: var(--gap-2xs) 0 0; +} + +.frm_product_price_wrapper, +.frm_image_preview_wrapper, +#new_fields .frm_single_option select, +#new_fields .frm_single_option input[type=text] { + width: calc(100% - 106px) !important; + flex-grow: 1; +} + +.frm-right-panel .frm_single_option a.frm_remove_tag, +.frm_single_option a { + padding-left: 7px; +} + +.frm_single_option:hover .frm_single_visible_hover { + opacity: 100; +} + +.frm_single_option .frm-drag { + font-size: 23px; + width: 24px; + height: 24px; + margin-left: -6px; + margin-right: var(--gap-xs); + color: var(--grey-500); +} + +.frm_single_option .frm-drag::before { + vertical-align: middle; +} + +.frm-drag, +.frm_single_option.ui-sortable-helper { + cursor: move; +} + +.frm_single_option .frm_option_key.frm_image_preview_wrapper, +.frm-type-ranking .frm_single_option .frm_option_key { + margin-left: 21px !important; +} + +.frm_option_key input[type=text] { + margin-top: var(--gap-xs) !important; + margin-left: 11px !important; +} +.frm_option_key input[type=checkbox] + input[type=text], +.frm_option_key input[type=radio] + input[type=text] { + margin-left: 30px !important; +} + +.frm-type-ranking .frm_option_key input[id*=field_key_] { + margin-left: 30px !important; +} + +li.ui-state-default.selected .frm-show-click, +li.ui-state-default.selected.edit_field_type_divider .frm-show-click { + display: inline; + vertical-align: top; +} + +.frm_field_box:not(.edit_field_type_divider):hover > .frm_inner_field_container > .frm-show-hover, +.frm_field_box .divider_section_only:hover > .frm_inner_field_container > .frm-show-hover, +li.ui-state-default.selected > .frm_inner_field_container > .frm-show-hover, +li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover { + opacity: 100; +} + +li.frm_field_box > ul.frm_grid_container { + position: relative; +} + +/** + * Component: UI Icon + */ +.frm_sorting span.ui-icon { + width: 16px; +} + +/** + * Component: Entry Page + */ +body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) .frm_image_options .frm_image_option_container { + --field-border-width: 1px; + --border-color: var(--grey-300); + --border-color-active: var(--primary-500); + --border-radius: var(--small-radius); +} + +#form_show_entry_page .frm_file_link, +#form_show_entry_page .frm_image_option_container { + display: inline-flex; + flex-wrap: nowrap; + flex-direction: column; + text-align: center; + align-items: center; + width: 150px; + margin-right: 10px; + margin-bottom: 10px; +} + +#form_show_entry_page .frm_image_option_container img { + width: 150px; + height: 150px; + object-fit: cover; +} + +#form_show_entry_page .frm_file_link img { + max-width: 150px; + height: auto; +} + +#form_show_entry_page .frm_file_link ~ br { + display: none; +} + +#form_show_entry_page .frm_upload_label { + padding: 10px; +} + +#form_show_entry_page.frm_wrap .postbox { + overflow: hidden; +} + +.frm_image_option_container .frm_image_placeholder_icon svg { + height: 150px; +} + +.frm_list_entry_page .frm_file_link, +.frm_list_entry_page .frm_image_option_container.frm_label_with_image { + display: block; + text-align: center; +} + +.frm_list_entry_page .frm_image_option_container img { + width: 75px; + height: 75px; + object-fit: cover; +} + +.frm_list_entry_page img { + max-width: 100%; + height: auto; +} + +.frm_image_option_container .frm_empty_url { + background-color: var(--sidebar-color); +} + +.frm_list_entry_page .frm_image_option_container .frm_text_label_for_image { + display: block; + padding: 5px 0 10px; +} + +.frm_list_entry_page .frm_upload_label, +.frm-summary-page-wrapper .frm_text_label_for_image { + display: block; +} + +/** + * Welcome and Global Settings Image Options + */ +#frm-welcome .frm_image_options .frm_image_option_container, +#form_global_settings .frm_image_options .frm_image_option_container { + background: var(--sidebar-color); +} + +#frm-welcome .frm_image_option_container svg, +#form_global_settings .frm_image_option_container svg { + max-width: calc(100% - 20px); +} + +/** + * Component: Option Templates + */ +/* Style image option container for Directory add on. */ +#frm-new-template .frm_image_option_container svg { + height: 50px; + margin: 10px auto 0; +} + +/* Show an icon on top */ +.frm_image_option_container { + position: relative; +} + +.frm_text_label_for_image > svg { + width: 30px; + position: absolute; + top: 5px; + right: calc(50% - 15px); +} + +/* End show an icon on top */ +.frm_single_option .frm_option_key { + margin-top: 17px; +} +.frm_single_option .frm_option_key.frm_image_preview_wrapper { + margin-top: var(--gap-xs); +} + +/** + * Component: Image + */ +.frm_image_data { + margin-left: var(--gap-sm); + display: flex; + flex-direction: column; + font-size: var(--text-sm); + justify-content: space-around; + min-width: 0; /* Allows flex items to shrink below content size */ +} + +.frm_image_styling_frame { + display: flex; + align-items: stretch; + margin-left: 36px; + margin-bottom: var(--gap-xs); + width: 100%; +} +.frm_image_styling_frame img { + height: 54px; + width: 54px; + min-width: auto; + min-height: auto; + border-radius: 3px; + object-fit: cover; + object-position: center; +} +.frm_image_styling_frame .frm_email_attachment_icon img { + height: auto; + width: auto; + max-width: 54px; +} + +.frm_image_preview_title { + color: var(--grey-500); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + min-width: 0; /* Critical for text truncation in flex */ + flex: 1 1 auto; /* Better flex behavior */ +} + +.frm_wrap .frm_choose_image_box { + cursor: pointer; + color: var(--primary-500); + background-color: #fff; + margin-left: 32px; + text-align: center; + width: 100%; +} + +.frm-type-ranking .frm_option_key .frm_choose_image_box { + margin-left: 11px !important; +} + +.frm_wrap .frm_choose_image_box:hover { + background: #fff; +} + +a.frm_remove_image_option, +.frm_remove_image_option { + color: var(--grey-400); + cursor: pointer; +} + +a.frm_remove_image_option:hover .frmsvg, +a.frm_remove_image_option:hover, +.frm_remove_image_option:hover { + color: rgba(40, 47, 54, 0.8); +} + +/** + * Component: Settings and Panel + */ +/* Form Settings Tabs */ +.frm-form-setting-tabs { + margin-top: var(--gap-sm) !important; +} + +.frm-right-panel > .postbox { + background-color: transparent; + border: none; + box-shadow: none; + margin: 0; +} + +.frm-right-panel .postbox.frm_with_icons .inside, +.frm-right-panel .postbox .inside, +.frm-right-panel .inside { + font-size: var(--text-md); + padding: 15px 20px 20px; + color: var(--grey-700); +} + +.frm-right-panel .misc-pub-section { + padding: var(--gap-xs) 0; + position: relative; +} + +.frm-right-panel .inside a, +.frm-form-setting-tabs a { + font-size: var(--text-md); + color: var(--grey-700); + padding: var(--gap-sm); + display: block; +} + +.frm-form-setting-tabs a { + color: var(--grey-900); + padding: var(--gap-sm) var(--gap-md); +} + +.frm-right-panel .inside a { + padding: 0; + color: var(--primary-500); + display: inline-block; +} + +.frm-right-panel .inside a:hover { + color: var(--primary-700); +} + +.frm-form-setting-tabs a:hover { + background: var(--sidebar-hover); + color: var(--grey-900); +} + +.frm-right-panel .inside i, +.frm-form-setting-tabs a i, +.frm-form-setting-tabs a .frmsvg { + margin: 0 5px; + display: inline-block; + width: 20px; + height: 20px; + color: var(--grey-500); +} + +.frm-form-setting-tabs a .frmsvg { + margin: 0; +} + +.frm-right-panel .inside a:hover i, +.frm-right-panel .inside a:hover .frmsvg, +.frm-form-setting-tabs a:hover .frmsvg, +.frm-form-setting-tabs a:hover span { + color: var(--grey-700); +} + +.frm_settings_form .tabs-panel { + padding: 0 25px; +} + +#form_settings_page .tabs-panel, +.frm_settings_form .tabs-panel { + max-height: initial !important; + min-height: 50px !important; +} + +#frm_adv_info .tabs-panel { + min-height: 0 !important; + overflow-x: hidden; + padding: 0; + border: none; + background: transparent; +} + +select.frm_cancelnew, +input.frm_enternew { + width: 175px; +} + +.frm_posttax_opt_list { + border: 1px solid var(--grey-300); + padding: var(--gap-md); + border-radius: var(--small-radius); + margin: 5px 0 5px var(--gap-md); +} + +/* Color picker CSS */ +.frm_settings_form .wp-picker-open + .wp-picker-input-wrap, +.frm-right-panel .wp-picker-open + .wp-picker-input-wrap { + position: absolute; + margin-left: calc((100% - 35px) * -1); + margin-top: 1px; + width: calc(100% - 36px); +} +.frm_settings_form .wp-picker-container input[type=text].wp-color-picker, +.frm-right-panel .wp-picker-container input[type=text].wp-color-picker { + border: none; + padding: 5px 8px; + font-family: inherit; + color: var(--grey-700); + font-size: var(--text-md); + width: 100%; + line-height: var(--leading); +} +.frm_settings_form .wp-picker-input-wrap .wp-picker-clear, +.frm-right-panel .wp-picker-input-wrap .wp-picker-clear { + display: none !important; +} +.frm_settings_form .wp-picker-holder, +.frm-right-panel .wp-picker-holder { + position: absolute; + z-index: 999; +} +.frm_settings_form .wp-picker-input-wrap label, +.frm-right-panel .wp-picker-input-wrap label { + margin-bottom: 0; +} +.frm_settings_form .wp-picker-container .wp-color-result.button, +.frm-right-panel .wp-picker-container .wp-color-result.button { + width: 100%; + overflow: hidden; + margin: 0 !important; + height: var(--h-md) !important; + padding: 0 0 0 var(--gap-lg) !important; + border-radius: var(--small-radius); + border-color: var(--grey-300); +} +.frm_settings_form .wp-color-result-text, +.frm-right-panel .wp-color-result-text { + line-height: var(--leading) !important; + font-size: var(--text-md); + background: #fff !important; + color: var(--grey-900); + padding: 5px 8px; + border-color: var(--grey-300); + text-align: left; +} +.frm_settings_form .color-alpha, +.frm-right-panel .color-alpha { + width: var(--gap-lg) !important; +} + +.frm_grid_container .wp-picker-container { + width: 100%; + position: relative; +} + +.wp-picker-container button.wp-color-result { + border: 1px solid var(--grey-300) !important; +} + +.wp-picker-container .wp-picker-input-wrap input.hex.wp-color-picker { + max-width: 100%; + position: relative; +} + +.frm_end .wp-picker-holder { + margin-left: -145px; +} + +.frm_end.frm6 .wp-picker-holder { + margin-left: -86px; +} + +/* End of color picker CSS */ +/** + * Toggle Components + * + * These are the styles for the "Enable Formidable styling" toggle in the visual styler. + * To use this element, you can call the FrmHtmlHelper::toggle function. + */ +.frm_toggle_opt { + padding: 0; + white-space: normal; + display: inline; + vertical-align: middle; + font-weight: 400; +} + +.frm_on_label, +.frm_off_label { + color: var(--grey-700); +} + +.frm_toggle { + position: relative; + display: inline-block; + width: 40px; + height: var(--h-xs); + vertical-align: middle; +} + +.frm_toggle_block { + display: inline-flex !important; + gap: var(--gap-xs); + align-items: center; +} + +.frm_toggle input, +.frm_toggle_block input { + display: none !important; +} + +.frm_toggle_slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--grey-200); + transition: 0.4s; + border-radius: 30px; +} + +.frm_toggle_slider::before { + box-sizing: border-box; + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%2398A2B3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.063 3.938-6.126 6.124M3.938 3.938l6.124 6.124'/%3E%3C/svg%3E"); + position: absolute; + left: 2px; + bottom: 2px; + display: flex; + align-items: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 20px; + line-height: 20px; + background-color: #fff; + border-radius: 50%; + transition: 0.4s; + box-shadow: var(--box-shadow-md); +} + +input:checked + .frm_toggle .frm_toggle_slider { + background-color: var(--primary-500); +} + +input:focus + .frm_toggle .frm_toggle_slider { + box-shadow: var(--box-shadow-md); +} + +input:checked + .frm_toggle .frm_toggle_slider::before { + transform: translateX(16px); + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%234199FD' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.52 7.437 1.313 1.459L9.48 5.104'/%3E%3C/svg%3E"); +} + +input[disabled] + .frm_toggle_slider, +input[disabled] + .frm_toggle .frm_toggle_slider { + pointer-events: none; + cursor: text; + opacity: 0.5; +} + +.frm_toggle_opt ~ .frm_toggle:not(#frm_testing_mode .frm_toggle) .frm_toggle_slider::before { + content: "" !important; /* Don't show x/check if off label included or on builder page */ +} + +.rtl .frm_toggle_opt { + padding: 0 8px; +} + +.rtl .frm_toggle_slider::before { + left: 17px; +} + +.rtl input:checked + .frm_toggle .frm_toggle_slider::before { + transform: none !important; + left: 1px; +} + +/* Deprecated admin toggle */ +.frm_toggle_off, +.frm_toggle_on { + display: none; + color: #fff; + z-index: 999; + position: absolute; + font-size: 10px; + line-height: 20px; + left: 6px; +} + +.frm_toggle_off { + display: inline; + left: auto; + right: 5px; + color: var(--dark-grey); +} + +.frm_toggle_long { + width: 80% !important; + height: 28px; + display: inline-block !important; +} + +.frm_toggle_long .frm_toggle_slider { + background: var(--primary-700); + box-shadow: 0 0 0 2px var(--primary-700); +} + +.frm_toggle_long .frm_toggle_off, +.frm_toggle_long .frm_toggle_on { + width: 50%; + text-align: center; + font-size: 13px; + line-height: 28px; +} + +.frm_toggle_long .frm_toggle_on { + left: 0; +} + +.frm_toggle_long .frm_toggle_off { + right: 0; +} + +.frm_toggle_long .frm_toggle_slider::before { + width: 50%; + left: 0; + top: 0; + border-radius: var(--border-radius) 0 0 var(--border-radius); + height: 100%; + background-color: #fff; + color: var(--primary-color); + content: "" !important; +} + +.frm_toggle_long input:checked + .frm_toggle_slider::before { + transform: translateX(101%); + border-radius: 0 var(--border-radius) var(--border-radius) 0; +} + +input:checked + .frm_toggle_slider + .frm_toggle_on { + display: inline; +} + +input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off { + display: none; +} + +.frm_toggle_long .frm_toggle_on, +.frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off { + display: inline; + color: var(--primary-500); + font-weight: 400; +} + +.frm_toggle_long .frm_toggle_off, +.frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on { + color: #fff; + font-weight: 700; +} + +/* End toggle styling */ +/** + * Global Settings + */ +.tabs-panel { + height: auto !important; + min-height: 260px; +} + +.tabs-panel.panel_secondary { + min-height: 20px; + margin-top: 10px; + margin-left: 150px; +} + +label.frm-example-icon { + margin-right: 20px !important; + display: inline-block !important; +} + +#frm_stripe_icon { + border-radius: 5px; +} + +#captcha_settings .frm_primary_label { + margin-top: var(--gap-sm); +} + +.frm-long-icon-buttons { + display: flex; + gap: var(--gap-md); +} + +.frm-long-icon-buttons > label { + border: 1px solid var(--grey-300); + color: var(--grey-700); + border-radius: var(--small-radius); + display: flex; + padding: var(--gap-sm); + gap: var(--gap-sm); + justify-content: center; + align-items: center; + width: calc(33% - var(--gap-sm)); + box-sizing: border-box; +} + +.frm-long-icon-buttons > label:hover { + color: var(--primary-500); +} + +.frm-long-icon-buttons input[type=radio] { + display: none; +} + +.frm-long-icon-buttons input[type=radio]:checked + label { + border-color: var(--primary-500); + box-shadow: 0 0 0 1px var(--primary-color); +} + +.frm-long-icon-buttons label > svg { + height: 21px; +} + +.frm-example-icon .frmsvg, +.frm-example-icon i { + height: 20px; + width: 20px; + font-size: 20px; + color: var(--grey-700); +} + +.frm_license_msg { + margin-top: 0; +} + +.frm_authorized_box .frm-show-unauthorized, +.frm_unauthorized_box .frm-show-authorized { + display: none; +} + +.edd_frm_status_icon.frmsvg { + margin: 0 5px; +} + +.edd_frm_license_row .frm_action_success .frmsvg { + color: green; +} + +.edd_frm_license_row .frm_action_error .frmsvg { + color: #d54e21; +} + +/* Hide the install steps for solutions */ +#form_global_settings .tabs-panel .num svg { + display: none; +} + +/* Empty List */ +.frm_no_items { + margin: 0 auto 50px; + text-align: center; + color: var(--grey-700); + max-width: 500px; +} + +.frm-subscribe { + margin: var(--gap-lg) 0; +} + +.frm_inbox_count { + color: #fff; + border-radius: 50%; + display: inline-block; + margin-right: 8px; + font-size: 11px; + text-align: center; + min-width: 18px; + height: 18px; + margin-left: 2px; + vertical-align: text-bottom; +} + +/** + * Global Payment Settings + */ +#payments_settings .frm_payments_section .form-table td { + padding-left: 0; + padding-right: 0; +} + +#payments_settings .frm_payments_section .form-table { + margin-top: 0; +} + +#frm_authnet_general_settings > tr:first-of-type > td:first-of-type { + padding-top: 0; +} + +#frm_authnet_general_settings h3 { + margin-bottom: 0; +} + +.frm_payment_settings_tab .frmsvg { + height: 22px; +} + +.frm_payment_settings_tab[for=frm_toggle_paypal_settings] .frmsvg { + width: 83px; +} + +.frm_payment_settings_tab[for=frm_toggle_authorize_net_settings] .frmsvg { + width: 99px; +} + +.frm_payment_settings_tab[for=frm_toggle_square_settings] .frmsvg { + width: 89px; +} + +.frm_payment_settings_tab[for=frm_toggle_stripe_settings] .frmsvg { + width: 53px; +} + +.frm-email-style { + float: left; + margin-right: var(--gap-md); +} +.frm-email-style:last-of-type { + margin-right: 0; +} +.frm-email-style__card { + position: relative; +} +.frm-email-style__name { + margin-top: var(--gap-xs); + padding-top: var(--gap-2xs); + text-align: center; +} +.frm-email-style__name .frmsvg { + vertical-align: sub; +} +.frm-email-style__click { + display: block; + border-radius: 12px; + border: 1px solid var(--grey-200); + box-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.0588235294); +} +.frm-email-style__click:focus, .frm-email-style--selected .frm-email-style__click { + border-color: var(--primary-500); + outline: 1px solid var(--primary-500); +} +.frm-email-style__click img { + width: 160px; + display: block; +} +.frm-email-style--disabled .frm-email-style__click::after { + content: ""; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: var(--grey-100); + opacity: 0.5; +} +.frm-email-style__buttons { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; + display: none; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 12px; +} +.frm-email-style__button { + cursor: pointer; + display: block; +} +.frm-email-style__button:disabled { + cursor: not-allowed; + display: none; + background: var(--primary-700) !important; + border-color: var(--primary-700) !important; +} +.frm-email-style--selected .frm-email-style__button:disabled { + display: block; +} +.frm-email-style--selected .frm-email-style__button[data-action=choose] { + display: none; +} +.frm-email-style--disabled .frm-email-style__button[data-action=choose] { + display: none; +} +.frm-email-style:hover .frm-email-style__buttons, .frm-email-style__click:focus + .frm-email-style__buttons, .frm-email-style:focus-within .frm-email-style__buttons { + display: flex; +} + +#frm-send-test-email, +.frm-upload-image-btn, +.frm-remove-image-btn, +.frm-reset-colors-btn { + cursor: pointer; +} + +#frm-send-test-email-modal .postbox { + padding: var(--gap-sm) var(--gap-md); +} +#frm-send-test-email-modal .postbox * { + box-sizing: border-box; +} +#frm-send-test-email-modal .inside { + margin: 0; + padding: 0; +} + +/** + * Import/Export + */ +.frm-lite .xml_opts .frm-export-xml-items { + display: none; +} + +.csv_opts #frm_csv_col_sep { + width: 45px; +} + +#frm_advanced td.frm_left_label { + width: 20%; + padding-right: 2px; +} + +/** + * Component: Where Options + */ +#frm_where_options select { + max-width: 200px; +} + +#frm_where_options select.frm_insert_where_options { + width: 30%; +} + +#frm_where_options select.frm_where_is_options { + width: 20%; +} + +#frm_where_options span.frm_where_val { + width: 32%; + display: inline-block; + position: relative; +} + +#frm_where_options span.frm_where_val .frm_tooltip_icon, +#frm_where_options span.frm_where_val .frm_help { + left: -4px; + position: absolute; +} + +#frm_where_options span.frm_where_val.frm_hidden { + display: none; +} + +#frm_where_options span.frm_where_val input, +#frm_where_options span.frm_where_val select { + width: 90%; + margin-left: 10px; +} + +#frm_where_options { + min-height: 31px; +} + +/** + * Component: Tabs Panel + */ +.tabs-panel.active .tabs-panel, +.frm_settings_form .tabs-panel .tabs-panel { + border: none; + padding: 0; +} + +/** + * Component: Feature Banner + */ +.frm-feature-banner { + background: var(--grey-700); + color: #fff; + border-radius: var(--small-radius); + padding: 20px; + margin: 10px 0; +} + +.frm-feature-banner p { + font-size: var(--text-sm); +} + +.frm-feature-banner .dismiss { + margin-top: -10px; + margin-right: -10px; +} + +.frm-feature-banner .dismiss svg { + color: #fff; +} + +.frm-feature-banner .frm-big-icon { + padding-right: 20px; + float: left; + min-height: 60px; +} + +.frm-big-icon svg { + height: 60px; + width: 60px; +} + +.frm-feature-banner p { + margin-top: 0; +} + +/** + * Add-on Backward Compatibility + */ +/*for add-on reverse compatibility */ +.frm_98_width { + width: 100% !important; +} + +/** + * Form Settings Tab styles + */ +h2.frm-h2, +.frm_form_settings h2 { + border-bottom: 1px solid var(--grey-300); + color: var(--grey-900); + font-weight: 400 !important; + padding: 9px 0 5px; + margin: 0; +} + +.frm_settings_form h3, +.frm_form_settings h3, +.frm_form_settings span.frm_add_logic_link { + font-size: var(--text-md); + border-top: 1px solid var(--grey-300); + padding-top: var(--gap-sm); + margin: var(--gap-sm) 0; + font-weight: 400; + text-transform: uppercase; + color: var(--medium-grey); + display: block; +} + +.frm_form_settings .howto { + color: var(--grey-500); + font-size: var(--text-sm); + margin-top: 8px; +} + +.frm_form_settings .advanced_settings .form-table { + margin-top: 0; +} + +.frm_form_settings td.frm_175_width { + width: 175px; +} + +.frm_form_settings #success_url { + width: 95%; +} + +.frm_wrap .ui-autocomplete { + padding: 3px 0; + max-height: 310px; +} + +.frm_wrap .ui-widget { + font-family: inherit; +} + +.frm_wrap .ui-autocomplete li { + padding: 2px 4px; + background: none; + color: var(--grey-700); + border: none; + font-weight: 400; +} + +.frm_wrap .ui-autocomplete .ui-menu-item-wrapper.ui-state-active { + border: none; + font-weight: inherit; +} + +.frm_select_with_label { + margin: 7px 0 0; +} + +/** + * Customization Panel styles + */ +/* Customization Panel */ +#frm-insert-fields-box, +#frm-conditionals { + max-height: none; +} + +#frm-conditionals, +#frm-adv-info-tab { + display: none; + max-height: 355px; +} + +#frm-insert-fields-box ul.subsubsub, +#frm-conditionals ul.subsubsub { + float: right; + margin: 0; +} + +#frm-insert-fields-box ul.alignleft, +#frm-conditionals ul.alignleft { + margin: 4px 0 0; +} + +#frm_adv_info ul.frm_code_list.frm-full-hover { + clear: both; + max-height: 215px; + overflow: auto; +} + +#frm-insert-fields-box ul.frm_code_list li.clear.frm_block { + height: 10px; +} + +#frm_adv_info .frm_noallow { + display: none; +} + +#frm_adv_info #frm-conditionals .frm_noallow { + display: block; +} + +/** + * Customize HTML Tab styles + */ +/* Customize HTML Tab */ +#frm_html_tab.frm_hidden { + display: none; +} + +#frm_html_tab.active { + display: inline; +} + +/** + * Form Actions Tab styles + */ +.frm_email_reply_container select, +.frm_email_reply_container input, +.form-table td.frm_150_width { + width: 170px; +} + +#frm_notification_settings .frm_no_top_padding { + padding-top: 0; +} + +.frm_email_settings.frm_email_settings.widgets-holder-wrap { + overflow: auto; + box-shadow: none; +} + +#frm_notification_settings .widget-top .widget-action, +#frm_form_editor_container .widget-top .widget-action { + border: 0; + margin: 0; + padding: 8px; + background: 0 0; + cursor: pointer; + outline: 0; +} + +#frm_notification_settings .widget-top .widget-action { + padding-top: 13.5px; +} + +#frm_email_addon_menu { + border: 1px solid var(--grey-300); + padding: var(--gap-sm); + border-radius: 4px; + margin: var(--gap-md) 0 var(--gap-sm); +} + +#frm_email_addon_menu .frm-search { + float: right; + margin: 0; +} + +#frm_email_addon_menu h3.frm-no-border { + clear: none; + padding-top: 7px; +} + +.frm_email_settings .widget .widget-top { + background-color: var(--sidebar-color); +} + +.frm_email_settings .widget .widget-top, +.frm_email_settings .widget .widget-top h3 { + cursor: pointer !important; +} + +.frm_email_settings .widget { + margin-bottom: var(--gap-sm); +} + +.frm_form_action_settings .widget-top { + box-shadow: none; + border-color: var(--grey-300); + border-radius: var(--small-radius); + background: var(--lightest-grey); + color: var(--grey-700); +} + +.frm_form_action_settings:hover .widget-top { + border-color: var(--grey); +} + +.frm_form_action_settings.open .widget-top { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom: none; +} + +.frm_form_action_settings.open:hover .widget-top { + border-color: var(--grey-300); +} + +.frm_form_action_settings > .widget-inside { + display: none; +} + +.frm_form_action_settings.open > .widget-inside { + display: block; +} + +.frm_form_action_settings .widget-inside { + min-height: 25px; + padding: 15px; + border-color: var(--grey-300); + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.frm_form_action_settings .widget-title h4, +.frm_form_action_settings .widget-title h3 { + display: inline-block; + border-bottom: none; + padding: 10px 10px 5px; + font-size: var(--text-md); + font-weight: 500; +} + +#frm_email_addon_menu h3 { + margin: 0 0 var(--gap-sm); + clear: both; +} + +.frm_single_api_settings p > label { + display: inline; +} + +.frm_form_action_icon { + margin-right: 5px; +} + +.frm_actions_list { + margin: 0; + display: inline; +} + +.frm_actions_list li { + float: left; + width: 15.6%; + margin: 10px 0.5% 15px; + height: 100px; + text-align: center; +} + +.frm-limited-actions .frm-group-heading, +.frm-limited-actions #frm-hide-groups, +.frm-all-actions #frm-show-groups, +.frm-limited-actions .frm-not-installed:not(.frm-search-result):not(.frm-default-show) { + display: none; +} + +label.frm_action_events { + padding-left: 15px; +} + +#frm-hide-groups, +#frm-show-groups { + font-size: var(--text-md); + float: right; +} + +.frm_actions_list a:active, +.frm_actions_list a:focus { + outline: none; +} + +.frm_actions_list a { + font-size: var(--text-sm); + color: var(--grey-700); + word-break: break-word; +} + +.frm_actions_list span.frm-outer-circle { + /* 50px total with 30px content */ + background-color: var(--grey-100); + padding: 10px; + text-align: center; + border-radius: 50%; + display: block; + width: 30px; + height: 30px; + margin: 0 auto 15px; + line-height: 1; + box-sizing: content-box; +} + +.frm_email_settings .widget-title h4 { + color: var(--grey-700); +} + +.frm_disabled_action .widget-title h4 { + color: var(--grey); +} + +.frm_actions_list a .frmsvg, +.frm_actions_list a i { + height: 18px; + width: 18px; + font-size: 18px; + padding: 2px; + color: var(--lightest-grey); + box-sizing: content-box; +} + +span.frm-inner-circle, +.frm_email_settings .widget-title .frm_form_action_icon { + background-color: var(--grey-400); + border-radius: 50%; + display: inline-block; + text-align: center; + line-height: 1; +} + +span.frm-inner-circle { + background-color: var(--primary-700); + height: 22px; + width: 22px; + padding: 4px; + color: #fff; + box-sizing: content-box; +} + +.frm-inner-circle svg { + fill: currentColor; +} + +.frm_email_settings .widget-title .frm_form_action_icon { + height: 15px; + width: 15px; + padding: 5px; + color: #fff; + vertical-align: middle; +} + +.frm_actions_list .frmsvg, +.frm_actions_list i::before, +.frm_email_settings .widget-title .frm_form_action_icon i, +.frm_email_settings .widget-title .frm_form_action_icon .frmsvg { + height: 15px; + width: 15px; + vertical-align: text-top; +} + +.frm_actions_list i::before { + vertical-align: middle; +} + +.frm_email_settings .widget-title:hover .frm_form_action_icon { + background-color: var(--grey); +} + +span.frm-inner-circle.frm-inverse { + background-color: transparent; + color: var(--primary-700); + padding: 0; + height: 30px; + width: 100%; +} + +.frm_actions_list span.frm-inverse i, +.frm_actions_list span.frm-inverse .frmsvg { + color: var(--primary-700); + height: 30px; + width: 30px; + font-size: 30px; + padding: 0; +} + +.frm_actions_list i.frm-inverse::before { + height: 30px; + width: 100%; + font-size: 30px; +} + +.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse { + background: #fff; + padding: 0; + height: 24px; + width: 24px; +} + +.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse .frmsvg, +.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse i::before { + color: var(--grey-400); + height: 24px; + width: 24px; + font-size: 24px; +} + +.frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse .frmsvg, +.frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse i::before { + color: var(--grey-500); +} + +.frm_email_icons { + padding: 10px 0 5px 6px; + font-size: 20px; +} + +.frm_email_icons a { + margin-left: 8px; + color: var(--grey); + opacity: 0; + transition: all 0.2s ease; +} + +.frm_email_icons a .frmsvg { + color: var(--grey); +} + +.frm_email_icons a:hover, +.widget-top:hover .frm_email_icons a { + opacity: 1; +} + +.frm_actions_list a.frm_inactive_action { + color: var(--grey); +} + +.frm_inactive_action .frm-inner-circle, +.frm_actions_list .frm_inactive_action i { + opacity: 0.4; +} + +/** + * Component: Notification Settings + */ +table td, +.form-table tr td { + vertical-align: top; +} + +#new_fields .form-table tr td { + display: block; + padding: 7px 0 0; +} + +#new_fields .form-table tr td:first-child { + margin: 0; +} + +#new_fields .form-table tr td:last-child { + margin-bottom: 9px; +} + +.form-table #list-table th { + text-align: center; +} + +#form_settings_page th, +#form_settings_page td, +.frm_settings_form td, +#frm_notification_settings .frm_form_action_settings td p { + padding: 7px 0; +} + +#permissions_settings_settings .frm_grid_container { + align-items: center; +} + +#frm_notification_settings .form-table > tbody > tr > th { + width: 150px; + font-weight: 400; + padding-right: 10px; +} + +#frm_notification_settings .frm_single_email_settings .form-table > tbody > tr > th { + width: 80px; +} + +#frm_notification_settings table tr td:first-child { + padding-left: 0; +} + +#frm_notification_settings table tr td:last-child { + padding-right: 0; +} + +#frm_notification_settings .frm_left_label { + float: none; /* For add-ons that haven't been updated for 4.0 */ + width: auto !important; +} + +.frm-fields .frm_autoresponder_rows select { + width: auto; +} + +#frm_notification_settings .frm_with_left_label, +#frm_notification_settings .frm_left_label + textarea, +#frm_notification_settings .frm_left_label + select, +#frm_notification_settings .frm_left_label + input[type=text] { + width: 100%; +} + +#frm_notification_settings .frm_email_buttons { + padding: var(--gap-2xs); + background: var(--light-blue); + color: var(--primary-700); + border-radius: var(--small-radius); + border-color: var(--blue-border); + line-height: 1; + height: auto; + min-height: 12px; + font-size: var(--text-xs); + box-shadow: none; +} + +p.frm_bcc_cc_container, +p.frm_reply_to_container { + position: relative; + float: right; + margin: -4px 0 0; + z-index: 1; +} + +.frm_email_row .frm_cancel1_icon::before { + vertical-align: bottom; +} + +.frm_cc_row.frm_email_row .frm-with-right-icon, +.frm_bcc_row.frm_email_row .frm-with-right-icon, +.frm_reply_to_row.frm_email_row .frm-with-right-icon { + width: calc(100% - 20px); + display: inline-block; +} + +.frm_email_row .frm_remove_field .frm_close_icon { + position: relative; + fill: var(--grey-500); + vertical-align: middle; +} + +/** + * Component: Logic Fields + */ +.frm-inline-select, +p.frm-inline-select, +.frm_logic_rows .frm-collapse-me { + line-height: var(--h-md) !important; +} + +.frm_logic_row { + padding: var(--gap-xs) 0 0; +} + +.frm-single-settings ul.frm_sortable_field_opts { + border-bottom: 1px solid var(--grey-200); + padding-bottom: var(--gap-xs); + margin-bottom: var(--gap-xs); +} + +.frm-single-settings .frm-add-other svg.frm_add_tag { + position: relative; + top: 5px; + margin-right: 4px; +} + +.frm-single-settings .frm_single_option .frm_remove_tag::before { + content: ""; +} + +.frm-single-settings input[type=checkbox][readonly] { + opacity: 0.5; + pointer-events: none; +} + +.advanced_settings .frm_logic_row { + margin: 14px 0; +} + +.advanced_settings .frm_logic_row select, +.advanced_settings .frm_logic_row input { + max-width: 30% !important; +} + +.frm_form_action_settings .frm_logic_row p { + margin-top: 0; + margin-bottom: 0; + padding: 0; +} + +/** + * Component: Form Settings Widget + */ +#poststuff .widgets-holder-wrap .frm_form_action_settings .widget-inside { + padding-bottom: 0; +} + +#poststuff .frm_form_settings .widgets-holder-wrap .widget-inside { + padding-left: 15px; + padding-right: 15px; +} + +#form_global_settings h3 { + font-size: var(--text-sm); + margin-top: 25px; +} + +#form_global_settings .tabs-panel + h3 { + margin-top: 0; + border: none; +} + +#poststuff .frm_form_settings .widget-inside h3, +#poststuff .frm_form_settings .advanced_settings h3, +#poststuff .frm_settings_form h3, +#frm_advanced .inside h3 { + border-top: 1px solid #eee; + border-bottom: none; + margin: 15px -15px 0; + padding: 8px 15px; + font-size: var(--text-sm); +} + +#poststuff .frm_form_settings h3.frm_first_h3, +#poststuff h3.frm_first_h3 { + border: none; + margin-top: 0; +} + +h3.frm_add_logic_link { + margin-bottom: 0 !important; +} + +a.frm_add_logic_link.frm_hidden { + display: none; +} +a.frm_add_logic_link.frm_hidden + .frm_logic_rows { + height: auto; +} + +/** + * Icon Font styles + */ +.frm_icon_font { + color: #a0a0a0; + color: var(--grey); +} + +.frm-fields label .frm_icon_font { + font-size: inherit; +} + +.misc-pub-revisions.frm_icon_font, +.misc-pub-revisions.frm_icon_font:hover { + color: inherit; +} + +.postbox.frm_with_icons .inside { + padding: 0; + margin: 0; +} + +.frm_add_tag::before { + content: "\e602"; +} + +.frm_remove_tag::before { + content: "\e600"; +} + +.frm_logic_row .frm1 > .frm_remove_tag { + padding: 0; +} + +.frm_tooltip_icon::before { + font-size: 13px; + vertical-align: top; +} + +.frm_help svg, +.frm_help .frmsvg { + height: 13px; + width: 13px; + vertical-align: top; + color: var(--grey-400); +} + +.form-field input[type=text].frm_other_input { + width: 30%; + margin-left: 10px; +} + +.frm-add-other { + text-align: right; +} + +.frm-add-other .frm_add_tag { + vertical-align: 20%; +} + +.frm_action_icon { + margin: 5px 0 0 5px; +} + +span.frm_action_icon { + margin: 0 4px 0 0; +} + +.frm_action_icon:active { + outline: none; +} + +a.frm_action_icon:hover { + text-decoration: none; +} + +.frm_action_icon.frm_error_icon::before { + content: "\e608"; +} + +.frm_inactive_icon.frm_action_icon.frm_error_icon::before { + content: "\e606"; +} + +.frm-field-action-icons { + text-align: right; + position: absolute; + top: 2px; + right: 2px; + max-width: 100%; +} + +.frm-field-action-icons .frm-field-id { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 80px; + max-width: calc(100% - 50px); + position: relative; + top: 2px; +} + +.frm-field-action-icons > a { + font-size: var(--text-md); + width: 17px; +} + +.frm-field-action-icons a:hover { + text-decoration: none; +} + +.frm-field-action-icons .dropdown { + display: inline-block; +} + +.frm-field-action-icons > a .frmsvg { + color: var(--grey-500) !important; + font-size: 17px; + width: 17px; + height: 17px; +} + +.frm-field-action-icons > a .frmsvg, +.frm-field-action-icons > div > a .frmsvg { + vertical-align: baseline; +} + +.edit_field_type_end_divider .frm-field-action-icons { + display: none !important; +} + +.frm-move { + cursor: grab; +} + +/** + * Extended Howto styles + */ +span.howto { + display: inline; +} + +.frm_import_message { + margin: 15px 0; + line-height: 2.5; +} + +/** + * Form Widget styles + */ +.frm_sorting .form-field .widget input[type=text], +.frm_sorting .form-field .widget input[type=number], +.frm_sorting .form-field .widget select, +#wpcontent .frm_sorting .form-field .widget select, +.frm_sorting .form-field .widget textarea { + width: auto; +} + +/** + * Tag Checklist styles + */ +.tagchecklist span.no_taglist { + display: inline; + float: none; + line-height: 15px; + margin-right: 0; + font-size: inherit; +} + +.tagchecklist .frm_exclude_cat_list span { + display: inline; +} + +.tagchecklist span a::before { + line-height: 23px; + text-align: start; +} + +.frm_form_action_settings .frm_email_row .frm_tooltip_icon { + position: relative; + bottom: 2px; +} + +/** + * No Entries Page styles + */ +.frm_no_entries_form { + padding: 60px 0; +} + +.frm_no_entries_form .frm_no_entries_header { + font-size: 20px; + margin-bottom: 10px; +} + +.frm_no_entries_form .frm_no_entries_text { + line-height: var(--leading); +} + +#form_entries_page #the-list .no-items { + height: 240px; /* Equals to the max height of search dropdown */ +} + +/** + * Reports Page styles + */ +#form_reports_page img.frm_no_reports { + max-width: 100%; +} + +.frm_wrap .google-visualization-table .gradient, +.frm_wrap .google-visualization-table-tr-head, +.frm_wrap .google-visualization-table-tr-odd, +.frm_wrap .google-visualization-table-tr-odd.google-visualization-table-tr-over { + background: var(--lightest-grey); +} + +.frm_wrap .google-visualization-table-tr-over { + background: #fff; +} + +.frm_wrap .google-visualization-table-table th, +.frm_wrap .google-visualization-table-table td { + border-right-width: 0; + padding: 10px !important; +} + +.frm_wrap .google-visualization-table-tr-head, +.frm_wrap .google-visualization-table-tr-head th { + white-space: pre-wrap; + font-size: var(--text-md); + font-weight: 400 !important; + text-align: left; +} + +.frm_wrap .google-visualization-table-td-number { + text-align: inherit; +} + +#form_reports_page .postbox { + text-align: center; + float: none; + display: inline-block; + margin-right: 2%; + width: 20%; + min-width: 175px; +} + +/** + * Views Page styles + */ +#form_views_page img.frm_no_views { + max-width: 100%; +} + +/** + * Component: Field Options Popup + */ +.frm_field_opts_popup { + min-width: 300px; + background-color: #fff; +} + +.frm_field_opts_popup #wpadminbar { + display: none; +} + +.frm_prepop { + width: 100%; + list-style: none; + overflow: auto; + margin: 0; + max-height: 295px; +} + +.frm_prepop li { + margin: 0; +} + +.frm_prepop li a { + display: block; + text-decoration: none; + cursor: pointer; + padding: 5px 20px; +} + +.frm_prepop li a:hover { + background: var(--sidebar-color); +} + +/** + * Form Editor Container + */ +#frm_form_editor_container #frm_form_key_box { + width: 13em; + max-width: 30%; +} + +#frm_form_editor_container #frm_form_desc { + width: 70%; +} + +#frm_form_editor_container .ui-widget-content { + display: none; + padding: 15px; +} + +#frm_form_editor_container .ui-widget-content label { + float: left; + width: 170px; + text-align: right; + padding-right: 5px; + clear: both; +} + +#frm_form_editor_container .ui-widget-content label.nofloat { + clear: none; + float: none; + margin-left: 10px; +} + +#frm_form_editor_container .ui-state-default { + color: #333 !important; +} + +.frm_green { + color: var(--green) !important; +} + +#frm_form_editor_container .ui-state-default a.frm_orange, +.frm-right-panel a.frm_orange, +#postbox-container-1 a.frm_orange { + color: #d54e21; +} + +#styling_settings input[type=checkbox], +#styling_settings input[type=radio] { + border: solid 1px #bbb; +} + +#styling_settings .widget .widget-top, +#frm_form_editor_container .widget .widget-top { + cursor: pointer; +} + +/** + * Widget Sorting + */ +.frm_sorting .widget, +.frm_settings_page .widget { + background: #fff; +} + +.frm_sorting .widget-title h4 { + font-weight: 400; +} + +.frm_sorting .widget, +#postbox-container-1 .widget, +.frm-right-panel .widget, +.frm_settings_page .widget { + margin-bottom: 0; +} + +.frm_settings_page .widget-inside { + padding: 0 5px 5px; +} + +.frm_sorting .widget, +.widget-inside, +.frm_sorting .form-field .widget { + display: none; +} + +#frm-show-fields { + min-height: 350px; + padding: 0 0 35px; + margin: 0; + position: relative; +} + +.frm-has-fields #frm-show-fields { + min-height: 50px; +} + +#frm_builder_page .frm-lite-credit-card-element, +body.frm-admin-page-styles .frm-lite-credit-card-element { + position: relative; +} + +#frm_builder_page .frm-lite-credit-card-element > div, +body.frm-admin-page-styles .frm-lite-credit-card-element > div { + position: absolute; + top: calc(50% - 1px); + transform: translateY(-50%); + right: 10px; + color: #d0d4dd; +} + +#frm_builder_page #frm_field_group_controls { + position: absolute; + padding: 5px; + border-radius: 4px 4px 0 0; + text-align: right; + box-sizing: border-box; + right: 0; + top: -28px; + height: 28px; + z-index: 3; /* section dividers use z-index: 2; position above that to avoid it taking over hover control. */ +} + +.frm-field-group-hover-target, +.frm-has-open-field-group-popup, +#frm_builder_page #frm_field_group_controls, +.frm-selected-field-group { + background: rgba(65, 153, 253, 0.04); +} + +.frm-selected-field-group { + position: relative; +} + +#frm_builder_page #frm_field_group_controls > span:first-child { + margin-right: 5px; +} + +#frm_builder_page #frm_field_group_controls svg { + pointer-events: none; +} + +#frm_field_group_controls { + visibility: hidden; +} + +.frm-field-group-hover-target #frm_field_group_controls { + visibility: visible; +} + +#frm_field_group_controls .dropdown-item a span { + color: var(--grey-700); +} + +#frm_field_group_controls .dropdown-item a:hover { + text-decoration: none; +} + +/** + * Field Sorting + */ +.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider { + display: none !important; +} + +.frm-right-panel .ui-state-default, +#postbox-container-1 .ui-state-default, +.frm_sorting > li.ui-state-default, +.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover { + border: 1px solid transparent; + font-weight: 400 !important; + background-color: transparent; + background-image: none; + padding: 5px; + margin: 0; + box-shadow: none; + display: block; + text-align: inherit !important; + overflow: visible; + position: relative; +} + +#frm-show-fields li.frm_cancel_sort { + /* If a section gets dropped into a section, hide it */ + display: none; +} + +.divider_drop { + text-align: center; +} + +.divider_drop .howto .frm_icon_font { + font-style: normal; +} + +.show_repeat_sec { + display: none; +} + +.repeat_section .show_repeat_sec { + display: inline-block; + margin: 5px 0 0; +} + +.repeat_section tr.show_repeat_sec { + display: table-row; +} + +.repeat_format .frm_repeat_label, +.repeat_formattext .frmsvg, +.repeat_formattext i { + display: none; +} + +/** + * Frm Button + */ +.frm_button { + text-decoration: none; + border: 1px solid #eee; + padding: 5px; + color: #444; + vertical-align: middle; + box-shadow: none !important; +} + +a.frm_button:hover { + text-decoration: none !important; +} + +.frm_button, +.frm_button .frm_icon_font::before { + font-size: 13px; + vertical-align: middle; +} + +.frm_button .frmsvg { + width: 13px; + height: 13px; +} + +/** + * Components - Divider + */ +.frm-right-panel .ui-state-default, +#postbox-container-1 .ui-state-default { + padding: 0; + margin: 0; +} + +ul.start_divider { + padding: 8px 13px 0 8px; + min-height: 115px; + transition: all 0.4s linear; +} + +.frm-section-collapsed .frm_no_section_fields, +.frm-section-collapsed ul.start_divider { + height: 0; + min-height: 0 !important; +} + +.frm-section-collapsed ul.start_divider { + overflow: hidden; +} + +.frm-section-collapsed .frm_no_section_fields { + overflow: hidden; + padding: 0; + opacity: 0; +} + +.frm-section-collapsed .divider_section_only .frm-collapsed-label { + display: inline; +} + +.frm-page-collapsed .frm_clone_icon, +.frm-page-collapsed .frm_delete_field, +.frm-page-collapsed .frm_clone_field, +.frm-section-collapsed .frm_clone_icon { + opacity: 0.5; + cursor: not-allowed; +} + +/* Hide the Duplicate summary option because we are missing the logic that also adds a new page */ +.edit_field_type_summary .frm_more_options_li:nth-child(2) { + display: none !important; +} + +.edit_field_type_submit .frm_more_options_li:not(:last-child) { + display: none !important; +} + +.frm_no_section_fields:not(.frm_block) + ul.start_divider { + padding: 0; + min-height: 132px; +} + +.frm_sorting li.ui-state-default .divider_section_only { + padding: 6px; + margin-top: -10px; + border: 2px solid transparent; + border-radius: var(--small-radius); + z-index: 2; + position: relative; +} + +.divider_section_only > .frm_inner_field_container { + padding: 5px 0; + margin: 0; +} + +.frm-collapsed-label, +.divider_section_only > .frm_inner_field_container .frm_form_fields { + display: none; +} + +.frm-section-collapsed .divider_section_only::after, +.divider_section_only::before { + content: ""; + display: block; + padding: 2px 0; + line-height: 1px; + border-top: 2px solid var(--grey-300); + top: -2px; + position: absolute; + width: 100%; + transition: 0.5s border-color ease-in-out; +} + +.frm-section-collapsed .divider_section_only::after { + top: auto; + bottom: -6px; +} + +.frm-section-collapsed .divider_section_only:hover::after, +li.selected.frm-section-collapsed .divider_section_only::before, +li.selected.frm-section-collapsed .divider_section_only::after, +.divider_section_only:hover::before, +li.selected .divider_section_only::before { + border-color: transparent; +} + +.frm_sorting li.ui-state-default.edit_field_type_divider { + overflow: visible; + position: relative; + padding: 0 0 0 20px; + margin: 25px 0 0 -5px; + border-left: 1px solid var(--primary-700); + transition: border 0.7s ease-out; +} + +.frm-section-collapsed { + border-left-color: transparent !important; +} + +.frm_sorting li.edit_field_type_end_divider, +.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover { + margin: 0 0 var(--gap-sm); +} + +.frm-first-page .frm_prev_page { + display: none; +} + +/** + * Components - Form Rows + */ +#frm_builder_page .frm_remove_form_row.frm_button, +#frm_builder_page .frm_add_form_row.frm_button { + border-radius: var(--small-radius); + border: 1px solid var(--blue-border); +} + +#frm_builder_page .frm_remove_form_row .frmsvg, +#frm_builder_page .frm_remove_form_row i::before, +#frm_builder_page .frm_add_form_row .frmsvg, +#frm_builder_page .frm_add_form_row i::before { + color: var(--primary-700); +} + +.frm-preview-buttons .frm_button_submit { + margin: 0 5px; +} + +.frm-page-break { + border-top: 1px dashed var(--primary-700); + margin-top: var(--gap-lg); + position: relative; +} + +.frm-page-break::before, +.frm-page-break::after { + content: ""; + position: absolute; + background-color: #fff; + border-radius: 50%; + border: 1px solid var(--primary-700); + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} + +/** + * Components - Divider Icons + */ +.edit_field_type_divider .frm-divider-icon.frmsvg { + padding: 2px; + position: absolute; + left: -12px; + color: #fff; + background-color: var(--primary-700); + border-radius: 50%; +} + +.edit_field_type_divider .start_divider .frm-divider-icon.frmsvg { + height: 8px; + width: 8px; + padding: 0; + bottom: -4px; + left: -24.5px; + color: var(--primary-700); + background-color: #fff; +} + +.edit_field_type_divider.selected .frm-divider-icon.frmsvg, +.edit_field_type_divider:hover .frm-divider-icon.frmsvg { + background: var(--primary-500); +} + +.edit_field_type_divider.selected .start_divider .frm-divider-icon.frmsvg, +.edit_field_type_divider:hover .start_divider .frm-divider-icon.frmsvg { + background-color: #fff; + color: var(--primary-500); +} + +.frm-page-break::before, +.frm-page-break::after { + width: 8px; + height: 8px; + top: -6px; + border-color: var(--grey); +} + +.frm-page-break::after { + right: 0; +} + +#frm-fake-page .frm-page-break { + border-color: var(--grey); +} + +#frm-fake-page { + padding: 0 5px; +} + +.frm_sorting li.edit_field_type_divider:hover, +.frm_sorting li.edit_field_type_divider.selected { + border-left-color: var(--primary-500); +} + +/** + * Component: Page Collapsed + */ +.frm-section-collapsed::after { + border-color: transparent !important; + color: transparent; +} + +.frm-page-break .frm-collapse-page.button { + margin-left: 46%; + margin-top: -16px; + padding: 6px 12px !important; +} + +#frm-fake-page.frm-page-collapsed { + margin-bottom: 0; +} + +.frm-page-collapsed { + position: relative; + overflow: visible !important; + margin-bottom: var(--gap-lg); +} + +.frm-collapse-page .frmsvg, +.frm-collapse-page .frm_arrowdown6_icon { + width: var(--text-sm); + height: var(--text-sm); + font-size: var(--text-sm); + text-align: center; + margin-left: 2px; + color: currentColor; + transition: transform 300ms ease-in-out; +} + +.frm-page-collapsed .frm-collapse-page .frmsvg { + transform: rotate(180deg); +} + +#frm-fake-page .frm_arrowdown6_icon { + color: currentColor; +} + +.frm-collapsed i::before, +.frm-page-collapsed .frm_arrowdown6_icon::before { + content: "\e913"; +} + +.frm-collapse-section svg { + fill: var(--primary-color); + transition: transform 0.2s ease-out, fill 0.2s ease-out; +} + +.frm-collapse-section:hover svg { + fill: var(--primary-700); +} + +.frm-section-collapsed .frm-collapse-section svg { + transform: rotate(-90deg); +} + +.open .widget-top .widget-title-action button .frmsvg { + transform: rotate(90deg); +} + +.widget-top .widget-title-action button .frmsvg use { + color: var(--grey); +} + +.frm-collapsed + .frm-collapse-me { + overflow: hidden !important; +} + +.frm-collapse-me { + padding-bottom: 10px; +} + +.frm-collapse-me.frm_grid_container:has(.dropdown-toggle.multiselect) { + position: relative; + z-index: 1; +} + +.frm-collapsed + div { + height: 0; + padding: 0; +} +.frm-collapsed + div.frm-collapse-me { + display: none; +} + +.frm-collapsible { + display: flex; + justify-content: space-between; + align-items: center; + font-weight: 700; + padding: var(--gap-xs) 0; + margin: 0; + cursor: pointer; + /* prevent text selection */ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.frm-collapsible.frm-collapsed { + font-weight: 400; +} +.frm-collapsible:not(.frm-collapsed) .frmsvg { + transform: rotate(-180deg); +} +h4.frm-collapsible { + font-size: var(--text-md); +} + +.frm-collapsible + .frm-collapse-me { + padding-bottom: 0; +} +.frm-collapsible:focus-visible { + outline: 1px solid var(--primary-500); +} + +/** + * Divider Labels + */ +.frm_sorting .divider_section_only > .frm_ipe_field_label { + font-size: 116%; +} + +#frm_form_editor_container .edit_field_type_break .frm_primary_label.frm_ipe_field_label.button { + width: 150px; + text-align: center; + margin-bottom: 3px; + display: block; +} + +tr.frm_options_heading td { + padding-bottom: 0; +} + +.frm_sorting .widget-inside .form-table td p, +.frm_sorting .widget-inside .form-wrap label { + padding: 10px 0; +} + +/** + * Empty Fields + */ +.frm_no_fields, +.frm_no_section_fields { + text-align: center; + position: absolute; + color: var(--medium-grey); + font-size: var(--text-md); + box-sizing: border-box; + border: 1px dashed var(--grey-300); + outline: 2px solid transparent; +} + +.frm-over-droppable + .frm_no_fields { + border-style: solid; + border-color: var(--primary-500); + outline-color: var(--primary-500); +} + +.frm_no_section_fields { + display: none; + margin: 0; + padding: 20px 0 0; + width: calc(100% - 20px); + height: 121px; + transition: all 0.4s linear; +} + +.frm-empty-fields .frm_updated_message ~ .frm_no_fields { + top: 60px; +} + +#frm_form_editor_container:not(.frm-has-fields) #frm-show-fields > .frm_field_box:last-child { + visibility: hidden; +} + +.frm-has-fields .frm_no_fields { + display: none; +} + +#frm_form_editor_container:not(.frm-has-fields) #frm_drag_placeholder { + display: none; +} + +#frm-form-button { + display: none; + margin: 0 7px 25px; +} + +.frm-has-fields #frm-form-button { + display: block; +} + +.frm-large-plus.frmsvg { + color: var(--primary-700); + height: 45px; + width: 45px; +} + +.frm_no_section_fields p { + color: var(--grey); + font-size: 15px; +} + +.frm_no_fields { + top: 0; + width: calc(100% - 24px); + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: var(--gap-md); + padding: var(--gap-md); + border: 0; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='99%25' height='99%25' fill='none' stroke='%23D0D5DD' stroke-width='1' stroke-dasharray='8,8' rx='8' ry='8' x='0.5%25' y='0.5%25' stroke-linecap='square' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"); + border-radius: var(--medium-radius); + margin: var(--gap-sm) 12px; +} +.frm_no_fields img { + margin-left: calc(-1 * var(--gap-lg)); +} +.frm_no_fields .frm_drag_inst { + font-size: 20px; + font-weight: 600; + margin: 0 0 12px; +} +.frm_no_fields p { + color: var(--grey-600); + font-size: var(--text-md); + margin: 0; +} + +/** + * Product Fields + */ +.frm_product_price_wrapper { + display: inline-block; + vertical-align: middle; +} + +.frm_prod_type_single .frm_product_price_wrapper { + width: 100%; +} + +#new_fields .frm_product_price_wrapper input:first-child { + width: 60% !important; + float: left; +} + +#new_fields .frm_product_price_wrapper input:nth-child(2) { + width: 37% !important; + float: right; +} + +/** + * Field Choices + */ +li.frm_single_option { + padding-bottom: var(--gap-sm); + border-bottom: 0; +} + +.frm_prod_type_single input[type=radio], +.frm_prod_type_single .frm_drag_icon, +.frm_prod_type_single .frm_sortable_field_opts li:nth-child(n+3), +.frm_prod_type_single .frm_sortable_field_opts .frm_remove_tag, +.frm_prod_type_single .frm_form_field:not(.frm_product_type):not(.frm_sep_val_product), +.frm_prod_type_single .frm-bulk-edit-link, +.frm_prod_type_user_def.frm_grid_container, +.frm_prod_options_heading.frm_prod_user_def { + display: none; +} + +.frm_prod_type_single .frm-ai-generate-options-modal-trigger { + display: none !important; +} + +.frm_prod_type_single .frm_option_key { + margin-left: 0 !important; +} +.frm_prod_type_single .frm_option_key input[type=checkbox] + input[type=text], +.frm_prod_type_single .frm_option_key input[type=radio] + input[type=text] { + margin-left: 0 !important; +} + +.plugin-card-bottom .frm-trash { + color: #a00; +} + +/** + * Field Labels + */ +.frm-fields p > .frm_inline_label, +.frm_inline_label { + padding-left: 3px; + margin-right: 12px; + display: inline-block; +} + +.frm_left_label { + clear: both; + float: left; + width: 32% !important; + margin-right: 2% !important; + line-height: 2em; +} + +table td.frm_left_label { + float: none; + line-height: inherit; + padding: 5px 0 5px 2%; +} + +.frm_left_label.frm_alignright { + padding-right: 10px; + text-align: right; +} + +.frm-fields .frm_left_label + textarea, +.frm-fields .frm_left_label + select, +.frm-fields .frm_left_label + input[type=text], +.frm_with_left_label { + width: 66%; +} + +td.frm_left_label + td { + width: 66%; + padding-top: 0; +} + +#html_settings label { + display: block; +} + +#html_settings .frm_field_html_box { + width: 100%; +} + +.frm-has-required .frm-required { + color: var(--error-500); +} + +/** + * Category Tabs + */ +ul.frm-category-tabs { + margin-top: 2px; +} + +.frm-category-tabs > li a, +.frm-category-tabs > li a:active { + outline: none; + box-shadow: none; + display: flex; + gap: var(--gap-xs); + align-items: center; +} + +.frm-category-tabs > li.active .frmsvg, +.frm-category-tabs > li.active i, +.frm-category-tabs > li.active span, +.frm-category-tabs > li.active a { + color: var(--primary-500); +} + +.frm_wrap .manage-menus { + margin-top: 0; + border: none; + border-bottom: 1px solid var(--grey-300); + background: var(--lightest-grey); +} + +.general_settings .postbox .manage-menus { + border-top: none; + border-left: none; + border-right: none; +} + +.frm-postbox-no-h3 { + padding-top: 10px; +} + +/** + * Components : UI State Defaults + */ +.frm-right-panel .ui-state-default, +#postbox-container-1 .ui-state-default { + color: var(--grey-900); +} + +.no_repeat_section .frm_sorting > li.ui-state-default.edit_field_type_end_divider:hover { + box-shadow: none; +} + +.frm-selected-field-group li.ui-state-default, +.start_divider.frm_sorting li.ui-state-default.frm_not_divider.selected, +.start_divider.frm_sorting li.ui-state-default.frm_not_divider:hover, +.frm_sorting li.ui-state-default.frm_not_divider:hover, +.frm_sorting li.ui-state-default.ui-sortable-helper, +.frm_sorting li.ui-state-default.edit_field_type_divider .divider_section_only:hover, +.frm_sorting .repeat_section li.ui-state-default.edit_field_type_end_divider:hover, +.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only, +.frm_update_msg, +.frm_sorting li.ui-state-default.frm_not_divider.selected, +.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only { + border-color: var(--primary-500); + transition: 0.5s border-color ease-in-out; +} + +.frm_sorting li.ui-state-default.frm_not_divider.selected { + box-shadow: 0 0 1px 0 var(--primary-500); +} + +.frm_sorting li.ui-state-default { + transition: 0.7s box-shadow ease-in-out, 0.7s height linear; +} + +.frm_sorting li.ui-state-default.frm-newly-added { + box-shadow: inset 0 0 2px 1px var(--blue-border); +} + +.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover { + visibility: visible !important; + display: inline !important; +} + +.edit_field_type_end_divider > label { + display: none !important; +} + +/** + * Update Message + */ +.frm_email_actions.feature-filter { + font-weight: 700; + border: 1px solid #dfdfdf; + background-color: #eee; + padding: 3px 5px 2px; + font-size: var(--text-md); + line-height: 20px; +} + +.frm_update_msg { + border-style: solid; + margin: 10px 0; + color: #21759b; + padding: 8px 15px; + border-radius: 4px; +} + +.frm_update_msg.wrap { + margin: 10px 20px 0 2px; +} + +#frm-insert-fields-box .frm_update_msg { + margin-right: 0.9em; +} + +.frm_update_msg a { + font-weight: 700; +} + +.widefat td { + width: auto; +} + +.widefat .column-id { + width: 3.7em; +} + +.widefat .column-show_count { + width: 5em; +} + +.widefat .column-shortcode { + width: 9em; +} + +/** + * Admin Columns + */ +.toplevel_page_formidable .column-shortcode div { + display: flex; + gap: var(--gap-xs); +} + +.widefat .column-entries, +.widefat .column-link { + width: 10%; + text-align: center; +} + +.widefat .column-form_key, +.widefat .column-created_at { + width: 10%; +} + +.frm-white-body .search-box, +.frm_wrap .frm-search { + float: right; + margin: 0; + clear: right; +} + +.frm-white-body .search-box, +.frm-search { + min-width: 32%; + position: relative; + display: flex; + gap: var(--gap-sm); + align-items: center; +} + +.frm-inline-modal .frm-search, +#frm_adv_info .frm-search { + float: none; + width: 100%; + clear: both; + margin: var(--gap-xs) 0; +} + +/** + * Button Group + */ +.frm-button-group a { + margin: 0 7px !important; +} + +/** + * Input Icons + */ +.frm_has_textarea .frm-with-right-icon { + display: block; +} + +.frm-with-left-icon, +.frm-with-right-icon { + position: relative; +} + +i.frm-show-box, +i.frm-show-inline-modal, +.frm-with-left-icon i, +.frm-with-right-icon i:not([class*=mce-]), +.frmsvg.frm-show-box, +.frmsvg.frm-show-inline-modal, +.frm-with-left-icon .frmsvg, +.frm-with-right-icon .frmsvg, +.frm-search > .frmsvg, +.frm-search span:not(.multiselect-selected-text):not(.multiselect-native-select) { + position: absolute; + padding: 0 14px; + pointer-events: none; + left: 0; + color: var(--grey-400); + font-size: var(--text-xs); +} + +.frm-search > .frmsvg, +.frm-search span:not(.multiselect-selected-text):not(.multiselect-native-select) { + padding-left: var(--gap-xs); + padding-right: var(--gap-xs); +} + +.frm-search > .frmsvg { + box-sizing: unset; +} + +.frm-with-right-icon .frmsvg, +.frm-with-right-icon i:not([class*=mce-]) { + right: 0; + top: -3px; + left: auto; + padding: 0 10px 0 5px; +} + +.frm_form_settings .frm-with-right-icon .frmsvg { + top: 0; +} + +.frm_form_settings .wp-editor-container .frm-with-right-icon .frmsvg, +#frm_builder_page .wp-editor-container .frm-with-right-icon .frmsvg { + top: auto; + bottom: var(--gap-sm); +} +.frm_form_settings .tmce-active .wp-editor-container .frm-with-right-icon .frmsvg, +#frm_builder_page .tmce-active .wp-editor-container .frm-with-right-icon .frmsvg { + bottom: var(--gap-lg); +} + +.frm_form_settings .frm_has_textarea .frm-with-right-icon .frmsvg { + top: auto; + bottom: 6px; +} + +.frmsvg.frm-show-box, +.frmsvg.frm-show-inline-modal, +i.frm-show-box, +i.frm-show-inline-modal { + top: auto; + background-color: var(--primary-50); + color: var(--primary-500); + border-radius: 6px; + padding: var(--gap-2xs); + margin: 5px; /* input height - svg / 2 */ + margin-bottom: 0; + z-index: 1; + cursor: pointer; + pointer-events: initial; +} +.frmsvg.frm-show-box:focus, +.frmsvg.frm-show-inline-modal:focus, +i.frm-show-box:focus, +i.frm-show-inline-modal:focus { + outline: 1px solid var(--primary-500); +} + +.frm_form_settings .frmsvg.frm-show-box, +.frm_form_settings .frmsvg.frm-show-inline-modal, +.frm_form_settings i.frm-show-box, +.frm_form_settings i.frm-show-inline-modal { + margin: 4px 4px 0; +} + +/** + * Inline Modals + */ +.frm-open + .frm-inline-modal { + top: -10px; + margin-bottom: 0; +} +.frm-open + .frm-inline-modal.frm-modal-no-dismiss .inside > .frm-search:first-child { + margin-top: var(--gap-sm); +} + +.frm_grid_container > .frm-open + .frm-inline-modal { + top: -4px; +} +.frm_grid_container > .frm-open + .frm-inline-modal.frm-modal-no-dismiss { + top: 0 !important; +} + +/** + * Input Positioning + */ +.frm-with-left-icon input { + padding-left: 37px !important; +} + +.frm_wrap .frm-with-right-icon textarea, +.frm_wrap .frm-with-right-icon input, +.frm_wrap .frm-with-right-icon input[type=text] { + padding-right: var(--gap-md); +} + +#frm-show-fields .frm-with-left-icon .frmsvg, +#frm-show-fields .frm-with-left-icon i { + padding-top: 10px; +} + +/** + * Search Inputs + */ +.frm-search input[name=s], +.frm-search .dropdown-toggle, +.frm-search input.frm-search-input { + color: var(--grey-800); + border-color: var(--grey-300); + border-radius: var(--small-radius); + box-shadow: var(--box-shadow-xs); +} +.frm-search input[type=search], +.frm-search input[type=text] { + padding-left: var(--gap-lg) !important; +} +.frm-search .dropdown-toggle { + width: 100%; + float: none; + max-width: 200px; + background: transparent; + padding: 7px; + padding-left: 33px !important; + min-height: 32px; + text-align: inherit; + overflow: hidden; + text-overflow: ellipsis; +} +.frm-search #search-submit a { + color: var(--grey-800); +} +.frm-search #search-submit .caret { + opacity: 0.7; +} + +.frm-white-body .search-box input[name=s], +#wpwrap .frm-search input[type=search] { + flex: 1; + font-size: var(--text-md); + line-height: var(--text-xl); + padding: var(--gap-xs); +} + +span.multiselect-selected-text { + white-space: nowrap; + display: inline-block; + max-width: calc(90% - var(--gap-xs)); + text-overflow: ellipsis; + overflow: hidden; +} + +/** + * Not Set Fields + */ +.frm-not-set input { + color: var(--primary-500) !important; + font-size: 13px; +} + +.frm-not-set .frmsvg, +.frm-not-set i { + color: var(--primary-700); + opacity: 1; +} + +/** + * Shortcode Select + */ +.post-type-frm_display select[name=m] + #post-query-submit, +select[name=m] { + display: none; +} + +.frm_shortcode_select optgroup option { + margin-left: 1em; +} + +.frm_shortcode_select optgroup { + padding-top: 5px; +} + +.frm_shortcode_select .frm_subopt { + margin-left: 2em; +} + +.misc-pub-section a.edit-frm_shortcode, +.misc-pub-section a.edit-form-status { + float: none; + font-size: 13px; +} + +.frm-grid { + border-collapse: collapse; + border: none; + margin-right: 10px; +} + +.frm-grid td, +.frm-grid th { + padding: 5px; + border: 1px solid black; +} + +/** + * View Page Admin + */ +.post-type-frm_display #poststuff #post-body.columns-2 { + margin-right: var(--big-sidebar); +} + +.post-type-frm_display #post-body.columns-2 #postbox-container-1 { + margin-right: calc(var(--big-sidebar) * -1); + width: calc(var(--big-sidebar) - 40px); +} + +.post-type-frm_display #poststuff #post-body.columns-2 #side-sortables { + width: 100%; +} + +#frm_dyncontent .hndle, +#frm_dyncontent .handlediv { + display: none !important; +} + +.post-type-frm_display .meta-box-sortables .frm_form_nav > li > a, +.post-type-frm_display .frm_form_nav .nav-tab-active { + padding: 0 2px 5px; + line-height: 1.4; +} + +.post-type-frm_display #advanced-sortables h2.hndle, +.post-type-frm_display #side-sortables h2.hndle, +.post-type-frm_display #normal-sortables h2.hndle { + border-bottom: 1px solid var(--grey-300); + margin: 10px 0 0 !important; + padding: 0 25px 8px; +} + +.post-type-frm_display #side-sortables h2.hndle { + margin-top: 0 !important; + padding-top: 10px; +} + +.post-type-frm_display #post-body-content { + margin-top: var(--gap-lg); +} + +.post-type-frm_display.edit-php #wpbody-content > .wrap { + margin: 0; +} + +.post-type-frm_display .postbox .hndle, +.post-type-frm_display .postbox { + border-color: var(--grey-300); +} + +.post-type-frm_display #postbox-container-1 .postbox, +.post-type-frm_display #postbox-container-2 .postbox { + border-radius: var(--small-radius); + border-color: var(--grey-300); + box-shadow: none; +} + +.post-type-frm_display #side-sortables .postbox { + border-radius: 0; + border-top-width: 0; + margin-bottom: 0; +} + +.post-type-frm_display #side-sortables .misc-pub-section { + padding: 15px 20px 10px; +} + +/** + * View Page Admin Icons + */ +.post-type-frm_display .misc-pub-section .frmsvg, +.post-type-frm_display #post-body .misc-pub-post-status::before, +.post-type-frm_display #post-body #visibility::before, +.post-type-frm_display .curtime #timestamp::before, +.post-type-frm_display #post-body .misc-pub-revisions::before, +.post-type-frm_display span.wp-media-buttons-icon::before { + color: var(--grey); +} + +.post-type-frm_display #frm_top_bar + #poststuff #submitdiv #publishing-action, +.post-type-frm_display #frm_top_bar + #poststuff #submitdiv #minor-publishing-actions, +.post-type-frm_display #frm_top_bar + #poststuff #edit-slug-box, +.post-type-frm_display .wrap h1.wp-heading-inline, +.post-type-frm_display .wrap > .page-title-action { + display: none; +} + +/** + * View Page Admin Tabs + */ +.post-type-frm_display #poststuff h2.nav-tab-wrapper { + padding-left: 10px; + margin-bottom: 0; + padding-bottom: 0; +} + +.post-type-frm_display .nav-menus-php .wrap { + margin: 10px 0 0; +} + +.post-type-frm_display .nav-menus-php .wrap p { + padding-left: 12px; + padding-right: 12px; +} + +.post-type-frm_display .nav-tab { + display: inline-block; + background-color: #f4f4f4; +} + +.post-type-frm_display .nav-tab.frm_hidden { + display: none; +} + +.post-type-frm_display .nav-tab:hover { + background-color: #e4e4e4; +} + +/** + * Order/Where Rows + */ +.frm_order_row, +.frm_where_row { + margin-bottom: 7px; + line-height: 30px; +} + +.frm-single-settings .frm_prod_field_opt_cont { + margin-top: initial; + margin-bottom: 20px; +} + +/** + * Editor Elements + */ +/*hide elements if js is avail*/ +select.texture { + display: none; +} + +.post-type-frm_display #wp-content-editor-tools, +#wp-content-editor-tools { + background-color: transparent; +} + +.post-type-frm_display #major-publishing-actions { + border-color: var(--grey-300); + background: var(--sidebar-color); +} + +/** + * Advanced Info Panel + */ +.post-type-frm_display #frm_adv_info { + width: calc(var(--big-sidebar) - 40px); + height: calc(100vh - 32px); + overflow: hidden; +} + +.post-type-frm_display #frm_adv_info:not(.frm_fixed) { + top: 0 !important; +} + +.post-type-frm_display #frm_adv_info.frm_fixed { + position: fixed; + z-index: 9999; + top: 32px; +} + +.post-type-frm_display #frm_adv_info ul.frm_code_list.frm-full-hover { + max-height: calc(100vh - 180px); +} + +/** + * Column Layout + */ +.frm_col_one { + margin-right: 4%; + clear: both; +} + +ul .frm_col_one { + float: left; +} + +ul .frm_col_two { + float: right; +} + +ul.frm_two_col { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: var(--gap-sm); +} + +.frm_two_col li { + margin-bottom: 0; +} + +/** + * Component: Info Modals + */ +.frm-info-modal a, +.frm-info-modal ul, +.frm-info-modal p, +.frm-info-modal, +.settings-lite-cta a, +.settings-lite-cta ul, +.settings-lite-cta { + color: var(--grey-500); + font-size: var(--text-md); + box-shadow: none !important; +} + +.frm-info-modal h3, +.settings-lite-cta h3 { + font-size: 17px !important; +} + +.frm-green-icons .frmsvg { + color: var(--green); +} + +.frm-info-modal .postbox .inside, +.settings-lite-cta .postbox .inside { + padding: var(--gap-md); + margin: 0; +} + +.cta-inside a { + color: var(--orange); +} + +.info-modal-inside a.frm-standard-link { + color: var(--primary-500); +} + +.info-modal-inside a.frm-standard-link:hover { + color: var(--primary-700); +} + +.frm_no_p_margin > p { + margin: 0; +} + +/** + * Component: Code List + */ +.frm_code_list a.button { + display: block; + text-align: center; + font-size: 11px; + overflow: hidden; +} + +#frm-navbarDrop + .frm_code_list.frm-full-hover { + margin: var(--gap-xs) 0 0; + min-width: 300px; + max-height: 256px; +} + +.frm_code_list.frm-full-hover li { + margin: 0; +} + +.frm-select-list-item, +.frm_wrap .ui-autocomplete li > div, +.multiselect-container button.multiselect-option, +.frm-dropdown-menu > .dropdown-item > a, +.frm-dropdown-menu > .dropdown-item > a:visited, +.frm-dropdown-menu > .dropdown-item > a:link, +.frm-dropdown-menu .frm_dropdown_li, +.frm_code_list.frm-full-hover a { + display: flex; + color: var(--grey-700); + padding: 5px 10px; + font-size: var(--text-md); + gap: var(--gap-xs); + align-items: center; +} + +.multiselect-container button.multiselect-option.disabled { + opacity: 0.5; +} + +.frm_code_list.frm-full-hover a span { + max-width: 83px; + margin-right: var(--gap-xs); + margin-left: auto; +} + +.frm_code_list.frm-full-hover a { + border-radius: var(--small-radius); +} +.frm_code_list.frm-full-hover a:not(#frm-insert-condition), +.frm_code_list.frm-full-hover a span { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.frm_code_list.frm-full-hover a:focus span:last-child { + outline: 1px solid var(--primary-500); + outline-offset: var(--gap-2xs); +} + +.frm_code_list.frm-full-hover.frmcenter a { + display: block; +} + +#frm-layout-classes frm-full-hover a span { + max-width: 45%; +} + +.frm-select-list-item.active, +.frm-select-list-item:hover, +.frm_wrap .ui-autocomplete li div.ui-state-active, +.frm_wrap .ui-autocomplete li.ui-state-focus, +.multiselect-container button.multiselect-option.active, +.multiselect-container button.multiselect-option:hover, +.frm-dropdown-menu > .dropdown-item > a:hover, +.frm_code_list.frm-full-hover a:hover span, +.frm_code_list.frm-full-hover a:hover { + background: var(--primary-25); + color: var(--primary-500); +} + +.frm-select-list-item .frmsvg, +.frm-dropdown-menu > .dropdown-item > a .frmsvg { + opacity: 0.8; +} + +.frm-select-list-item:hover .frmsvg, +.frm-dropdown-menu > .dropdown-item > a:hover .frmsvg { + opacity: 1; +} + +.frm-dropdown-menu.frm_code_list > li > a { + padding: 3px 15px; + width: 300px; +} + +#frm_edit_box_content_modal .frm-with-search, +.frm-dropdown-menu .frm-with-search { + padding: var(--gap-xs) 10px 0; +} + +.frm-dropdown-menu .subsubsub { + padding: 0 10px; +} + +.frm_grid_container { + overflow: visible; +} + +.frm_code_list.frm_grid_container { + grid-gap: var(--gap-xs); +} + +.frm_code_list.frm_grid_container li { + width: auto; + margin: 0; +} + +.frm_code_list.frm_grid_container a { + display: block; + font-size: var(--text-md) !important; + font-weight: 500; + text-align: center; + color: var(--primary-500); + background-color: var(--light-blue); + border: 1px solid var(--primary-300); + border-radius: var(--small-radius); + padding: 10px 0; + box-shadow: var(--box-shadow-sm); +} +.frm_code_list.frm_grid_container a:hover { + background-color: var(--primary-500); + color: #fff; +} +.frm_code_list.frm_grid_container a:focus-visible { + outline: 2px solid var(--primary-500); + outline-offset: -1px; +} + +.frm-single-settings .frm_code_list.frm-full-hover, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover { + padding: 0; + margin: var(--gap-xs) -10px 0; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a { + font-size: var(--text-md); + color: var(--grey-900); + padding: var(--gap-xs) 12px; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a span, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a span { + margin: 0; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a span:first-child, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a span:first-child { + max-width: 130px; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a span:last-child, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a span:last-child { + max-width: 120px; + margin-left: auto; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a:hover, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a:hover { + font-weight: 500; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a:hover, +.frm-single-settings .frm_code_list.frm-full-hover > li > a:hover .frmsvg, +.frm-single-settings .frm_code_list.frm-full-hover > li > a:hover span, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a:hover, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a:hover .frmsvg, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a:hover span { + color: var(--primary-500); +} + +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover { + margin: var(--gap-xs) 0 0; +} +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover a .frmsvg { + width: 20px; + height: 20px; +} + +/** + * Component: Insert Fields + */ +.frm_field_list #frm-insert-fields { + max-height: none; + font-size: var(--text-sm); +} +.frm_field_list #frm-insert-fields .button a { + display: block; + max-width: 95%; + overflow: hidden; +} + +#frm-insert-fields { + padding: 0 var(--gap-xs); + overflow: hidden; +} +#frm-insert-fields .frm-search { + float: none; + margin: 0 0 var(--gap-md); + width: auto; +} +#frm-insert-fields li { + /* Prevents advanced fields from always appearing in search results */ +} +#frm-insert-fields li, +#frm-insert-fields li a { + text-decoration: none; + font-weight: 500; + font-size: var(--text-md) !important; + color: var(--grey-900); +} +#frm-insert-fields li.frm_show_upgrade { + cursor: pointer; + opacity: 0.5; +} +#frm-insert-fields li.frm_show_update { + cursor: pointer; +} +#frm-insert-fields li span:not(.frm-new-pill) { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + text-align: left; +} +#frm-insert-fields li a.disabled:hover { + cursor: not-allowed; +} +#frm-insert-fields li.ui-draggable-disabled { + opacity: 0.5; +} +#frm-insert-fields li a:not(.disabled):hover .frmsvg, +#frm-insert-fields li a:not(.disabled):hover i { + color: var(--grey-600); +} +#frm-insert-fields li.frm_show_upgrade, #frm-insert-fields li.frm_show_update, +#frm-insert-fields li a { + text-decoration: none; + display: inline-flex !important; + gap: var(--gap-xs); + align-items: center; + border-radius: var(--small-radius) !important; + padding: 11px var(--gap-md) 11px var(--gap-xs) !important; + color: var(--grey-900) !important; +} +#frm-insert-fields li a { + display: flex !important; + transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out; +} +#frm-insert-fields li a:not(.disabled):hover { + background: #fff; + box-shadow: var(--box-shadow-md); +} +#frm-insert-fields li a:focus-visible { + outline: 1px solid var(--primary-500); +} +#frm-insert-fields li.frm_show_upgrade.frm_hidden, #frm-insert-fields li.frm_show_update.frm_hidden { + display: none !important; +} +#frm-insert-fields .frm-with-line { + padding: 12px var(--gap-md); + font-weight: 500; + font-size: var(--text-sm); +} +#frm-insert-fields .frm-with-line::before { + margin-left: calc(-1 * var(--gap-sm)); + width: calc(100% + var(--gap-md)); +} + +.frm_code_list { + clear: both; +} +.frm_code_list.frm-full-hover a.frm_hidden, +.frm_code_list .frmkeys { + display: none; +} + +.frmsvg { + fill: currentColor; + width: 18px; + height: 18px; + vertical-align: middle; +} +.frmsvg svg { + pointer-events: none; +} +.frmsvg.frm_svg40 { + width: 40px; + height: 40px; +} +.frmsvg.frm_svg24 { + width: 24px; + height: 24px; +} +.frmsvg.frm_svg20 { + width: 20px; + height: 20px; +} +.frmsvg.frm_svg15 { + width: 15px; + height: 15px; +} +.frmsvg.frm_svg14 { + width: 14px !important; + height: 14px !important; +} +.frmsvg.frm_svg13 { + width: 13px; + height: 13px; +} +.frmsvg.frm_svg12 { + width: 12px; + height: 12px; +} +.frmsvg.frm_svg9 { + width: 9px; + height: 9px; +} +.frmsvg.frm_svg7 { + width: 7px; + height: 7px; +} + +input[disabled] { + pointer-events: none; +} + +.frmbutton.ui-sortable-helper .frmsvg, +.field_type_list li.frmbutton .frmsvg, +.frmbutton.ui-sortable-helper i, +.field_type_list li.frmbutton i, +.frm_code_list a .frmsvg, +.frm_code_list a i { + color: var(--grey-500); + display: inline-block; + vertical-align: middle; + width: var(--text-md); + font-size: var(--text-md); +} + +.field_type_list.frm_grid_container { + gap: 10px; + margin: 13px 0; +} +.field_type_list li { + margin: 0; + padding: 0; +} +.field_type_list li.frmbutton .frmsvg { + width: 24px; + height: 24px; + font-size: 24px; +} + +.frm_code_list i::before { + font-size: inherit; +} + +/* Icon while dragging */ +.frmbutton.ui-draggable-dragging { + pointer-events: none; +} +.frmbutton.ui-draggable-dragging a { + color: var(--grey-900) !important; + background: var(--grey-100); + text-decoration: none; + display: inline-flex !important; + gap: var(--gap-xs); + align-items: center; + border-radius: var(--small-radius) !important; + padding: 11px var(--gap-md) 11px var(--gap-xs) !important; + box-shadow: var(--box-shadow-md); +} + +.frmbutton.frm_at_limit { + opacity: 0.5; +} + +/** + * Component: Field Dragging + */ +.frmbutton.ui-draggable-dragging a { + border: 1px solid var(--grey-300); + box-shadow: var(--box-shadow-md); +} + +.frmbutton.ui-draggable-dragging span { + font-size: 15px; +} + +#frm-show-fields .frmbutton.ui-sortable-helper i, +.frmbutton.ui-draggable-dragging i, +.frmbutton.ui-draggable-dragging .frmsvg { + color: #fff !important; +} + +.frmbutton.ui-draggable-dragging i, +.frmbutton.ui-draggable-dragging .frmsvg { + color: var(--grey-700) !important; +} + +.frm_sorting li.ui-state-default.ui-sortable-helper, +.frmbutton.ui-sortable-helper { + transition: opacity 0.2s; + opacity: 1; + position: fixed; + z-index: 99999; +} + +#frm-insert-fields .frmbutton.ui-sortable-helper a, +#frm-show-fields .frmbutton.ui-sortable-helper a { + min-width: 100px; +} + +.ui-draggable-dragging .frm-meta-tag.frm-new-pill { + display: none; +} + +/* End dragging */ +li.frm_noallow.button, +.frm_noallow { + opacity: 0.5; +} + +.frm_actions_list a.frm_show_upgrade.frm_inactive_action::before, +li.frm_noallow.button.frm_show_upgrade, +li.frm_noallow.button.frm_show_update { + cursor: pointer; +} + +.field_type_list li.frm_noallow.button.frm_show_upgrade:hover, +.field_type_list li.frm_noallow.button.frm_show_update:hover { + border-color: inherit; +} + +.frm_noallow a { + color: inherit; +} + +/** + * Component: Upgrade Modal + */ +#frm_upgrade_modal_image { + max-width: 200px; +} + +#frm_upgrade_modal .cta-inside { + display: flex; + flex-direction: column; + gap: var(--gap-sm); +} +#frm_upgrade_modal .frm-upgrade-message img { + width: 100%; + margin: var(--gap-sm) 0 10px; +} +#frm_upgrade_modal .frm-oneclick.frm_hidden { + display: none !important; +} +#frm_upgrade_modal .frm-oneclick-button { + margin-left: auto; +} +#frm_upgrade_modal .frm-upgrade-modal-actions { + flex-direction: row-reverse; + justify-content: flex-start; + margin: 0 !important; +} +#frm_upgrade_modal .frm-upgrade-link { + align-self: end; +} +#frm_upgrade_modal.frm-success .frm-circled-icon svg { + width: 24px; + height: 24px; +} +#frm_upgrade_modal.frm-success .frm-upgrade-modal-title-prefix, +#frm_upgrade_modal.frm-success .frm_are_not_installed { + display: none !important; +} +#frm_upgrade_modal.frm-success .frm-upgrade-modal-title-suffix { + display: inline !important; +} +#frm_upgrade_modal.frm-success .frm-addon-status { + margin: 0; +} +#frm_upgrade_modal.frm-success .frm-addon-status .frm-save-and-reload-options { + display: flex; + gap: var(--gap-xs); + flex-direction: row-reverse; + margin: 0; +} +#frm_upgrade_modal.frm-success .frm-addon-status .frm-save-and-reload-options .frm-save-and-reload { + margin: 0; +} + +.frm-dialog[aria-describedby=frm_upgrade_modal] { + position: fixed !important; + top: 50% !important; + left: 50% !important; + transform: translate(-50%, -50%) !important; +} + +/** + * Layout: Reports Info + */ +.frm-tab-message { + max-width: 600px; + margin: 20px auto; + color: rgba(63, 75, 91, 0.8); +} + +.frm-settings-screenshot-toolbar { + min-height: 39px; + display: flex; +} + +.frm-settings-screenshot-toolbar .frm-minmax-icon { + height: 8px; + width: 8px; + border-radius: 50%; + align-self: center; + margin-left: 10px; +} + +.frm-settings-screenshot-toolbar .frm-minmax-icon:first-of-type { + margin-left: 20px; +} + +.frm-settings-screenshot-toolbar img { + object-fit: contain; + align-self: flex-end; + margin-left: 25px; +} + +.frm-settings-screenshot-toolbar + div { + background: #fff; + padding-top: 25px; + border-radius: 0 0 16px 16px; +} + +.frm-settings-screenshot-toolbar + div img { + max-width: calc(100% - 40px); +} + +.frm-settings-screenshot-wrapper { + max-width: 700px; + margin: 50px auto 0; + box-shadow: 0 4px 4px rgba(189, 196, 205, 0.25), 0 12px 56px rgba(42, 57, 75, 0.25); + border-radius: 16px; + background: #ebecf1; +} + +/** + * Component: Dialog + */ +.frm-dialog { + z-index: 100; + padding: 0 !important; + border-radius: 16px; + border: none; + background-color: #fff; + max-width: 100% !important; +} + +.frm-dialog .postbox { + background: transparent; + box-shadow: none; + border: none; + line-height: var(--leading); +} + +.frm-dialog input[type=text], +.frm-dialog textarea { + font-size: var(--text-md); +} + +.frm-dialog textarea { + height: 75px; +} + +.frm-dialog button.frm-button-primary { + margin-right: 10px; +} + +.frm-dialog .frm-sub-label, +.frm-sub-label { + color: var(--grey); + text-transform: none; + padding-left: 8px; +} + +h2 .frm-sub-label { + font-size: var(--text-md); +} + +.frm-views-editor-body .ui-widget-overlay, +.frm-white-body .ui-widget-overlay, +.toplevel_page_formidable .ui-widget-overlay, +body[class*=formidable-payments] .ui-widget-overlay, +body.plugins-php .ui-widget-overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: var(--grey-500); + opacity: 0.5; + z-index: 2; +} + +/** + * Component: Circled Icons + */ +.frm-circled-icon { + width: 60px; + height: 60px; + border-radius: 50%; + background-color: var(--primary-25); +} + +.frm-circled-icon-large { + width: 80px; + height: 80px; +} + +.frm-circled-icon-green { + background-color: var(--success-50); +} + +.frm-circled-icon .frmsvg { + width: 21px; + height: 24px; +} +.frm-circled-icon .frmsvg.frm_svg32 { + width: 32px !important; + height: 32px !important; +} + +.frm-circled-icon-large .frmsvg { + width: 24px; +} + +.frm-circled-icon .frmsvg use { + color: var(--primary-500); +} + +.frm-circled-icon-green .frmsvg use { + color: var(--success-500); +} + +.frm-border-icon { + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + border: 1px solid var(--grey-300); + border-radius: var(--small-radius); +} + +.frm-upgrade-message img { + max-width: 100%; +} + +/** + * Component: Link Styles + */ +a.frm-link-secondary { + color: #c4c4c4; + font-size: var(--text-sm); + text-decoration: underline; +} + +.field_type_list li.button.frm_noallow, +.field_type_list li.button.frm_noallow:hover, +.button.frm_noallow, +.button.frm_noallow:hover { + color: inherit; + border-color: #ccc; + background: inherit; +} + +iframe#dyncontent_ifr { + min-height: 150px; +} + +/*! * Bootstrap v4.6.1 - */.tooltip{position:absolute;display:block;margin:0;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0;z-index:9999999;pointer-events:none}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem;margin-left:0 !important}.tooltip .arrow::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top]{padding:.4rem 0}.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^=top] .arrow{bottom:0}.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^=top] .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right]{padding:0 .4rem}.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^=right] .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom]{padding:.4rem 0}.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^=bottom] .arrow{top:0}.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^=bottom] .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left]{padding:0 .4rem}.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^=left] .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.frm-dropdown-menu.show{display:block}.frm-single-settings .frm-dropdown-menu.show{background:#fff}.preview.dropdown .dropdown-menu{min-width:205px}.frm_clear{clear:both}.frm_clearfix::after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.frm_clearfix{display:block}.frm_admin_progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.frm_admin_progress_bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease;background-color:#04a4cc}.tooltip.frm_tooltip{position:fixed;top:auto !important;bottom:0 !important;left:0 !important;max-width:none;width:100% !important;z-index:99999}.tooltip.frm_tooltip.bottom{padding:0}.frm_tooltip .tooltip-inner{max-width:none;min-height:40px !important;text-align:left;box-shadow:5px 5px 25px rgba(0,0,0,.5);padding:10px 40px;border-top-color:#ccc;background:var(--sidebar-color);color:var(--grey-700);border-radius:0;opacity:1;font-size:var(--text-sm)}#frm_custom_css_box{width:100%}.frmdates_add_blackout_date_link,.frmdates_add_exception_link,.frm_form_field.frm_scroll_box .frm_opt_container,.frm-white-body .wrap input[type=text],.frm-white-body .wrap input[type=search],.frm-white-body .wrap input[type=number],.frm-white-body .wrap select,#frm-form-templates-modal select,.frm-white-body .wrap textarea,button.frm_choose_image_box,#titlediv input[type=text],.frm-fields button.btn,.frm_wrap textarea,.frm_wrap input[type=tel],.frm_wrap input[type=text],.frm_wrap input[type=email] .frm_wrap input[type=search],.frm_wrap input[type=number],.frm_wrap input[type=date],.frm_wrap select,.wp-admin .frm_wrap select,.field-group textarea,.field-group input[type=text],.field-group select,.frm-fields .frm-input-field{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)}.frm_input_with_suffix{border-radius:var(--small-radius);border:1px solid var(--grey-300);display:inline-block;padding-right:14px}.frm_input_with_suffix input{border:0 !important;padding-right:5px !important}.frm_wrap ::-webkit-datetime-edit{line-height:var(--leading)}.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) textarea:focus,.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) input:focus,.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) select:focus,.frm_wrap input:focus,.frm_wrap select:focus,.wp-core-ui .frm_wrap select:focus,#frm-form-templates-modal select:focus,.frm-btn-group .multiselect.dropdown-toggle:focus,.frm_wrap textarea:focus{border-color:var(--primary-500) !important;box-shadow:none !important}.wp-admin .frm_fields_container textarea:focus,.wp-admin .frm_fields_container input:focus,.wp-admin .frm_fields_container select:focus{border-color:var(--primary-500);box-shadow:none}#postbox-container-2 textarea,.frm_wrap textarea,.field-group textarea{line-height:2}.frm_wrap input[type=number]{height:auto}.frm_wrap select{padding:2px}.wp-admin .frm_wrap select,#frm-form-templates-modal select{max-width:100%}.frm_form_field.frm_scroll_box .frm_opt_container{padding:10px 12px}.frm_wrap input[disabled],.frm_wrap select[disabled],.frm_wrap textarea[disabled],.frm_wrap input[readonly],.frm_wrap select[readonly],.frm_wrap textarea[readonly],.frm_wrap input::placeholder{color:var(--grey-500)}textarea[id^=frm_calc_]::placeholder{font-size:var(--text-sm);line-height:var(--leading);font-style:italic;color:var(--grey-400);padding-top:5px}.frm_wrap .frm-button-primary.frm-disabled{opacity:.5;cursor:default}#postcustomstuff table td>div{padding-top:0 !important}.wp-admin .frm_wrap .form-table select{vertical-align:top}.frm_wrap .frm_form_builder select{line-height:var(--leading);height:var(--text-md);width:100%}#postbox-container-2 select,.wp-admin .frm_wrap select,.frm_wrap .frm_form_builder select,#frm-form-templates-modal select{height:auto}.frm-white-body .tablenav select,.frm-white-body .tablenav input[type=text],.wp-admin .frm_wrap .tablenav select,.frm_wrap .tablenav input[type=date],.frm_wrap .tablenav input[type=text]{padding-top:0;padding-bottom:0;line-height:1}.frm_wrap .tablenav ::-webkit-datetime-edit{line-height:1}.frm-fields button.btn,.frm-fields textarea,.frm-fields input[type=text],.frm-fields select,.field-group textarea,.field-group input[type=text],.field-group select,.accordion-container input.hex,.frm-fields .frm-input-field{width:100%;outline:0}.frm-fields button.btn{height:var(--h-md);text-align:inherit}.global-font .field-group input[type=text]{width:auto}.wp-core-ui .frm_grey.frm-button-primary.disabled,.wp-core-ui .frm_grey.frm-button-primary,#frm-welcome .frm_grey{opacity:.5;background:#f6f6f6 !important;border-color:#ddd !important;color:#9fa5aa !important}.windows::-webkit-scrollbar,.windows ::-webkit-scrollbar{width:7px;background:rgba(0,0,0,0)}.windows::-webkit-scrollbar-thumb,.windows ::-webkit-scrollbar-thumb{background:var(--grey-300);-webkit-border-radius:var(--border-radius);-webkit-box-shadow:none}.windows::-webkit-scrollbar-corner,.windows ::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.frm-scrollbar-wrapper,.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list,#frm_builder_page #frm_adv_info .frm_code_list,#frm_builder_page #frm_adv_info #taxonomy-linkcategory>div,.frm-single-settings .frm_field_opts_list{overflow-x:hidden;overflow-y:auto !important;-ms-overflow-style:none;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-width:thin}.frm-scrollbar-wrapper:hover,.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list:hover,#frm_builder_page #frm_adv_info .frm_code_list:hover,#frm_builder_page #frm_adv_info #taxonomy-linkcategory>div:hover,.frm-single-settings .frm_field_opts_list:hover{scrollbar-color:var(--grey-300) rgba(0,0,0,0)}.frm-scrollbar-wrapper:hover::-webkit-scrollbar-thumb,.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list:hover::-webkit-scrollbar-thumb,#frm_builder_page #frm_adv_info .frm_code_list:hover::-webkit-scrollbar-thumb,#frm_builder_page #frm_adv_info #taxonomy-linkcategory>div:hover::-webkit-scrollbar-thumb,.frm-single-settings .frm_field_opts_list:hover::-webkit-scrollbar-thumb{background:var(--grey-300)}.frm-scrollbar-wrapper::-webkit-scrollbar,.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list::-webkit-scrollbar,#frm_builder_page #frm_adv_info .frm_code_list::-webkit-scrollbar,#frm_builder_page #frm_adv_info #taxonomy-linkcategory>div::-webkit-scrollbar,.frm-single-settings .frm_field_opts_list::-webkit-scrollbar{width:3px}.frm-scrollbar-wrapper::-webkit-scrollbar-track,.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list::-webkit-scrollbar-track,#frm_builder_page #frm_adv_info .frm_code_list::-webkit-scrollbar-track,#frm_builder_page #frm_adv_info #taxonomy-linkcategory>div::-webkit-scrollbar-track,.frm-single-settings .frm_field_opts_list::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:100vw}.frm-scrollbar-wrapper::-webkit-scrollbar-thumb,.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list::-webkit-scrollbar-thumb,#frm_builder_page #frm_adv_info .frm_code_list::-webkit-scrollbar-thumb,#frm_builder_page #frm_adv_info #taxonomy-linkcategory>div::-webkit-scrollbar-thumb,.frm-single-settings .frm_field_opts_list::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:100vw}.frm-scrollbar-wrapper::-webkit-scrollbar-thumb:hover,.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list::-webkit-scrollbar-thumb:hover,#frm_builder_page #frm_adv_info .frm_code_list::-webkit-scrollbar-thumb:hover,#frm_builder_page #frm_adv_info #taxonomy-linkcategory>div::-webkit-scrollbar-thumb:hover,.frm-single-settings .frm_field_opts_list::-webkit-scrollbar-thumb:hover{background:var(--grey-300)}.rtl h3{font-weight:inherit !important}.rtl.js .accordion-section-title::after{left:10px;right:auto}.rtl #frm_top_bar #frm_bs_dropdown{padding-left:15px}.rtl .frm-full-close,.rtl .frm_wrap .columns-2 .frm-right-panel+div,.rtl .frm-right-panel{border-left-width:0;border-right:1px solid var(--grey-300)}.rtl .frm-full-close{padding-left:0;padding-right:var(--gap-md)}.rtl .frm-text-right{text-align:left}.rtl .frm_wrap #frm_adv_info ul.category-tabs li:first-child{border-left-width:1px}.rtl .frm-dropdown-menu{text-align:right}.rtl #frm-insert-fields-box,.rtl #frm-conditionals{padding-right:.9em}.rtl #html_settings .frm_field_html_box{margin-right:0}.rtl .frm_list_entry_page h2{float:right}.rtl .frm_scale{float:right;margin-left:10px;margin-right:0}.rtl .frm-page-break .frm-collapse-page.button{margin-left:0;margin-right:46%}.rtl .frm-field-action-icons{right:unset;left:2px}.rtl .frm_has_shortcodes>i{right:auto;left:5px}.rtl p.frm_reply_to_container,.rtl p.frm_bcc_cc_container{float:left}.rtl .frm-with-right-icon:not(.frm-token-container) .frmsvg{right:auto;left:0}.rtl .frm-inline-modal>a.dismiss{left:13px;right:auto}.rtl.wp-admin .frm_wrap select{padding-left:var(--gap-lg) !important;padding-right:5px !important;background-position:left 11px top 55%}.rtl .frm_code_list.frm-full-hover a span{margin-left:var(--gap-xs)}.rtl .frm-style-tabs-wrapper .frm-tabs-navs ul li:first-child{margin-left:unset;margin-right:var(--gap-xs)}.rtl .frm-style-tabs-wrapper .frm-tabs-navs ul li:last-child{margin-right:unset;margin-left:var(--gap-xs)}.rtl .frm-style-tabs-wrapper .frm-tabs-active-underline{left:unset !important;right:0}.rtl .frm-unit-input .frm-input-group-suffix{right:unset;left:1px;padding-right:unset;padding-left:var(--gap-xs)}.rtl .frm-unit-input .frm-input-group-suffix select{text-align:left;background-position:left 0 top 50%;padding-left:21px !important}span.clear{display:block}.clearfix::after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}.frm_form_fields .clear{height:auto}* html .clearfix{height:1%}.clearfix{display:block}#frm_small_device_message_container{display:none}@media only screen and (max-width: 1200px){.frm-addons{grid-template-columns:1fr 1fr}#frm_top_bar h1{min-width:0}}@media only screen and (max-width: 1050px){.frm-white-body,.frm_wrap{--biggest-sidebar: 390px}#form_settings_page .columns-2{margin:0}.frm_actions_list{margin-left:0}#frm_bs_dropdown .frm_bstooltip{display:none !important}}@media only screen and (max-width: 960px){.frm-white-body,.frm_wrap{--gap-sm: 8px;--gap-md: 16px;--gap-2xl: 24px}.frm-settings-panel{--gap-sm: 16px;--gap-md: 24px;--gap-2xl: 32px}.auto-fold #adminmenuwrap{width:36px}.frm_wrap #postbox-container-1 #frm_adv_info{min-width:220px}p.howto{display:inline-block}.auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container,.auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container{left:36px}}@media only screen and (max-width: 850px){.frm-white-body,.frm_wrap{--biggest-sidebar: 350px;--big-sidebar: 350px}.frm_col_one{clear:none}.frm-fields p>.frm_inline_label,.frm_inline_label{display:block;margin:5px 0}#frm_top_bar h1{width:auto;max-width:200px}#frm-publishing{width:auto}#frm_form_editor_container,.frm-entry-container{margin:0 20px}.frm_wrap .frm-search{float:none !important;width:auto;clear:both}.post-type-frm_display #frm_adv_info{top:auto !important;position:static;width:auto}.frm_wrap .frm-right-panel #frm_adv_info,.frm_wrap #postbox-container-1 #frm_adv_info{min-width:275px}.frm_wrap #frm_adv_info ul.category-tabs li,.frm_wrap #frm_adv_info ul.category-tabs li.tabs{border:none}.frm_wrap #frm_adv_info ul.category-tabs li:first-child{margin-left:12px}.frm_wrap #frm_adv_info ul.category-tabs li.tabs{border-bottom:2px solid #5b9dd9;padding-bottom:8px}.post-type-frm_display #poststuff{padding:10px 25px}.post-type-frm_display #side-sortables .postbox{margin-bottom:20px;border-radius:var(--small-radius);border-top-width:1px}#frm_top_bar .frm_form_nav{box-shadow:0 -0.47px 10px 0 rgba(16,24,40,.0588235294)}#frm_top_bar ul.frm_form_nav{padding:1em 0;position:fixed;bottom:0;width:100%;background:#fff;z-index:99;transform:translate(-50%, 0);left:50%}.frm_page_container>.columns-2,#frm_styler_wrapper{padding-bottom:64px}#frm_style_preview .frm_floating_style_button:not(.frm_hidden){position:static;display:inline-block}.frm_wrap .columns-2 .frm-right-panel{padding-bottom:0}#frm-publishing{margin-left:auto}#frm_top_bar>.frm-full-close:last-child{margin-left:0}#frm_bs_dropdown{display:block}#frm_bs_dropdown .frm_bstooltip{display:block !important}}@media only screen and (max-width: 782px){.frm-white-body,.frm_wrap{--small-sidebar: 20%;--medium-sidebar: 35%}#form_settings_page .advanced_settings .form-table td,.form-table th{display:table-cell;width:auto !important}.frm-white-body #publishing-action,.frm_wrap #publishing-action{line-height:normal}.frm-white-body #screen-meta-links{display:none}.frm_wrap .misc-pub-section{padding:6px 0}.frm_wrap .misc-pub-section>a{float:none;white-space:nowrap}.frm-form-setting-tabs a{position:relative;padding:10px 5px 10px 40px}.frm-form-setting-tabs a .frmsvg,.frm-form-setting-tabs a i{position:absolute;left:13px;top:calc(50% - 10px);margin:0}#frm-insert-fields .button,#frm-insert-fields .button a,.frmbutton.ui-sortable-helper a{line-height:26px;max-height:28px}a.frm_add_logic_link{margin-left:0;margin-right:0;width:100%;box-sizing:border-box}a.frm_add_logic_link:not([id^=logic_]) .frmsvg,a.frm_add_logic_link i{display:none}#new_fields .frm_single_option select,#new_fields .frm_single_option input[type=text]{width:calc(100% - 83px)}.frm_single_entry_page .frm_form_fields input[type=text],.frm_single_entry_page .frm_form_fields select,.frm_single_entry_page .frm_form_fields textarea{width:100%}.with_frm_style .frm_radio input[type=radio],.with_frm_style .frm_checkbox input[type=checkbox]{width:25px !important}.frm_single_entry_page .with_frm_style .frm_radio input[type=radio],.frm_single_entry_page .with_frm_style .frm_checkbox input[type=checkbox]{width:18px !important}.wp-list-table.toplevel_page_formidable .column-entries,.wp-list-table.toplevel_page_formidable .column-form_key,.wp-list-table.toplevel_page_formidable .column-shortcode,.wp-list-table.toplevel_page_formidable .column-created_at{display:none !important}.wp-list-table.toplevel_page_formidable td.column-entries,.wp-list-table.toplevel_page_formidable td.column-form_key,.wp-list-table.toplevel_page_formidable td.column-shortcode,.wp-list-table.toplevel_page_formidable td.column-created_at{padding:3px 8px 3px 35%;text-align:left}#form_entries_page .wp-list-table th.frm_hidden,#form_entries_page .wp-list-table td.frm_hidden{display:none !important}.frm-white-body.auto-fold #wpcontent{padding-left:0}.frm_right_addon .frm_remove_field{bottom:11px}.frm-addons{grid-template-columns:1fr}.frm-admin-page-styles .frm_page_container,.frm_wrap .frm_page_container{left:0 !important}.frm_single_entry_page.frm_wrap .columns-2{display:block;border-bottom:none}.frm_single_entry_page .wrap.frm-with-margin{margin:10px 20px}.frm_single_entry_page #post-body-content+.frm-right-panel{width:auto;margin:0 20px;border:1px solid var(--sidebar-hover);border-radius:6px}#wp-content-media-buttons a.frm_insert_form{padding:0 var(--gap-sm)}.frm-white-body input[type=checkbox]:checked::before,.frm_wrap input[type=checkbox]:checked::before{width:1.2rem;height:1.2rem}}@media only screen and (max-width: 700px){.frm-white-body,.frm_wrap{--biggest-sidebar: 50%;--big-sidebar: 50%}}@media only screen and (max-width: 600px){.frm-white-body,.frm_wrap{--small-sidebar: 45px}.frm-form-setting-tabs a{visibility:collapse;font-size:0;padding:0 var(--gap-sm)}.frm-form-setting-tabs a .frmsvg,.frm-form-setting-tabs a i{visibility:visible;position:initial;font-size:18px}#frm_builder_page #frm-insert-fields{padding:0}.frm_wrap #frm_adv_info ul.category-tabs li{display:inline-block;padding:0;margin:2px 0;border-bottom:2px solid rgba(0,0,0,0)}.frm_wrap #frm_adv_info ul.category-tabs li.tabs,.frm_wrap #frm_adv_info ul.category-tabs li:first-child{margin-left:0;padding:0}.field_type_list li{text-align:center}#frm-insert-fields li a{padding:5px}#frm_form_editor_container .frm_primary_label{clear:both}#frm_builder_page .frm_code_list a.button{padding:2px}.frm-right-panel h3.accordion-section-title{padding-right:10px;padding-left:10px;font-size:20px;white-space:nowrap;overflow:hidden}.frm-right-panel .accordion-section-title::before{margin-left:0;margin-right:3px}.frm_on_submit_type svg{display:none}}@media only screen and (max-width: 475px){#frm_bs_dropdown{float:none}#frm-nav-tabs{padding:0;white-space:nowrap}#frm-nav-tabs a{margin-right:0}#frm_small_device_message_container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;width:100%;height:100%;z-index:999999;background:var(--primary-500)}#frm_small_device_message{text-align:center;display:flex;flex-direction:column;align-items:center;width:80%;padding:1rem;background:#fff;border:solid 1px #fff;border-radius:var(--medium-radius)}#frm_small_device_message::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-78%, -65%);width:900px;height:900px;background-color:#0d7dfc;border-radius:50%;z-index:-1;opacity:.3}#frm_small_device_message>svg{padding-bottom:1rem}.toplevel_page_formidable:has(#frm_small_device_message_container) #posts-filter,.post-type-frm_display:has(#frm_small_device_message_container) #posts-filter{display:none}}@media print{a,.misc-pub-section a{color:#000 !important}.add-new-h2,#frm_top_bar,.dashicons,#adminmenuwrap,#adminmenuback,#wphead,#button_bar,#submitdiv,.button-secondary,#screen-metas,#screen-meta-links,#footer,#wpfooter,.inner-sidebar,.frm_form_nav,.frm_flash_graph,.frm_no_print,object,.error{visibility:hidden;display:none !important}.widget,.postbox,.stuffbox,.postbox h3{border-width:0 !important;border-color:#fff}.postbox{background:#fff !important;border:none;position:static}.postbox h3,.postbox h4{background:#fff !important}#wpbody-content{float:none}#wpcontent,#post-body-content,.has-right-sidebar #post-body,#poststuff .columns-2{margin:0 !important}.frm_wrap #poststuff .columns-2{display:block}#post-body-content+.frm-right-panel,.frm_wrap .columns-2 .frm-right-panel,.frm-right-panel{border:none;width:auto;display:block;padding:20px}.frm_wrap .columns-2,.frm_wrap .frm_page_container{height:auto;display:block}.misc-pub-section>span{padding:0}.frm-right-panel .postbox .inside{padding-left:12px;padding-right:12px}.curtime #timestamp::before{display:none;content:none !important}.frm_charts .alignleft{float:none}.pg_odd,.pg_even{page-break-inside:avoid;max-width:600px}.form-table td,.form-table th{padding:0}.frm_file_container a{display:block;width:100%}}.frm-admin-page-styles #frm-publishing #save_menu_header,.frm-admin-page-styles2 #frm-publishing #save_menu_header{display:inline-block}.edit_form_item .frm_combo_inputs_container[data-name-layout=last_first] .frm_form_subfield-first{order:2}.frm-video-wrapper iframe{width:100%;max-width:843px;border-radius:var(--border-radius)}#frm_field_group_popup{position:absolute;top:0;right:0;width:366px;max-height:231px;border-radius:8px;background:#fff;box-shadow:0 20px 48px rgba(40,47,54,.15);z-index:3;box-sizing:border-box;padding:24px 0;text-align:left}.rtl #frm_field_group_popup{text-align:right}.frm-merge-fields-into-row #frm_field_group_popup{top:unset;bottom:50px;height:196px}#frm_field_group_popup>hr{margin:12px 0}#frm_field_group_popup .frm-cancel-custom-field-group-layout,#frm_field_group_popup .frm-save-custom-field-group-layout{padding:4px 18px}#frm_field_group_popup .frm-cancel-custom-field-group-layout:hover{border-color:var(--primary-500) !important;color:var(--primary-500);background-color:rgba(0,0,0,0) !important}.frm-merge-fields-into-row #frm_field_group_popup .frm-break-field-group{display:none}.frm-merge-fields-into-row>a{color:rgba(40,47,54,.85);position:relative;top:2px}.frm-row-layout-title{font-weight:600;font-size:11px;line-height:15px;text-transform:uppercase;color:rgba(40,47,54,.45);margin-bottom:27px}.frm-row-layout-option{background:#f6f7fb;box-sizing:border-box;border-radius:2px;padding:15px 10px}#frm_field_group_popup .frm-row-layout-option .frm_grid_container{grid-gap:0 5%;grid-template-columns:repeat(12, auto)}#frm_field_group_popup .frm-row-layout-option{cursor:pointer;border:2px solid rgba(0,0,0,0)}#frm_field_group_popup .frm-row-layout-option.frm-active-row-layout,#frm_field_group_popup .frm-row-layout-option:hover{border-color:var(--primary-500)}.frm-custom-field-group-layout,.frm-break-field-group{padding:4px 24px;cursor:pointer;font-size:var(--text-sm);line-height:19px;color:#484e54}.frm-custom-field-group-layout:hover,.frm-break-field-group:hover{background-color:rgba(245,245,245,.9607843137)}.frm-custom-field-group-layout svg,.frm-break-field-group svg{margin-right:5px}#frm_field_multiselect_popup{background:#fff;height:48px;position:fixed;border-radius:4px;box-shadow:0 8px 24px rgba(40,47,54,.15);color:rgba(40,47,54,.85);font-size:13px;right:30px;bottom:10px;z-index:2}#frm_field_multiselect_popup>div{display:inline-block;line-height:48px;vertical-align:top}#frm_field_multiselect_popup.frm-unmergable>.frm-merge-fields-into-row,#frm_field_multiselect_popup.frm-unmergable>.frm-multiselect-popup-separator{display:none}#frm_field_multiselect_popup>div:not(.frm-multiselect-popup-separator){padding:0 20px;cursor:pointer}#frm_field_multiselect_popup>div:not(.frm-multiselect-popup-separator):hover{background:rgba(245,245,245,.9607843137)}.frm-builder-popup-heading{font-weight:600;font-size:11px;line-height:15px;text-transform:uppercase;color:rgba(40,47,54,.45);margin-bottom:7px}.frm-builder-popup-subheading{font-size:12px;line-height:16px;color:rgba(40,47,54,.45)}#frm_field_group_popup input[type=text]{height:30px;border-radius:3px;font-size:14px;padding:8px;color:#545f6e;border-color:rgba(40,47,54,.2)}.frm-multiselect-popup-separator{height:36px;width:1px;position:relative;top:6px;background:#c4c4c4}.frm-sortable-helper,.frm-multiselect-key-is-down li.form-field:not(.edit_field_type_divider){pointer-events:none}.frm-sortable-helper{z-index:99}#frm_banner{width:100%;color:#fff;background:var(--primary-500);height:40px;line-height:40px;text-align:center;position:relative}.frm-banner-emoji{font-size:19px}.frm-banner-emoji,.frm-banner-title{margin-right:5px;vertical-align:top}.frm-banner-cta a{text-decoration:underline !important}#frm_banner .frm-banner-cta a.frm_inbox_dismiss{display:none}.frm-banner-dismiss{cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.frm-banner-dismiss .frmsvg{vertical-align:top}.frm-ready-made-solution:not(.frm-search-result){display:none !important}#frm_leave_email_wrapper .frmsvg{top:0}#frm-add-my-email-address{margin-top:30px}.frm-ready-made-solution h3~a{color:var(--primary-500)}.frm-ready-made-solution img{max-width:100%;display:block;box-shadow:var(--box-shadow-lg)}.frm_single_on_submit_settings .frm_form_field{margin:22px 0}.frm_on_submit_type_setting{padding:8px 0}.frm_on_submit_type label{display:flex;border:1px solid var(--grey-border);border-radius:var(--small-radius);gap:16px;padding:16px;align-items:center;justify-content:center}.frm_on_submit_type input{opacity:0 !important;position:absolute;z-index:-1}.frm_on_submit_type input[type=radio]:checked+label{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}#form_settings_page .frm_on_submit_type label:hover,.frm_on_submit_type input[type=radio]:checked+label svg{color:var(--primary-color)}.frm_pro_tip,.frm-cta{justify-content:space-between;align-items:center;gap:var(--gap-2xl);padding:var(--gap-xs) var(--gap-sm);border-radius:var(--small-radius);background:var(--primary-25)}.frm-cta.frm-cta-border{border:1px solid var(--primary-200)}.frm-cta.frm-cta-border .frm-cta-footer{background-color:#fff;padding:12px var(--gap-sm);border-top:1px solid var(--primary-200);border-bottom-left-radius:var(--small-radius);border-bottom-right-radius:var(--small-radius);margin-top:12px;margin-bottom:calc(-1*var(--gap-sm));margin-left:calc(-1*var(--gap-sm));margin-right:calc(-1*var(--gap-sm))}.frm-cta h4{font-weight:600;margin-top:0;margin-bottom:var(--gap-2xs)}.frm-cta-green{background-color:var(--success-25)}.frm-cta-green .frm-banner-title{gap:calc(var(--gap-2xs) + 1px);color:var(--grey-700)}.frm-cta-green.frm-cta-border{border-color:var(--success-100)}.frm-cta-green.frm-cta-border .frm-cta-footer{border-color:var(--success-100)}.frm-cta-red{background-color:var(--error-25)}.frm-cta-red.frm-cta-border{border-color:var(--error-100)}.frm-cta-icon{padding:3px 15px 3px 0;border-right:1px solid currentColor}#frm-upgrade-banner{gap:0}#frm-upgrade-banner .frm-cta-icon+.frm-cta-content{margin-right:auto;padding-left:15px}#frm-upgrade-banner.frm-gradient h4,#frm-upgrade-banner.frm-gradient p{color:currentColor}#frm-upgrade-banner.frm-gradient h4{font-size:16px;font-weight:600}#frm-upgrade-banner.frm-gradient p{font-size:14px}.frm-right-panel .inside .frm_pro_tip,.frm_pro_tip{color:var(--grey-700);background:#ffe7de;margin:0 auto;display:flex;gap:var(--gap-xs)}.frm_field_list .frm_pro_tip{margin:10px 15px;position:relative;width:calc(100% - 30px);box-sizing:border-box;font-size:14px}.frm_pro_tip .frmsvg,.frm_pro_tip i{color:var(--orange)}.frm-tip-info{flex:1;text-align:left}.frm-tip-cta{color:var(--orange)}.frm-gradient .frm-tip-cta,.frm-light-tip .frm-gradient .frm-tip-cta{color:currentColor;font-weight:700}.frm-tip-badge{font-size:9px;font-weight:700;text-transform:uppercase;color:#1e63d5;background-color:#fff;line-height:1;border-radius:4px;padding:3px 4px}.frm-light-tip .frm_pro_tip{background:var(--primary-25)}.frm-light-tip .frm_pro_tip .frmsvg,.frm-light-tip .frm_pro_tip i,.frm-light-tip .frm-tip-cta{color:var(--primary-500)}.nav-tab-wrapper .frm_pro_tip{float:right}#frm-form-templates-modal textarea{height:108px}#frm-form-templates-modal .frm-fields button.btn{border-color:var(--grey-300);color:var(--grey-900);cursor:pointer}#frm-form-templates-modal .frm-fields button.btn .frmsvg{color:var(--grey-400);width:14px;height:14px}#frm-form-templates-modal .frm-form-templates-modal-fieldset{position:relative}#frm-form-templates-modal .frm-form-templates-modal-fieldset .frm-with-left-icon .frmsvg{padding:0;top:0;left:13px}#frm-form-templates-modal .postbox{display:block !important}#frm_empty_inbox #frm-leave-email-modal{margin-top:var(--gap-2xl)}#frm-name-your-form-modal .frm_modal_top{padding-top:var(--gap-sm)}#frm-field-group-message{position:absolute;bottom:32px;right:calc(50% - var(--biggest-sidebar));padding:var(--gap-xs) var(--gap-sm);border-radius:100px;background-color:var(--primary-25)}#frm-field-group-message .frm-field-group-message-text{gap:10px;color:var(--grey-800)}#frm-field-group-message-dismiss{margin-left:var(--gap-xs)}#frm-field-group-message-dismiss .frmsvg{color:var(--grey-800);width:15px;height:15px;cursor:pointer;transition:color 300ms ease-in-out}#frm-field-group-message-dismiss .frmsvg:hover{color:var(--grey-500)}.frm-card-item{display:flex;border:1px solid var(--grey-200);border-radius:var(--small-radius);padding:var(--gap-sm);box-shadow:var(--box-shadow-xs);background:#fff}.frm-card-item:not(.frm-counter-card){gap:10px}.frm-compact-card-item{padding:var(--gap-sm) 35px 10px 35px}.frm-card-bottom{background-color:var(--grey-50);margin-left:calc(var(--gap-sm)*-1);margin-bottom:calc(var(--gap-sm)*-1);margin-right:calc(var(--gap-sm)*-1);padding:var(--gap-sm);border-radius:0 0 var(--small-radius) var(--small-radius)}#welcome-panel:has(#frm_form_pf_importer){background-color:#fff;margin:var(--gap-sm) var(--gap-md) var(--gap-md);line-height:2}#welcome-panel:has(#frm_form_pf_importer) .welcome-panel-content{text-align:start !important;min-height:unset;display:block}#frm_form_pf_importer div{margin:10px 0 !important}#frm_form_pf_importer button{border:1px solid var(--primary-500);padding:7px 16px;min-height:28px;line-height:var(--leading);margin-bottom:0;background:var(--primary-500);color:#fff !important}#frm_form_pf_importer button:hover{background:#135e96;border-color:#135e96}.frm-option-box{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;background-color:#fff;padding:12px var(--gap-sm);border:1px solid var(--grey-200);border-radius:var(--small-radius);margin-bottom:var(--gap-xs);transition:background-color 100ms ease-out;cursor:pointer}.frm-option-box:hover{background-color:var(--grey-25)}.frm-option-box.frm-checked{background-color:var(--primary-25);border-color:var(--primary-200)}.frm-option-box.frm-disabled{cursor:default}.frm-option-box input[type=checkbox]{margin:0}.frm-option-box.frm-disabled input[type=checkbox]{opacity:.5}.frm-option-box .frm_help .frmsvg{width:12px;height:12px}.frm-validation-error:not(.frm_hidden){display:flex}.frm-validation-error{gap:calc(var(--gap-xs) + var(--gap-2xs))}.frm-validation-error span{color:var(--error-500)}.frm-validation-error span[frm-error]{display:none}.frm-validation-error[frm-error=empty] span[frm-error=empty],.frm-validation-error[frm-error=invalid] span[frm-error=invalid],.frm-validation-error[frm-error=custom] span[frm-error=custom]{display:inline-block}.frm-box{padding:var(--gap-sm);border:1px solid var(--grey-200);border-radius:var(--small-radius)}.frm-link-with-external-icon{display:flex;align-items:center;gap:var(--gap-2xs);font-size:var(--text-xs)}.frm-link-with-external-icon .frmsvg{width:16px;height:16px;transform:rotate(45deg)}#wpbody-content .frm-page-skeleton ul,#wpbody-content .frm-page-skeleton li{margin:0}#wpbody-content .frm-page-skeleton .frm-right-panel{padding:2px;overflow-y:initial}#wpbody-content .frm-page-skeleton .frm-scrollbar-wrapper{padding:var(--gap-md) var(--gap-sm)}#wpbody-content .frm-page-skeleton .frm-search{float:none;padding:0 var(--gap-2xs)}#wpbody-content .frm-page-skeleton .frm-search>svg{left:var(--gap-2xs)}#wpbody-content .frm-page-skeleton .frm-search>input{width:100%}.frm-page-skeleton-cat{cursor:pointer;padding:var(--gap-xs);border-radius:var(--small-radius);background-color:rgba(0,0,0,0);transition:background-color 250ms ease-out}.frm-page-skeleton-cat:hover{background-color:var(--grey-100)}.frm-page-skeleton-cat>*{z-index:2}.frm-page-skeleton-cat-text{color:var(--grey-900);text-transform:capitalize}.frm-page-skeleton-cat-count{color:var(--grey-400)}.frm-current .frm-page-skeleton-cat-text,.frm-current .frm-page-skeleton-cat-count{color:var(--primary-500)}.frm-list-grid-layout{display:grid;grid-template-columns:repeat(auto-fill, minmax(303px, 1fr));grid-auto-rows:max-content;gap:var(--gap-sm)}.frm-list-grid-layout>*{grid-column:span 1}#frm-page-skeleton-empty-state{height:100%;margin-top:calc(-1*var(--gap-md))}#frm-page-skeleton-empty-state .frm-page-skeleton-text{max-width:420px}.frm-page-skeleton-divider{border-top:1px solid var(--grey-200);margin:0}.field_type_list .frm_tsubmit{display:none !important}#frm_style_sidebar .accordion-section-title::after,#frm_view_editor_left .accordion-section-title::after{content:""}a[href="#square_settings"] svg.frmsvg{width:23px !important;height:22px !important}#frm_square_test_setup_modal a:focus{box-shadow:none !important}@media only screen and (max-width: 900px){#square_settings .frm_grid_container:has(.frm-card-item){grid-template-columns:repeat(1, 1fr)}#square_settings .frm-card-item+.frm-card-item{margin-top:var(--gap-sm)}}.frm-coupons-upsell-wrapper{display:flex;flex-direction:column;align-items:center}.frm-coupons-upsell-wrapper p{margin-top:var(--gap-xs);max-width:364px;text-align:center}.frm-coupons-upsell-wrapper img{max-width:100%;max-height:300px}.frm-coupons-upsell-wrapper h2{margin-bottom:0}.frm-coupons-upsell{background-color:#f5f5f7;border-radius:16px;border:6px solid #fff;box-shadow:0 .471px 1.412px 0 rgba(16,24,40,.1),0 .471px .941px 0 rgba(16,24,40,.06);text-align:center;width:100%;box-sizing:border-box}.frm-main-coupons-upsell{margin-top:var(--gap-lg)}.frm-main-coupons-upsell img{vertical-align:bottom}.frm-secondary-coupons-upsells{margin-top:var(--gap-md);width:100%}#frm_sale_banner{display:flex;height:90px;flex-direction:row;align-items:center;gap:var(--gap-sm);cursor:pointer;position:relative}#frm_sale_banner>div:first-child{align-self:flex-end;width:150px;height:100%;display:flex;justify-content:center}#frm_sale_banner>div:first-child img{align-self:center}#frm_sale_banner>div:nth-child(3){margin-left:auto;margin-right:50px}#frm_sale_banner>div:nth-child(2)>div:last-child{opacity:.8}#frm_sale_banner a:not(.dismiss){text-shadow:none;border-radius:30px;border:1px rgba(0,0,0,0);font-size:var(--text-sm);padding:7px 16px;height:auto;min-height:28px;outline:none;line-height:var(--leading);box-sizing:border-box;margin-bottom:0;display:inline-block;font-weight:700;background-color:#fff;color:#000}#frm_sale_banner .dismiss{position:absolute;color:#fff;opacity:.6;right:15px;top:10px}#frm_sale_banner:hover a:not(.dismiss)[style*="background-color: #fff"]{background-color:#f0f0f0 !important}#frm_sale_banner:hover a:not(.dismiss)[style*="background-color: rgba(241, 90, 36, 1)"]{background-color:#e6470f !important}#frm_sale_banner:hover a:not(.dismiss)[style*="background-color: rgba(239, 58, 78, 1)"]{background-color:#ed1d34 !important}#frm_sale_banner:hover a:not(.dismiss)[style*="background-color: rgba(33, 2, 14, 1)"]{background-color:#3e041a !important}#frm_sale_banner:hover a:not(.dismiss)[style*="background-color: rgba(72, 51, 64, 1)"]{background-color:#362630 !important}.frm-get-free-templates-banner{flex-grow:1}.frm-get-free-templates-banner .frm-banner-image-wrapper{display:flex;justify-content:center;align-items:flex-end;background-color:var(--primary-25);padding:19px 14px 0;border-radius:var(--small-radius)}.frm-get-free-templates-banner[data-direction=vertical]{flex-direction:column;align-items:stretch;gap:12px}.frm-get-free-templates-banner[data-direction=vertical] .frm-banner-content{align-items:center;text-align:center}.frm-lookup-box-label{display:none}.frm-inline-modal[id^=frm-lookup-box]{background-color:rgba(0,0,0,0);border:0;box-shadow:none}.frm-inline-modal[id^=frm-lookup-box] .frm-nav-tabs,.frm-inline-modal[id^=frm-lookup-box] .dismiss{display:none}.frm_single_option a.frm_remove_tag svg,.frm_single_option a.frm_add_opt svg{width:15px;height:15px}#frm_builder_page #frm-options-panel .frm-single-settings.frm-type-ranking .frm_image_styling_frame{margin-left:12px} + */ +.tooltip { + /* Copied from Bootstrap */ + position: absolute; + display: block; + margin: 0; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; + /* Custom rules */ + z-index: 9999999; + pointer-events: none; +} + +.tooltip.show { + opacity: 0.9; +} + +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; + margin-left: 0 !important; +} + +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, +.bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} + +.bs-tooltip-top .arrow, +.bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} + +.bs-tooltip-top .arrow::before, +.bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #000; +} + +.bs-tooltip-right, +.bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} + +.bs-tooltip-right .arrow, +.bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-right .arrow::before, +.bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; +} + +.bs-tooltip-bottom, +.bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} + +.bs-tooltip-bottom .arrow, +.bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} + +.bs-tooltip-bottom .arrow::before, +.bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #000; +} + +.bs-tooltip-left, +.bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} + +.bs-tooltip-left .arrow, +.bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-left .arrow::before, +.bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; +} + +.frm-dropdown-menu.show { + display: block; +} + +.frm-single-settings .frm-dropdown-menu.show { + background: #fff; +} + +/* End Bootstrap */ +.preview.dropdown .dropdown-menu { + min-width: 205px; +} + +.frm_clear { + clear: both; +} + +.frm_clearfix::after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} + +.frm_clearfix { + display: block; +} + +.frm_admin_progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 4px; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.frm_admin_progress_bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + transition: width 0.6s ease; + background-color: #04a4cc; +} + +.tooltip.frm_tooltip { + position: fixed; + top: auto !important; + bottom: 0 !important; + left: 0 !important; + max-width: none; + width: 100% !important; + z-index: 99999; +} + +.tooltip.frm_tooltip.bottom { + padding: 0; +} + +.frm_tooltip .tooltip-inner { + max-width: none; + min-height: 40px !important; + text-align: left; + box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5); + padding: 10px 40px; + border-top-color: #ccc; + background: var(--sidebar-color); + color: var(--grey-700); + border-radius: 0; + opacity: 1; + font-size: var(--text-sm); +} + +#frm_custom_css_box { + width: 100%; +} + +/** + * Component: Admin Inputs + */ +.frmdates_add_blackout_date_link, +.frmdates_add_exception_link, +.frm_form_field.frm_scroll_box .frm_opt_container, +.frm-white-body .wrap input[type=text], +.frm-white-body .wrap input[type=search], +.frm-white-body .wrap input[type=number], +.frm-white-body .wrap select, +#frm-form-templates-modal select, +.frm-white-body .wrap textarea, +button.frm_choose_image_box, +#titlediv input[type=text], +.frm-fields button.btn, +.frm_wrap textarea, +.frm_wrap input[type=tel], +.frm_wrap input[type=text], +.frm_wrap input[type=email] .frm_wrap input[type=search], +.frm_wrap input[type=number], +.frm_wrap input[type=date], +.frm_wrap select, +.wp-admin .frm_wrap select, +.field-group textarea, +.field-group input[type=text], +.field-group select, +.frm-fields .frm-input-field { + 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); +} + +.frm_input_with_suffix { + border-radius: var(--small-radius); + border: 1px solid var(--grey-300); + display: inline-block; + padding-right: 14px; +} + +.frm_input_with_suffix input { + border: 0 !important; + padding-right: 5px !important; +} + +.frm_wrap ::-webkit-datetime-edit { + line-height: var(--leading); +} + +.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) textarea:focus, +.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) input:focus, +.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) select:focus, +.frm_wrap input:focus, +.frm_wrap select:focus, +.wp-core-ui .frm_wrap select:focus, +#frm-form-templates-modal select:focus, +.frm-btn-group .multiselect.dropdown-toggle:focus, +.frm_wrap textarea:focus { + border-color: var(--primary-500) !important; + box-shadow: none !important; +} + +/* +Pages like Entries and Styles need the border-color and box-shadow properties without the !important flag. +To achieve this, we exclude them above and duplicate these rules specifically for those pages without using !important. +*/ +.wp-admin .frm_fields_container textarea:focus, +.wp-admin .frm_fields_container input:focus, +.wp-admin .frm_fields_container select:focus { + border-color: var(--primary-500); + box-shadow: none; +} + +#postbox-container-2 textarea, +.frm_wrap textarea, +.field-group textarea { + line-height: 2; +} + +.frm_wrap input[type=number] { + height: auto; +} + +.frm_wrap select { + padding: 2px; +} + +.wp-admin .frm_wrap select, +#frm-form-templates-modal select { + max-width: 100%; +} + +.frm_form_field.frm_scroll_box .frm_opt_container { + padding: 10px 12px; +} + +.frm_wrap input[disabled], +.frm_wrap select[disabled], +.frm_wrap textarea[disabled], +.frm_wrap input[readonly], +.frm_wrap select[readonly], +.frm_wrap textarea[readonly], +.frm_wrap input::placeholder { + color: var(--grey-500); +} + +textarea[id^=frm_calc_]::placeholder { + font-size: var(--text-sm); + line-height: var(--leading); + font-style: italic; + color: var(--grey-400); + padding-top: 5px; +} + +.frm_wrap .frm-button-primary.frm-disabled { + opacity: 0.5; + cursor: default; +} + +#postcustomstuff table td > div { + /* To override some inline css in add-on */ + padding-top: 0 !important; +} + +.wp-admin .frm_wrap .form-table select { + vertical-align: top; +} + +.frm_wrap .frm_form_builder select { + line-height: var(--leading); + height: var(--text-md); + width: 100%; +} + +#postbox-container-2 select, +.wp-admin .frm_wrap select, +.frm_wrap .frm_form_builder select, +#frm-form-templates-modal select { + height: auto; +} + +.frm-white-body .tablenav select, +.frm-white-body .tablenav input[type=text], +.wp-admin .frm_wrap .tablenav select, +.frm_wrap .tablenav input[type=date], +.frm_wrap .tablenav input[type=text] { + padding-top: 0; + padding-bottom: 0; + line-height: 1; +} + +.frm_wrap .tablenav ::-webkit-datetime-edit { + line-height: 1; +} + +.frm-fields button.btn, +.frm-fields textarea, +.frm-fields input[type=text], +.frm-fields select, +.field-group textarea, +.field-group input[type=text], +.field-group select, +.accordion-container input.hex, +.frm-fields .frm-input-field { + width: 100%; + outline: 0; +} + +.frm-fields button.btn { + height: var(--h-md); + text-align: inherit; +} + +.global-font .field-group input[type=text] { + width: auto; +} + +/** + * Component: Button Grey + */ +.wp-core-ui .frm_grey.frm-button-primary.disabled, +.wp-core-ui .frm_grey.frm-button-primary, +#frm-welcome .frm_grey { + opacity: 0.5; + background: #f6f6f6 !important; + border-color: #ddd !important; + color: #9fa5aa !important; +} + +/** + * Component: Scrollbars + */ +.windows::-webkit-scrollbar, +.windows ::-webkit-scrollbar { + width: 7px; + background: transparent; +} +.windows::-webkit-scrollbar-thumb, +.windows ::-webkit-scrollbar-thumb { + background: var(--grey-300); + -webkit-border-radius: var(--border-radius); + -webkit-box-shadow: none; +} +.windows::-webkit-scrollbar-corner, +.windows ::-webkit-scrollbar-corner { + background: transparent; +} + +.frm-scrollbar-wrapper, +.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list, +#frm_builder_page #frm_adv_info .frm_code_list, +#frm_builder_page #frm_adv_info #taxonomy-linkcategory > div, +.frm-single-settings .frm_field_opts_list { + overflow-x: hidden; + overflow-y: auto !important; /* Enable scrolling */ + -ms-overflow-style: none; /* For IE and Edge */ + scrollbar-color: transparent transparent; /* Firefox Scrollbar - transparent by default and show on hover */ + scrollbar-width: thin; +} +.frm-scrollbar-wrapper:hover, +.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list:hover, +#frm_builder_page #frm_adv_info .frm_code_list:hover, +#frm_builder_page #frm_adv_info #taxonomy-linkcategory > div:hover, +.frm-single-settings .frm_field_opts_list:hover { + scrollbar-color: var(--grey-300) transparent; /* Firefox Scrollbar - Show on hover with transparent background */ +} +.frm-scrollbar-wrapper:hover::-webkit-scrollbar-thumb, +.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list:hover::-webkit-scrollbar-thumb, +#frm_builder_page #frm_adv_info .frm_code_list:hover::-webkit-scrollbar-thumb, +#frm_builder_page #frm_adv_info #taxonomy-linkcategory > div:hover::-webkit-scrollbar-thumb, +.frm-single-settings .frm_field_opts_list:hover::-webkit-scrollbar-thumb { + background: var(--grey-300); /* Show scrollbar on hover */ +} +.frm-scrollbar-wrapper::-webkit-scrollbar, +.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list::-webkit-scrollbar, +#frm_builder_page #frm_adv_info .frm_code_list::-webkit-scrollbar, +#frm_builder_page #frm_adv_info #taxonomy-linkcategory > div::-webkit-scrollbar, +.frm-single-settings .frm_field_opts_list::-webkit-scrollbar { + width: 3px; +} +.frm-scrollbar-wrapper::-webkit-scrollbar-track, +.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list::-webkit-scrollbar-track, +#frm_builder_page #frm_adv_info .frm_code_list::-webkit-scrollbar-track, +#frm_builder_page #frm_adv_info #taxonomy-linkcategory > div::-webkit-scrollbar-track, +.frm-single-settings .frm_field_opts_list::-webkit-scrollbar-track { + background: transparent; /* Transparent background */ + border-radius: 100vw; /* Consistent radius with thumb */ +} +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb, +.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list::-webkit-scrollbar-thumb, +#frm_builder_page #frm_adv_info .frm_code_list::-webkit-scrollbar-thumb, +#frm_builder_page #frm_adv_info #taxonomy-linkcategory > div::-webkit-scrollbar-thumb, +.frm-single-settings .frm_field_opts_list::-webkit-scrollbar-thumb { + background: transparent; + border-radius: 100vw; +} +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb:hover, +.frm-single-settings .frm_code_list.frm-full-hover.frm-short-list::-webkit-scrollbar-thumb:hover, +#frm_builder_page #frm_adv_info .frm_code_list::-webkit-scrollbar-thumb:hover, +#frm_builder_page #frm_adv_info #taxonomy-linkcategory > div::-webkit-scrollbar-thumb:hover, +.frm-single-settings .frm_field_opts_list::-webkit-scrollbar-thumb:hover { + background: var(--grey-300); /* Show scrollbar on hover */ +} + +/** + * Component: RTL + */ +.rtl h3 { + font-weight: inherit !important; +} + +.rtl.js .accordion-section-title::after { + left: 10px; + right: auto; +} + +.rtl #frm_top_bar #frm_bs_dropdown { + padding-left: 15px; +} + +.rtl .frm-full-close, +.rtl .frm_wrap .columns-2 .frm-right-panel + div, +.rtl .frm-right-panel { + border-left-width: 0; + border-right: 1px solid var(--grey-300); +} + +.rtl .frm-full-close { + padding-left: 0; + padding-right: var(--gap-md); +} + +.rtl .frm-text-right { + text-align: left; +} + +.rtl .frm_wrap #frm_adv_info ul.category-tabs li:first-child { + border-left-width: 1px; +} + +.rtl .frm-dropdown-menu { + text-align: right; +} + +.rtl #frm-insert-fields-box, +.rtl #frm-conditionals { + padding-right: 0.9em; +} + +.rtl #html_settings .frm_field_html_box { + margin-right: 0; +} + +.rtl .frm_list_entry_page h2 { + float: right; +} + +.rtl .frm_scale { + float: right; + margin-left: 10px; + margin-right: 0; +} + +.rtl .frm-page-break .frm-collapse-page.button { + margin-left: 0; + margin-right: 46%; +} + +.rtl .frm-field-action-icons { + right: unset; + left: 2px; +} + +.rtl .frm_has_shortcodes > i { + right: auto; + left: 5px; +} + +.rtl p.frm_reply_to_container, +.rtl p.frm_bcc_cc_container { + float: left; +} + +.rtl .frm-with-right-icon:not(.frm-token-container) .frmsvg { + right: auto; + left: 0; +} + +.rtl .frm-inline-modal > a.dismiss { + left: 13px; + right: auto; +} + +.rtl.wp-admin .frm_wrap select { + padding-left: var(--gap-lg) !important; + padding-right: 5px !important; + background-position: left 11px top 55%; +} + +.rtl .frm_code_list.frm-full-hover a span { + margin-left: var(--gap-xs); +} + +.rtl .frm-style-tabs-wrapper .frm-tabs-navs ul li:first-child { + margin-left: unset; + margin-right: var(--gap-xs); +} +.rtl .frm-style-tabs-wrapper .frm-tabs-navs ul li:last-child { + margin-right: unset; + margin-left: var(--gap-xs); +} +.rtl .frm-style-tabs-wrapper .frm-tabs-active-underline { + left: unset !important; + right: 0; +} + +.rtl .frm-unit-input .frm-input-group-suffix { + right: unset; + left: 1px; + padding-right: unset; + padding-left: var(--gap-xs); +} +.rtl .frm-unit-input .frm-input-group-suffix select { + text-align: left; + background-position: left 0 top 50%; + padding-left: 21px !important; +} + +/** + * Component: Clearfix + */ +span.clear { + display: block; +} + +.clearfix::after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.clearfix { + display: inline-block; +} + +/*Override styling from other plugins*/ +.frm_form_fields .clear { + height: auto; +} + +/* Hides from IE-mac \*/ +* html .clearfix { + height: 1%; +} + +.clearfix { + display: block; +} + +#frm_small_device_message_container { + display: none; +} + +/* End hide from IE-mac */ +/** + * Responsive Styles + * + * Media queries for desktop, tablet, and mobile devices + */ +@media only screen and (max-width: 1200px) { + .frm-addons { + grid-template-columns: 1fr 1fr; + } + #frm_top_bar h1 { + min-width: 0; /* Reset the min-width to prevent menu items from stacking vertically */ + } +} +@media only screen and (max-width: 1050px) { + .frm-white-body, +.frm_wrap { + --biggest-sidebar: 390px; + } + #form_settings_page .columns-2 { + margin: 0; + } + .frm_actions_list { + margin-left: 0; + } + #frm_bs_dropdown .frm_bstooltip { + /* There isn't enough room for the title on a screen this size so just hide it. */ + display: none !important; + } +} +@media only screen and (max-width: 960px) { + .frm-white-body, +.frm_wrap { + --gap-sm: 8px; + --gap-md: 16px; + --gap-2xl: 24px; + } + /* Revert settings panel gap variables to default */ + .frm-settings-panel { + --gap-sm: 16px; + --gap-md: 24px; + --gap-2xl: 32px; + } + .auto-fold #adminmenuwrap { + width: 36px; + } + .frm_wrap #postbox-container-1 #frm_adv_info { + min-width: 220px; + } + p.howto { + display: inline-block; + } + /* Fix: Issue where the admin page content had extra white space to the left on small screens */ + .auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container, +.auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container { + left: 36px; + } +} +@media only screen and (max-width: 850px) { + .frm-white-body, +.frm_wrap { + --biggest-sidebar: 350px; + --big-sidebar: 350px; + } + .frm_col_one { + clear: none; + } + .frm-fields p > .frm_inline_label, +.frm_inline_label { + display: block; + margin: 5px 0; + } + #frm_top_bar h1 { + width: auto; + max-width: 200px; + } + #frm-publishing { + width: auto; + } + #frm_form_editor_container, +.frm-entry-container { + margin: 0 20px; + } + .frm_wrap .frm-search { + float: none !important; + width: auto; + clear: both; + } + .post-type-frm_display #frm_adv_info { + top: auto !important; + position: static; + width: auto; + } + .frm_wrap .frm-right-panel #frm_adv_info, +.frm_wrap #postbox-container-1 #frm_adv_info { + min-width: 275px; + } + .frm_wrap #frm_adv_info ul.category-tabs li, +.frm_wrap #frm_adv_info ul.category-tabs li.tabs { + border: none; + } + .frm_wrap #frm_adv_info ul.category-tabs li:first-child { + margin-left: 12px; + } + .frm_wrap #frm_adv_info ul.category-tabs li.tabs { + border-bottom: 2px solid #5b9dd9; + padding-bottom: 8px; + } + .post-type-frm_display #poststuff { + padding: 10px 25px; + } + .post-type-frm_display #side-sortables .postbox { + margin-bottom: 20px; + border-radius: var(--small-radius); + border-top-width: 1px; + } + #frm_top_bar .frm_form_nav { + box-shadow: 0 -0.47px 10px 0 rgba(16, 24, 40, 0.0588235294); + } + #frm_top_bar ul.frm_form_nav { + padding: 1em 0; + position: fixed; + bottom: 0; + width: 100%; + background: white; + z-index: 99; + transform: translate(-50%, 0); + left: 50%; + } + .frm_page_container > .columns-2, +#frm_styler_wrapper { + padding-bottom: 64px; + } + #frm_style_preview .frm_floating_style_button:not(.frm_hidden) { + position: static; + display: inline-block; + } + .frm_wrap .columns-2 .frm-right-panel { + padding-bottom: 0; + } + #frm-publishing { + margin-left: auto; + } + #frm_top_bar > .frm-full-close:last-child { + margin-left: 0; + } + #frm_bs_dropdown { + display: block; + } + #frm_bs_dropdown .frm_bstooltip { + display: block !important; + } +} +@media only screen and (max-width: 782px) { + .frm-white-body, +.frm_wrap { + --small-sidebar: 20%; + --medium-sidebar: 35%; + } + #form_settings_page .advanced_settings .form-table td, +.form-table th { + display: table-cell; + width: auto !important; + } + .frm-white-body #publishing-action, +.frm_wrap #publishing-action { + line-height: normal; + } + .frm-white-body #screen-meta-links { + display: none; + } + .frm_wrap .misc-pub-section { + padding: 6px 0; + } + .frm_wrap .misc-pub-section > a { + float: none; + white-space: nowrap; + } + .frm-form-setting-tabs a { + position: relative; + padding: 10px 5px 10px 40px; + } + .frm-form-setting-tabs a .frmsvg, +.frm-form-setting-tabs a i { + position: absolute; + left: 13px; + top: calc(50% - 10px); + margin: 0; + } + #frm-insert-fields .button, +#frm-insert-fields .button a, +.frmbutton.ui-sortable-helper a { + line-height: 26px; + max-height: 28px; + } + a.frm_add_logic_link { + margin-left: 0; + margin-right: 0; + width: 100%; + box-sizing: border-box; + } + a.frm_add_logic_link:not([id^=logic_]) .frmsvg, +a.frm_add_logic_link i { + display: none; + } + #new_fields .frm_single_option select, +#new_fields .frm_single_option input[type=text] { + width: calc(100% - 83px); + } + .frm_single_entry_page .frm_form_fields input[type=text], +.frm_single_entry_page .frm_form_fields select, +.frm_single_entry_page .frm_form_fields textarea { + width: 100%; + } + .with_frm_style .frm_radio input[type=radio], +.with_frm_style .frm_checkbox input[type=checkbox] { + width: 25px !important; + } + .frm_single_entry_page .with_frm_style .frm_radio input[type=radio], +.frm_single_entry_page .with_frm_style .frm_checkbox input[type=checkbox] { + width: 18px !important; + } + .wp-list-table.toplevel_page_formidable .column-entries, +.wp-list-table.toplevel_page_formidable .column-form_key, +.wp-list-table.toplevel_page_formidable .column-shortcode, +.wp-list-table.toplevel_page_formidable .column-created_at { + display: none !important; + } + .wp-list-table.toplevel_page_formidable td.column-entries, +.wp-list-table.toplevel_page_formidable td.column-form_key, +.wp-list-table.toplevel_page_formidable td.column-shortcode, +.wp-list-table.toplevel_page_formidable td.column-created_at { + padding: 3px 8px 3px 35%; + text-align: left; + } + #form_entries_page .wp-list-table th.frm_hidden, +#form_entries_page .wp-list-table td.frm_hidden { + display: none !important; + } + .frm-white-body.auto-fold #wpcontent { + padding-left: 0; + } + .frm_right_addon .frm_remove_field { + bottom: 11px; + } + .frm-addons { + grid-template-columns: 1fr; + } + .frm-admin-page-styles .frm_page_container, +.frm_wrap .frm_page_container { + left: 0 !important; + } + .frm_single_entry_page.frm_wrap .columns-2 { + display: block; + border-bottom: none; + } + .frm_single_entry_page .wrap.frm-with-margin { + margin: 10px 20px; + } + .frm_single_entry_page #post-body-content + .frm-right-panel { + width: auto; + margin: 0 20px; + border: 1px solid var(--sidebar-hover); + border-radius: 6px; + } + #wp-content-media-buttons a.frm_insert_form { + padding: 0 var(--gap-sm); + } + .frm-white-body input[type=checkbox]:checked::before, +.frm_wrap input[type=checkbox]:checked::before { + width: 1.2rem; + height: 1.2rem; + } +} +@media only screen and (max-width: 700px) { + .frm-white-body, +.frm_wrap { + --biggest-sidebar: 50%; + --big-sidebar: 50%; + } +} +@media only screen and (max-width: 600px) { + .frm-white-body, +.frm_wrap { + --small-sidebar: 45px; + } + .frm-form-setting-tabs a { + visibility: collapse; + font-size: 0; + padding: 0 var(--gap-sm); + } + .frm-form-setting-tabs a .frmsvg, +.frm-form-setting-tabs a i { + visibility: visible; + position: initial; + font-size: 18px; + } + #frm_builder_page #frm-insert-fields { + padding: 0; + } + .frm_wrap #frm_adv_info ul.category-tabs li { + display: inline-block; + padding: 0; + margin: 2px 0; + border-bottom: 2px solid transparent; + } + .frm_wrap #frm_adv_info ul.category-tabs li.tabs, +.frm_wrap #frm_adv_info ul.category-tabs li:first-child { + margin-left: 0; + padding: 0; + } + .field_type_list li { + text-align: center; + } + #frm-insert-fields li a { + padding: 5px; + } + #frm_form_editor_container .frm_primary_label { + clear: both; + } + #frm_builder_page .frm_code_list a.button { + padding: 2px; + } + .frm-right-panel h3.accordion-section-title { + padding-right: 10px; + padding-left: 10px; + font-size: 20px; + white-space: nowrap; + overflow: hidden; + } + .frm-right-panel .accordion-section-title::before { + margin-left: 0; + margin-right: 3px; + } + .frm_on_submit_type svg { + display: none; + } +} +@media only screen and (max-width: 475px) { + #frm_bs_dropdown { + float: none; + } + #frm-nav-tabs { + padding: 0; + white-space: nowrap; + } + #frm-nav-tabs a { + margin-right: 0; + } + #frm_small_device_message_container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: fixed; + top: 0; + width: 100%; + height: 100%; + z-index: 999999; + background: var(--primary-500); + } + #frm_small_device_message { + text-align: center; + display: flex; + flex-direction: column; + align-items: center; + width: 80%; + padding: 1rem; + background: #fff; + border: solid 1px #fff; + border-radius: var(--medium-radius); + } + #frm_small_device_message::before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-78%, -65%); + width: 900px; + height: 900px; + background-color: #0d7dfc; + border-radius: 50%; + z-index: -1; + opacity: 0.3; + } + #frm_small_device_message > svg { + padding-bottom: 1rem; + } + .toplevel_page_formidable:has(#frm_small_device_message_container) #posts-filter, +.post-type-frm_display:has(#frm_small_device_message_container) #posts-filter { + display: none; + } +} +@media print { + a, +.misc-pub-section a { + color: #000 !important; + } + .add-new-h2, +#frm_top_bar, +.dashicons, +#adminmenuwrap, +#adminmenuback, +#wphead, +#button_bar, +#submitdiv, +.button-secondary, +#screen-metas, +#screen-meta-links, +#footer, +#wpfooter, +.inner-sidebar, +.frm_form_nav, +.frm_flash_graph, +.frm_no_print, +object, +.error { + visibility: hidden; + display: none !important; + } + .widget, +.postbox, +.stuffbox, +.postbox h3 { + border-width: 0 !important; + border-color: #fff; + } + .postbox { + background: #fff !important; + border: none; + position: static; + } + .postbox h3, +.postbox h4 { + background: #fff !important; + } + #wpbody-content { + float: none; + } + #wpcontent, +#post-body-content, +.has-right-sidebar #post-body, +#poststuff .columns-2 { + margin: 0 !important; + } + .frm_wrap #poststuff .columns-2 { + display: block; + } + #post-body-content + .frm-right-panel, +.frm_wrap .columns-2 .frm-right-panel, +.frm-right-panel { + border: none; + width: auto; + display: block; + padding: 20px; + } + .frm_wrap .columns-2, +.frm_wrap .frm_page_container { + height: auto; + display: block; + } + .misc-pub-section > span { + padding: 0; + } + .frm-right-panel .postbox .inside { + padding-left: 12px; + padding-right: 12px; + } + .curtime #timestamp::before { + display: none; + content: none !important; + } + .frm_charts .alignleft { + float: none; + } + .pg_odd, +.pg_even { + page-break-inside: avoid; + max-width: 600px; + } + .form-table td, +.form-table th { + padding: 0; + } + .frm_file_container a { + display: block; + width: 100%; + } +} +/** + * Extended Components + * + * Additional components loaded after the main layout + */ +/** + * Layout: Publishing + */ +.frm-admin-page-styles #frm-publishing #save_menu_header, +.frm-admin-page-styles2 #frm-publishing #save_menu_header { + display: inline-block; +} + +/* Change the order of subfields of the Name field in the backend */ +.edit_form_item .frm_combo_inputs_container[data-name-layout=last_first] .frm_form_subfield-first { + order: 2; +} + +.frm-video-wrapper iframe { + width: 100%; + max-width: 843px; + border-radius: var(--border-radius); +} + +/** + * Field group popup and related functionality + */ +#frm_field_group_popup { + position: absolute; + top: 0; + right: 0; + width: 366px; + max-height: 231px; + border-radius: 8px; + background: #fff; + box-shadow: 0 20px 48px rgba(40, 47, 54, 0.15); + z-index: 3; + box-sizing: border-box; + padding: 24px 0; + text-align: left; +} + +.rtl #frm_field_group_popup { + text-align: right; +} + +.frm-merge-fields-into-row #frm_field_group_popup { + top: unset; + bottom: 50px; + height: 196px; +} + +#frm_field_group_popup > hr { + margin: 12px 0; +} + +#frm_field_group_popup .frm-cancel-custom-field-group-layout, +#frm_field_group_popup .frm-save-custom-field-group-layout { + padding: 4px 18px; +} + +#frm_field_group_popup .frm-cancel-custom-field-group-layout:hover { + border-color: var(--primary-500) !important; + color: var(--primary-500); + background-color: transparent !important; +} + +.frm-merge-fields-into-row #frm_field_group_popup .frm-break-field-group { + display: none; +} + +.frm-merge-fields-into-row > a { + color: rgba(40, 47, 54, 0.85); + position: relative; + top: 2px; +} + +.frm-row-layout-title { + font-weight: 600; + font-size: 11px; + line-height: 15px; + text-transform: uppercase; + color: rgba(40, 47, 54, 0.45); + margin-bottom: 27px; +} + +.frm-row-layout-option { + background: #f6f7fb; + box-sizing: border-box; + border-radius: 2px; + padding: 15px 10px; +} + +#frm_field_group_popup .frm-row-layout-option .frm_grid_container { + grid-gap: 0 5%; + grid-template-columns: repeat(12, auto); +} + +#frm_field_group_popup .frm-row-layout-option { + cursor: pointer; + border: 2px solid transparent; +} + +#frm_field_group_popup .frm-row-layout-option.frm-active-row-layout, +#frm_field_group_popup .frm-row-layout-option:hover { + border-color: var(--primary-500); +} + +.frm-custom-field-group-layout, +.frm-break-field-group { + padding: 4px 24px; + cursor: pointer; + font-size: var(--text-sm); + line-height: 19px; + color: rgb(72, 78, 84); +} + +.frm-custom-field-group-layout:hover, +.frm-break-field-group:hover { + background-color: rgba(245, 245, 245, 0.9607843137); +} + +.frm-custom-field-group-layout svg, +.frm-break-field-group svg { + margin-right: 5px; +} + +/** + * Field multiselect popup + */ +#frm_field_multiselect_popup { + background: white; + height: 48px; + position: fixed; + border-radius: 4px; + box-shadow: 0 8px 24px rgba(40, 47, 54, 0.15); + color: rgba(40, 47, 54, 0.85); + font-size: 13px; + right: 30px; + bottom: 10px; + z-index: 2; +} + +#frm_field_multiselect_popup > div { + display: inline-block; + line-height: 48px; + vertical-align: top; +} + +#frm_field_multiselect_popup.frm-unmergable > .frm-merge-fields-into-row, +#frm_field_multiselect_popup.frm-unmergable > .frm-multiselect-popup-separator { + display: none; +} + +#frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator) { + padding: 0 20px; + cursor: pointer; +} + +#frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator):hover { + background: rgba(245, 245, 245, 0.9607843137); +} + +.frm-builder-popup-heading { + font-weight: 600; + font-size: 11px; + line-height: 15px; + text-transform: uppercase; + color: rgba(40, 47, 54, 0.45); + margin-bottom: 7px; +} + +.frm-builder-popup-subheading { + font-size: 12px; + line-height: 16px; + color: rgba(40, 47, 54, 0.45); +} + +#frm_field_group_popup input[type=text] { + height: 30px; + border-radius: 3px; + font-size: 14px; + padding: 8px; + color: rgb(84, 95, 110); + border-color: rgba(40, 47, 54, 0.2); +} + +.frm-multiselect-popup-separator { + height: 36px; + width: 1px; + position: relative; + top: 6px; + background: #c4c4c4; +} + +.frm-sortable-helper, +.frm-multiselect-key-is-down li.form-field:not(.edit_field_type_divider) { + pointer-events: none; +} + +.frm-sortable-helper { + /* Make sure the item being dragged appears above other form builder fields */ + z-index: 99; +} + +/** + * Component: Banner Notification + */ +#frm_banner { + width: 100%; + color: #fff; + background: var(--primary-500); + height: 40px; + line-height: 40px; + text-align: center; + position: relative; +} + +.frm-banner-emoji { + font-size: 19px; +} + +.frm-banner-emoji, +.frm-banner-title { + margin-right: 5px; + vertical-align: top; +} + +.frm-banner-cta a { + text-decoration: underline !important; +} + +#frm_banner .frm-banner-cta a.frm_inbox_dismiss { + display: none; +} + +.frm-banner-dismiss { + cursor: pointer; + position: absolute; + right: 10px; + top: 50%; + transform: translateY(-50%); +} + +.frm-banner-dismiss .frmsvg { + vertical-align: top; +} + +/** + * Ready-made solution styles + */ +.frm-ready-made-solution:not(.frm-search-result) { + display: none !important; +} + +#frm_leave_email_wrapper .frmsvg { + top: 0; +} + +#frm-add-my-email-address { + margin-top: 30px; +} + +.frm-ready-made-solution h3 ~ a { + color: var(--primary-500); +} + +.frm-ready-made-solution img { + max-width: 100%; + display: block; + box-shadow: var(--box-shadow-lg); +} + +/** + * Component: On Submit Action + */ +.frm_single_on_submit_settings .frm_form_field { + margin: 22px 0; +} + +.frm_on_submit_type_setting { + padding: 8px 0; +} + +.frm_on_submit_type label { + display: flex; + border: 1px solid var(--grey-border); + border-radius: var(--small-radius); + gap: 16px; + padding: 16px; + align-items: center; + justify-content: center; +} + +.frm_on_submit_type input { + opacity: 0 !important; + position: absolute; + z-index: -1; +} + +.frm_on_submit_type input[type=radio]:checked + label { + border-color: var(--primary-color); + box-shadow: 0 0 0 1px var(--primary-color); +} + +#form_settings_page .frm_on_submit_type label:hover, +.frm_on_submit_type input[type=radio]:checked + label svg { + color: var(--primary-color); +} + +/** + * Component: Call-to-Action + */ +.frm_pro_tip, +.frm-cta { + justify-content: space-between; + align-items: center; + gap: var(--gap-2xl); + padding: var(--gap-xs) var(--gap-sm); + border-radius: var(--small-radius); + background: var(--primary-25); +} + +.frm-cta.frm-cta-border { + border: 1px solid var(--primary-200); +} + +.frm-cta.frm-cta-border .frm-cta-footer { + background-color: #fff; + padding: 12px var(--gap-sm); + border-top: 1px solid var(--primary-200); + border-bottom-left-radius: var(--small-radius); + border-bottom-right-radius: var(--small-radius); + margin-top: 12px; + margin-bottom: calc(-1 * var(--gap-sm)); + margin-left: calc(-1 * var(--gap-sm)); + margin-right: calc(-1 * var(--gap-sm)); +} + +.frm-cta h4 { + font-weight: 600; + margin-top: 0; + margin-bottom: var(--gap-2xs); +} + +.frm-cta-green { + background-color: var(--success-25); +} + +.frm-cta-green .frm-banner-title { + gap: calc(var(--gap-2xs) + 1px); + color: var(--grey-700); +} + +.frm-cta-green.frm-cta-border { + border-color: var(--success-100); +} + +.frm-cta-green.frm-cta-border .frm-cta-footer { + border-color: var(--success-100); +} + +.frm-cta-red { + background-color: var(--error-25); +} + +.frm-cta-red.frm-cta-border { + border-color: var(--error-100); +} + +.frm-cta-icon { + padding: 3px 15px 3px 0; + border-right: 1px solid currentColor; +} + +#frm-upgrade-banner { + gap: 0; +} + +#frm-upgrade-banner .frm-cta-icon + .frm-cta-content { + margin-right: auto; + padding-left: 15px; +} + +#frm-upgrade-banner.frm-gradient h4, +#frm-upgrade-banner.frm-gradient p { + color: currentColor; +} + +#frm-upgrade-banner.frm-gradient h4 { + font-size: 16px; + font-weight: 600; +} + +#frm-upgrade-banner.frm-gradient p { + font-size: 14px; +} + +.frm-right-panel .inside .frm_pro_tip, +.frm_pro_tip { + color: var(--grey-700); + background: #ffe7de; + margin: 0 auto; + display: flex; + gap: var(--gap-xs); +} + +.frm_field_list .frm_pro_tip { + margin: 10px 15px; + position: relative; + width: calc(100% - 30px); + box-sizing: border-box; + font-size: 14px; +} + +.frm_pro_tip .frmsvg, +.frm_pro_tip i { + color: var(--orange); +} + +.frm-tip-info { + flex: 1; + text-align: left; +} + +.frm-tip-cta { + color: var(--orange); +} + +.frm-gradient .frm-tip-cta, +.frm-light-tip .frm-gradient .frm-tip-cta { + color: currentColor; + font-weight: 700; +} + +.frm-tip-badge { + font-size: 9px; + font-weight: 700; + text-transform: uppercase; + color: #1e63d5; + background-color: #fff; + line-height: 1; + border-radius: 4px; + padding: 3px 4px; +} + +.frm-light-tip .frm_pro_tip { + background: var(--primary-25); +} + +.frm-light-tip .frm_pro_tip .frmsvg, +.frm-light-tip .frm_pro_tip i, +.frm-light-tip .frm-tip-cta { + color: var(--primary-500); +} + +.nav-tab-wrapper .frm_pro_tip { + float: right; +} + +/** + * Component: Form Templates Modal + */ +/* Start confirm and form templates modals */ +#frm-form-templates-modal textarea { + height: 108px; +} + +#frm-form-templates-modal .frm-fields button.btn { + border-color: var(--grey-300); + color: var(--grey-900); + cursor: pointer; +} + +#frm-form-templates-modal .frm-fields button.btn .frmsvg { + color: var(--grey-400); + width: 14px; + height: 14px; +} + +#frm-form-templates-modal .frm-form-templates-modal-fieldset { + position: relative; +} + +#frm-form-templates-modal .frm-form-templates-modal-fieldset .frm-with-left-icon .frmsvg { + padding: 0; + top: 0; + left: 13px; +} + +/* Fixes pro issue #3508, prevent a conflict that hides the postbox in modal */ +#frm-form-templates-modal .postbox { + display: block !important; +} + +/* Leave email modal */ +#frm_empty_inbox #frm-leave-email-modal { + margin-top: var(--gap-2xl); +} + +/* Name your form modal */ +#frm-name-your-form-modal .frm_modal_top { + padding-top: var(--gap-sm); +} + +/* End confirm and form templates modals */ +/** + * Component: Field Group Message + */ +#frm-field-group-message { + position: absolute; + bottom: 32px; + right: calc(50% - var(--biggest-sidebar)); + padding: var(--gap-xs) var(--gap-sm); + border-radius: 100px; + background-color: var(--primary-25); +} + +#frm-field-group-message .frm-field-group-message-text { + gap: 10px; + color: var(--grey-800); +} + +#frm-field-group-message-dismiss { + margin-left: var(--gap-xs); +} + +#frm-field-group-message-dismiss .frmsvg { + color: var(--grey-800); + width: 15px; + height: 15px; + cursor: pointer; + transition: color 300ms ease-in-out; +} + +#frm-field-group-message-dismiss .frmsvg:hover { + color: var(--grey-500); +} + +/** + * Component - Card Item + */ +.frm-card-item { + display: flex; + border: 1px solid var(--grey-200); + border-radius: var(--small-radius); + padding: var(--gap-sm); + box-shadow: var(--box-shadow-xs); + background: #fff; +} + +.frm-card-item:not(.frm-counter-card) { + gap: 10px; +} + +.frm-compact-card-item { + padding: var(--gap-sm) 35px 10px 35px; +} + +.frm-card-bottom { + background-color: var(--grey-50); + margin-left: calc(var(--gap-sm) * -1); + margin-bottom: calc(var(--gap-sm) * -1); + margin-right: calc(var(--gap-sm) * -1); + padding: var(--gap-sm); + border-radius: 0 0 var(--small-radius) var(--small-radius); +} + +/** + * Component: Pirate Forms Importer + */ +#welcome-panel:has(#frm_form_pf_importer) { + background-color: #fff; + margin: var(--gap-sm) var(--gap-md) var(--gap-md); + line-height: 2; +} + +#welcome-panel:has(#frm_form_pf_importer) .welcome-panel-content { + text-align: start !important; + min-height: unset; + display: block; +} + +#frm_form_pf_importer div { + margin: 10px 0 !important; +} + +#frm_form_pf_importer button { + border: 1px solid var(--primary-500); + padding: 7px 16px; + min-height: 28px; + line-height: var(--leading); + margin-bottom: 0; + background: var(--primary-500); + color: #fff !important; +} + +#frm_form_pf_importer button:hover { + background: #135e96; + border-color: #135e96; +} + +/** + * Component: Option Box + */ +.frm-option-box { + display: flex; + justify-content: space-between; + align-items: center; + font-size: 14px; + font-weight: 500; + background-color: #fff; + padding: 12px var(--gap-sm); + border: 1px solid var(--grey-200); + border-radius: var(--small-radius); + margin-bottom: var(--gap-xs); + transition: background-color 100ms ease-out; + cursor: pointer; +} + +.frm-option-box:hover { + background-color: var(--grey-25); +} + +.frm-option-box.frm-checked { + background-color: var(--primary-25); + border-color: var(--primary-200); +} + +.frm-option-box.frm-disabled { + cursor: default; +} + +.frm-option-box input[type=checkbox] { + margin: 0; +} + +.frm-option-box.frm-disabled input[type=checkbox] { + opacity: 0.5; +} + +.frm-option-box .frm_help .frmsvg { + width: 12px; + height: 12px; +} + +/** + * Component: Validation Error + */ +.frm-validation-error:not(.frm_hidden) { + display: flex; +} + +.frm-validation-error { + gap: calc(var(--gap-xs) + var(--gap-2xs)); +} + +.frm-validation-error span { + color: var(--error-500); +} + +.frm-validation-error span[frm-error] { + display: none; +} + +.frm-validation-error[frm-error=empty] span[frm-error=empty], +.frm-validation-error[frm-error=invalid] span[frm-error=invalid], +.frm-validation-error[frm-error=custom] span[frm-error=custom] { + display: inline-block; +} + +/** + * Utility: Box + */ +.frm-box { + padding: var(--gap-sm); + border: 1px solid var(--grey-200); + border-radius: var(--small-radius); +} + +/** + * External Link styles + */ +.frm-link-with-external-icon { + display: flex; + align-items: center; + gap: var(--gap-2xs); + font-size: var(--text-xs); +} + +.frm-link-with-external-icon .frmsvg { + width: 16px; + height: 16px; + transform: rotate(45deg); +} + +/** + * Page Skeleton + * + * Manages the layout and appearance of the page's content area. + */ +/* Core Styles for the Page */ +#wpbody-content .frm-page-skeleton { + /* Sidebar Styles */ + /* Scrollbar */ + /* Search */ +} +#wpbody-content .frm-page-skeleton ul, +#wpbody-content .frm-page-skeleton li { + margin: 0; +} +#wpbody-content .frm-page-skeleton .frm-right-panel { + padding: 2px; + overflow-y: initial; +} +#wpbody-content .frm-page-skeleton .frm-scrollbar-wrapper { + padding: var(--gap-md) var(--gap-sm); +} +#wpbody-content .frm-page-skeleton .frm-search { + float: none; + padding: 0 var(--gap-2xs); +} +#wpbody-content .frm-page-skeleton .frm-search > svg { + left: var(--gap-2xs); +} +#wpbody-content .frm-page-skeleton .frm-search > input { + width: 100%; +} + +/* Categories */ +.frm-page-skeleton-cat { + cursor: pointer; + padding: var(--gap-xs); + border-radius: var(--small-radius); + background-color: transparent; + transition: background-color 250ms ease-out; +} +.frm-page-skeleton-cat:hover { + background-color: var(--grey-100); +} +.frm-page-skeleton-cat > * { + z-index: 2; +} + +.frm-page-skeleton-cat-text { + color: var(--grey-900); + text-transform: capitalize; +} + +.frm-page-skeleton-cat-count { + color: var(--grey-400); +} + +.frm-current .frm-page-skeleton-cat-text, +.frm-current .frm-page-skeleton-cat-count { + color: var(--primary-500); +} + +/* Page Content Styles */ +.frm-list-grid-layout { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(303px, 1fr)); + grid-auto-rows: max-content; + gap: var(--gap-sm); +} +.frm-list-grid-layout > * { + grid-column: span 1; +} + +/* Empty State Styles */ +#frm-page-skeleton-empty-state { + height: 100%; + margin-top: calc(-1 * var(--gap-md)); +} +#frm-page-skeleton-empty-state .frm-page-skeleton-text { + max-width: 420px; +} + +/* Helper Classes */ +.frm-page-skeleton-divider { + border-top: 1px solid var(--grey-200); + margin: 0; +} + +/** + * Submit field styles + */ +.field_type_list .frm_tsubmit { + display: none !important; +} + +/** + * Component: Accordion Title + */ +#frm_style_sidebar .accordion-section-title::after, +#frm_view_editor_left .accordion-section-title::after { + content: ""; +} + +a[href="#square_settings"] svg.frmsvg { + width: 23px !important; + height: 22px !important; +} + +#frm_square_test_setup_modal a:focus { + box-shadow: none !important; +} + +@media only screen and (max-width: 900px) { + #square_settings .frm_grid_container:has(.frm-card-item) { + grid-template-columns: repeat(1, 1fr); + } + #square_settings .frm-card-item + .frm-card-item { + margin-top: var(--gap-sm); + } +} +.frm-coupons-upsell-wrapper { + display: flex; + flex-direction: column; + align-items: center; +} +.frm-coupons-upsell-wrapper p { + margin-top: var(--gap-xs); + max-width: 364px; + text-align: center; +} +.frm-coupons-upsell-wrapper img { + max-width: 100%; + max-height: 300px; +} +.frm-coupons-upsell-wrapper h2 { + margin-bottom: 0; +} + +.frm-coupons-upsell { + background-color: #f5f5f7; + border-radius: 16px; + border: 6px solid #fff; + box-shadow: 0 0.471px 1.412px 0 rgba(16, 24, 40, 0.1), 0 0.471px 0.941px 0 rgba(16, 24, 40, 0.06); + text-align: center; + width: 100%; + box-sizing: border-box; +} + +.frm-main-coupons-upsell { + margin-top: var(--gap-lg); +} +.frm-main-coupons-upsell img { + vertical-align: bottom; +} + +.frm-secondary-coupons-upsells { + margin-top: var(--gap-md); + width: 100%; +} + +#frm_sale_banner { + display: flex; + height: 90px; + flex-direction: row; + align-items: center; + gap: var(--gap-sm); + cursor: pointer; + position: relative; +} +#frm_sale_banner > div:first-child { + align-self: flex-end; + width: 150px; + height: 100%; + display: flex; + justify-content: center; +} +#frm_sale_banner > div:first-child img { + align-self: center; +} +#frm_sale_banner > div:nth-child(3) { + margin-left: auto; + margin-right: 50px; +} +#frm_sale_banner > div:nth-child(2) > div:last-child { + opacity: 0.8; +} +#frm_sale_banner a:not(.dismiss) { + text-shadow: none; + border-radius: 30px; + border: 1px transparent; + font-size: var(--text-sm); + padding: 7px 16px; + height: auto; + min-height: 28px; + outline: none; + line-height: var(--leading); + box-sizing: border-box; + margin-bottom: 0; + display: inline-block; + font-weight: 700; + background-color: #fff; + color: #000; +} +#frm_sale_banner .dismiss { + position: absolute; + color: #fff; + opacity: 0.6; + right: 15px; + top: 10px; +} +#frm_sale_banner:hover a:not(.dismiss)[style*="background-color: #fff"] { + background-color: #f0f0f0 !important; +} +#frm_sale_banner:hover a:not(.dismiss)[style*="background-color: rgba(241, 90, 36, 1)"] { + background-color: #e6470f !important; +} +#frm_sale_banner:hover a:not(.dismiss)[style*="background-color: rgba(239, 58, 78, 1)"] { + background-color: #ed1d34 !important; +} +#frm_sale_banner:hover a:not(.dismiss)[style*="background-color: rgba(33, 2, 14, 1)"] { + background-color: #3e041a !important; +} +#frm_sale_banner:hover a:not(.dismiss)[style*="background-color: rgba(72, 51, 64, 1)"] { + background-color: #362630 !important; +} + +.frm-get-free-templates-banner { + flex-grow: 1; +} +.frm-get-free-templates-banner .frm-banner-image-wrapper { + display: flex; + justify-content: center; + align-items: flex-end; + background-color: var(--primary-25); + padding: 19px 14px 0; + border-radius: var(--small-radius); +} +.frm-get-free-templates-banner[data-direction=vertical] { + flex-direction: column; + align-items: stretch; + gap: 12px; +} +.frm-get-free-templates-banner[data-direction=vertical] .frm-banner-content { + align-items: center; + text-align: center; +} + +/** + * Backwards Compatibility + */ +.frm-lookup-box-label { + display: none; +} + +.frm-inline-modal[id^=frm-lookup-box] { + background-color: transparent; + border: 0; + box-shadow: none; +} +.frm-inline-modal[id^=frm-lookup-box] .frm-nav-tabs, +.frm-inline-modal[id^=frm-lookup-box] .dismiss { + display: none; +} + +.frm_single_option a.frm_remove_tag svg, +.frm_single_option a.frm_add_opt svg { + width: 15px; + height: 15px; +} + +#frm_builder_page #frm-options-panel .frm-single-settings.frm-type-ranking .frm_image_styling_frame { + margin-left: 12px; +} + +/*# sourceMappingURL=frm_admin.css.map*/ \ No newline at end of file diff --git a/css/frm_testing_mode.css b/css/frm_testing_mode.css index 56c3c82dc3..bde5cf0c9e 100644 --- a/css/frm_testing_mode.css +++ b/css/frm_testing_mode.css @@ -1,3 +1,2859 @@ -: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_toggle_opt{padding:0;white-space:normal;display:inline;vertical-align:middle;font-weight:400}.frm_on_label,.frm_off_label{color:var(--grey-700)}.frm_toggle{position:relative;display:inline-block;width:40px;height:var(--h-xs);vertical-align:middle}.frm_toggle_block{display:inline-flex !important;gap:var(--gap-xs);align-items:center}.frm_toggle input,.frm_toggle_block input{display:none !important}.frm_toggle_slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--grey-200);transition:.4s;border-radius:30px}.frm_toggle_slider::before{box-sizing:border-box;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%2398A2B3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.063 3.938-6.126 6.124M3.938 3.938l6.124 6.124'/%3E%3C/svg%3E");position:absolute;left:2px;bottom:2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:20px;line-height:20px;background-color:#fff;border-radius:50%;transition:.4s;box-shadow:var(--box-shadow-md)}input:checked+.frm_toggle .frm_toggle_slider{background-color:var(--primary-500)}input:focus+.frm_toggle .frm_toggle_slider{box-shadow:var(--box-shadow-md)}input:checked+.frm_toggle .frm_toggle_slider::before{transform:translateX(16px);content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%234199FD' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.52 7.437 1.313 1.459L9.48 5.104'/%3E%3C/svg%3E")}input[disabled]+.frm_toggle_slider,input[disabled]+.frm_toggle .frm_toggle_slider{pointer-events:none;cursor:text;opacity:.5}.frm_toggle_opt~.frm_toggle:not(#frm_testing_mode .frm_toggle) .frm_toggle_slider::before{content:"" !important}.rtl .frm_toggle_opt{padding:0 8px}.rtl .frm_toggle_slider::before{left:17px}.rtl input:checked+.frm_toggle .frm_toggle_slider::before{transform:none !important;left:1px}.frm_toggle_off,.frm_toggle_on{display:none;color:#fff;z-index:999;position:absolute;font-size:10px;line-height:20px;left:6px}.frm_toggle_off{display:inline;left:auto;right:5px;color:var(--dark-grey)}.frm_toggle_long{width:80% !important;height:28px;display:inline-block !important}.frm_toggle_long .frm_toggle_slider{background:var(--primary-700);box-shadow:0 0 0 2px var(--primary-700)}.frm_toggle_long .frm_toggle_off,.frm_toggle_long .frm_toggle_on{width:50%;text-align:center;font-size:13px;line-height:28px}.frm_toggle_long .frm_toggle_on{left:0}.frm_toggle_long .frm_toggle_off{right:0}.frm_toggle_long .frm_toggle_slider::before{width:50%;left:0;top:0;border-radius:var(--border-radius) 0 0 var(--border-radius);height:100%;background-color:#fff;color:var(--primary-color);content:"" !important}.frm_toggle_long input:checked+.frm_toggle_slider::before{transform:translateX(101%);border-radius:0 var(--border-radius) var(--border-radius) 0}input:checked+.frm_toggle_slider+.frm_toggle_on{display:inline}input:checked+.frm_toggle_slider+.frm_toggle_on+.frm_toggle_off{display:none}.frm_toggle_long .frm_toggle_on,.frm_toggle_long input:checked+.frm_toggle_slider+.frm_toggle_on+.frm_toggle_off{display:inline;color:var(--primary-500);font-weight:400}.frm_toggle_long .frm_toggle_off,.frm_toggle_long input:checked+.frm_toggle_slider+.frm_toggle_on{color:#fff;font-weight:700}.frmdates_add_blackout_date_link,.frmdates_add_exception_link,.frm_form_field.frm_scroll_box .frm_opt_container,.frm-white-body .wrap input[type=text],.frm-white-body .wrap input[type=search],.frm-white-body .wrap input[type=number],.frm-white-body .wrap select,#frm-form-templates-modal select,.frm-white-body .wrap textarea,button.frm_choose_image_box,#titlediv input[type=text],.frm-fields button.btn,.frm_wrap textarea,.frm_wrap input[type=tel],.frm_wrap input[type=text],.frm_wrap input[type=email] .frm_wrap input[type=search],.frm_wrap input[type=number],.frm_wrap input[type=date],.frm_wrap select,.wp-admin .frm_wrap select,.field-group textarea,.field-group input[type=text],.field-group select,.frm-fields .frm-input-field{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)}.frm_input_with_suffix{border-radius:var(--small-radius);border:1px solid var(--grey-300);display:inline-block;padding-right:14px}.frm_input_with_suffix input{border:0 !important;padding-right:5px !important}.frm_wrap ::-webkit-datetime-edit{line-height:var(--leading)}.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) textarea:focus,.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) input:focus,.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) select:focus,.frm_wrap input:focus,.frm_wrap select:focus,.wp-core-ui .frm_wrap select:focus,#frm-form-templates-modal select:focus,.frm-btn-group .multiselect.dropdown-toggle:focus,.frm_wrap textarea:focus{border-color:var(--primary-500) !important;box-shadow:none !important}.wp-admin .frm_fields_container textarea:focus,.wp-admin .frm_fields_container input:focus,.wp-admin .frm_fields_container select:focus{border-color:var(--primary-500);box-shadow:none}#postbox-container-2 textarea,.frm_wrap textarea,.field-group textarea{line-height:2}.frm_wrap input[type=number]{height:auto}.frm_wrap select{padding:2px}.wp-admin .frm_wrap select,#frm-form-templates-modal select{max-width:100%}.frm_form_field.frm_scroll_box .frm_opt_container{padding:10px 12px}.frm_wrap input[disabled],.frm_wrap select[disabled],.frm_wrap textarea[disabled],.frm_wrap input[readonly],.frm_wrap select[readonly],.frm_wrap textarea[readonly],.frm_wrap input::placeholder{color:var(--grey-500)}textarea[id^=frm_calc_]::placeholder{font-size:var(--text-sm);line-height:var(--leading);font-style:italic;color:var(--grey-400);padding-top:5px}.frm_wrap .frm-button-primary.frm-disabled{opacity:.5;cursor:default}#postcustomstuff table td>div{padding-top:0 !important}.wp-admin .frm_wrap .form-table select{vertical-align:top}.frm_wrap .frm_form_builder select{line-height:var(--leading);height:var(--text-md);width:100%}#postbox-container-2 select,.wp-admin .frm_wrap select,.frm_wrap .frm_form_builder select,#frm-form-templates-modal select{height:auto}.frm-white-body .tablenav select,.frm-white-body .tablenav input[type=text],.wp-admin .frm_wrap .tablenav select,.frm_wrap .tablenav input[type=date],.frm_wrap .tablenav input[type=text]{padding-top:0;padding-bottom:0;line-height:1}.frm_wrap .tablenav ::-webkit-datetime-edit{line-height:1}.frm-fields button.btn,.frm-fields textarea,.frm-fields input[type=text],.frm-fields select,.field-group textarea,.field-group input[type=text],.field-group select,.accordion-container input.hex,.frm-fields .frm-input-field{width:100%;outline:0}.frm-fields button.btn{height:var(--h-md);text-align:inherit}.global-font .field-group input[type=text]{width:auto}.frm_orange_button,.frm_reverse_button{font-size:12px;border:1px solid var(--orange);color:var(--orange);font-weight:600;padding:1px 4px;border-radius:4px;background:rgba(0,0,0,0)}.frm_reverse_button:hover,.frm_reverse_button:active,.frm_reverse_button:focus{color:#fff;background:var(--orange);border:1px solid var(--orange)}.frm_reverse_button{font-size:1em;transition:all .2s ease}.frm-button-primary,.wp-core-ui .button-primary.frm-button-primary,.wp-core-ui .button.frm-button-primary,.frm-button-secondary,.wp-core-ui .button-secondary.frm-button-secondary,.wp-core-ui .button.frm-button-secondary,.frm-white-body .frm-search .button,.frm-white-body .search-box .button,.frm-white-body .tablenav .button,.frm_orange_button,.toplevel_page_formidable #frm_upgrade_modal .button-primary,.wp-core-ui.frm-white-body .button-primary,.wp-core-ui.frm-white-body .button-secondary,.frm-white-body .button-primary,.frm-white-body .button-secondary,#frm-form-button button,.frm-form-button button,.frm-preview-buttons button,.frm-button-red,.frm-button-tertiary{text-shadow:none;box-shadow:none;border-radius:30px;border:1px solid var(--primary-500);font-size:var(--text-sm);transition:all .2s ease;padding:7px 16px;height:auto;min-height:28px;outline:none;line-height:var(--leading);box-sizing:border-box;font-weight:500;margin-bottom:0;display:inline-block}.frm-button-primary.frm-sharp,.frm-button-secondary.frm-sharp{border-radius:12px !important}#wpcontent .frm-button-secondary.frm-button-gradient{position:relative;border-color:rgba(0,0,0,0) !important;background-clip:padding-box !important}#wpcontent .frm-button-secondary.frm-button-gradient::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;background:linear-gradient(90deg, #129efd 0%, #a334fd 100%);transition:opacity 150ms ease-out}#wpcontent .frm-button-secondary:hover::before{opacity:.5}.no-js.wp-core-ui .frm-search .button.hide-if-no-js,.js.wp-core-ui .frm-search .button.hide-if-js{display:none}.frm-button-tertiary{border-color:rgba(0,0,0,0);color:var(--primary-500)}.frm-button-tertiary:focus{outline:none}.frm-button-tertiary.frm_loading_button::before{border-right-color:var(--grey);border-bottom-color:var(--grey)}.frm-button-red,.frm-button-red:focus{--primary-color: var(--error-500);--primary-500: var(--error-500);--primary-700: var(--error-700)}.frm-button-red:not(.frm-button-tertiary),.frm-button-red:not(.frm-button-tertiary):focus{color:#fff !important}.frm-white-body h2 .button,.post-type-frm_display h2 .frm-button-primary,.frm-white-body .tablenav .button,.frm-button-primary.frm-button-sm,.frm-button-secondary.frm-button-sm,.frm-button-tertiary.frm-button-sm,.frm-button-red.frm-button-sm{padding:4px 12px !important;font-size:var(--text-xs) !important}.frm_no_style_button{background:rgba(0,0,0,0)}.frm-with-icon{display:flex;gap:var(--gap-xs);align-items:center}.frm-with-icon svg{opacity:.65}.frm-with-icon.button svg{height:var(--text-sm);width:var(--text-sm)}.frm-with-icon.frm-button-sm svg{height:var(--text-xs);width:var(--text-xs)}.frm-white-body .button.add_media{padding-left:12px !important;padding-right:12px !important;font-size:var(--text-xs);border-radius:var(--border-radius)}.wp-core-ui.frm-white-body #post-query-submit.button,.wp-core-ui.frm-white-body .button.tablenav-pages-navspan,.wp-core-ui.frm-white-body .button.first-page,.wp-core-ui.frm-white-body .button.prev-page,.wp-core-ui.frm-white-body .button.next-page,.wp-core-ui.frm-white-body .button.last-page,.wp-core-ui.frm-white-body .button.action{background-color:rgba(0,0,0,0);border-color:var(--grey-300);color:var(--grey-700);border-radius:var(--border-radius)}.post-type-frm_display.wp-core-ui .button-primary,.frm-button-primary,.wp-core-ui .button-primary.frm-button-primary,.frm_single_entry_page #frm-publishing .button-primary{background-color:var(--primary-500) !important;color:#fff !important}.frm-button-primary.frm_large,.frm-button-secondary.frm_large{height:auto !important;padding:12px 16px !important}.frm-button-secondary.frm-small,.frm-button-primary.frm-small{font-size:var(--text-xs) !important;height:auto !important;padding:var(--gap-2xs) 12px !important}.frm-button-primary i::before{color:#fff}.wp-core-ui .button-primary.frm-button-primary:not([disabled]):hover,.frm-button-primary:not([disabled]):hover{background:var(--primary-700) !important;border-color:var(--primary-700) !important}.wp-core-ui .button-primary.frm-button-primary:active{vertical-align:inherit}.frm-white-body #search-submit,#frm-form-button .frm_button_submit,.frm-form-button .frm_button_submit,.frm-white-body .frm-preview-buttons button,.frm-white-body .button:not(.frm-button-primary),.wp-core-ui.frm-white-body .button-secondary,.wp-core-ui .button-secondary.frm-button-secondary,.wp-core-ui .button.frm-button-secondary,.frm-white-body .frm-button-secondary,.frm-button-secondary{color:var(--grey-800);border-color:var(--grey-300);background-color:#fff}#wp-content-media-buttons button,#wp-content-media-buttons a.button{border-color:var(--grey-300)}.frm_orange_button{border-color:#da791d !important;background:var(--orange);color:#fff}.frm-white-body .button:not(.frm-button-primary):focus,.frm-white-body .button:not(.frm-button-primary):active,.frm-white-body .frm-button-secondary:hover,.wp-core-ui.frm-white-body .frm-button-secondary:hover,.wp-core-ui.frm-white-body .button-secondary:hover,.wp-core-ui.frm-white-body .button-secondary:focus,.wp-core-ui.frm-white-body .tablenav .button:hover,.frm_wrap .preview>.button:hover,.frm-white-body #search-submit:hover{border-color:var(--grey-300) !important;color:var(--grey-800);background:var(--grey-50) !important;box-shadow:none !important;outline:none !important}.frm-button-primary .frmsvg{color:#fff}.frm_wrap .preview i{font-size:inherit}.frm-white-body .frm-button-primary:focus,.frm-white-body .frm-button-primary:active,#frm-addons-page .button-primary:focus,#form_global_settings .button-primary:focus,#frm_upgrade_modal .button-primary:focus{border-color:var(--primary-700) !important;background-color:var(--primary-700) !important;box-shadow:none !important;outline:none !important}.frm_wrap .preview>.button:focus,.frm_orange_button:hover,.frm_orange_button:focus,.toplevel_page_formidable #frm_upgrade_modal .button-primary:hover,.toplevel_page_formidable #frm_upgrade_modal .button-primary:focus,.toplevel_page_formidable .frm_wrap button.button-primary:hover,.toplevel_page_formidable .frm_wrap button.button-primary:focus{outline:none}.frm_orange_button:hover,.frm_orange_button:focus{border-color:var(--orange) !important;background:rgba(0,0,0,0);color:var(--orange);opacity:1}.major-publishing-actions.frm_create_form_header{padding:8px 0}.major-publishing-actions.frm_create_form_header .frm_create_form_header_inner{font-size:15px;background:rgba(0,0,0,0)}.frm-menu-boxes .frm_blank_form_text{padding-bottom:26px}input.frm_insert_in_template{font-size:10px;width:98%;font-weight:400}.frm-dismissible a.dismiss:focus{box-shadow:none}.frm-dismissible a.dismiss{top:10px;right:10px;position:absolute}.frm-dismissible a.dismiss svg{color:var(--grey-800)}.frm-btn-unstyled{font:inherit;background:none;border:none;padding:0;cursor:pointer;outline:inherit}.frm-btn-unstyled:hover,.frm-btn-unstyled:focus,.frm-btn-unstyled:active{text-decoration:none;background:none;border:none;box-shadow:none}.frm-btn-unstyled:disabled,.frm-btn-unstyled[disabled]{pointer-events:none;opacity:.65}/*! +/*!********************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/css-unicode-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/scss/test-mode/frm_testing_mode.scss ***! + \********************************************************************************************************************************************************************************************************************************************/ +/** + * Base - Variables + */ +:root, +.frm-white-body, +.frm_wrap { + --grey-900: #101828; + --grey-800: #1d2939; + --grey-700: #344054; + --grey-600: #475467; + --grey-500: #667085; /* Roughly 65% opacity */ + --grey-400: #98a2b3; + --grey-300: #d0d5dd; + --grey-200: #eaecf0; + --grey-100: #f2f4f7; + --grey-50: #f9fafb; + --grey-25: #fcfcfd; + --dark-grey: var(--grey-700); /* Deprecated */ + --medium-grey: rgba(40, 47, 54, 0.65); + --grey: var(--grey-500); /* Deprecated */ + --grey-border: var(--grey-300); /* Deprecated */ + --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); /* Deprecated */ + --primary-hover: var(--primary-700); /* Deprecated */ + --light-blue: var(--primary-25); /* Deprecated */ + --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); + /* Override front-end CSS */ + --check-label-color: var(--grey-700); +} + +/** + * Toggle Components + * + * These are the styles for the "Enable Formidable styling" toggle in the visual styler. + * To use this element, you can call the FrmHtmlHelper::toggle function. + */ +.frm_toggle_opt { + padding: 0; + white-space: normal; + display: inline; + vertical-align: middle; + font-weight: 400; +} + +.frm_on_label, +.frm_off_label { + color: var(--grey-700); +} + +.frm_toggle { + position: relative; + display: inline-block; + width: 40px; + height: var(--h-xs); + vertical-align: middle; +} + +.frm_toggle_block { + display: inline-flex !important; + gap: var(--gap-xs); + align-items: center; +} + +.frm_toggle input, +.frm_toggle_block input { + display: none !important; +} + +.frm_toggle_slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--grey-200); + transition: 0.4s; + border-radius: 30px; +} + +.frm_toggle_slider::before { + box-sizing: border-box; + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%2398A2B3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.063 3.938-6.126 6.124M3.938 3.938l6.124 6.124'/%3E%3C/svg%3E"); + position: absolute; + left: 2px; + bottom: 2px; + display: flex; + align-items: center; + justify-content: center; + width: 20px; + height: 20px; + font-size: 20px; + line-height: 20px; + background-color: #fff; + border-radius: 50%; + transition: 0.4s; + box-shadow: var(--box-shadow-md); +} + +input:checked + .frm_toggle .frm_toggle_slider { + background-color: var(--primary-500); +} + +input:focus + .frm_toggle .frm_toggle_slider { + box-shadow: var(--box-shadow-md); +} + +input:checked + .frm_toggle .frm_toggle_slider::before { + transform: translateX(16px); + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%234199FD' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.52 7.437 1.313 1.459L9.48 5.104'/%3E%3C/svg%3E"); +} + +input[disabled] + .frm_toggle_slider, +input[disabled] + .frm_toggle .frm_toggle_slider { + pointer-events: none; + cursor: text; + opacity: 0.5; +} + +.frm_toggle_opt ~ .frm_toggle:not(#frm_testing_mode .frm_toggle) .frm_toggle_slider::before { + content: "" !important; /* Don't show x/check if off label included or on builder page */ +} + +.rtl .frm_toggle_opt { + padding: 0 8px; +} + +.rtl .frm_toggle_slider::before { + left: 17px; +} + +.rtl input:checked + .frm_toggle .frm_toggle_slider::before { + transform: none !important; + left: 1px; +} + +/* Deprecated admin toggle */ +.frm_toggle_off, +.frm_toggle_on { + display: none; + color: #fff; + z-index: 999; + position: absolute; + font-size: 10px; + line-height: 20px; + left: 6px; +} + +.frm_toggle_off { + display: inline; + left: auto; + right: 5px; + color: var(--dark-grey); +} + +.frm_toggle_long { + width: 80% !important; + height: 28px; + display: inline-block !important; +} + +.frm_toggle_long .frm_toggle_slider { + background: var(--primary-700); + box-shadow: 0 0 0 2px var(--primary-700); +} + +.frm_toggle_long .frm_toggle_off, +.frm_toggle_long .frm_toggle_on { + width: 50%; + text-align: center; + font-size: 13px; + line-height: 28px; +} + +.frm_toggle_long .frm_toggle_on { + left: 0; +} + +.frm_toggle_long .frm_toggle_off { + right: 0; +} + +.frm_toggle_long .frm_toggle_slider::before { + width: 50%; + left: 0; + top: 0; + border-radius: var(--border-radius) 0 0 var(--border-radius); + height: 100%; + background-color: #fff; + color: var(--primary-color); + content: "" !important; +} + +.frm_toggle_long input:checked + .frm_toggle_slider::before { + transform: translateX(101%); + border-radius: 0 var(--border-radius) var(--border-radius) 0; +} + +input:checked + .frm_toggle_slider + .frm_toggle_on { + display: inline; +} + +input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off { + display: none; +} + +.frm_toggle_long .frm_toggle_on, +.frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off { + display: inline; + color: var(--primary-500); + font-weight: 400; +} + +.frm_toggle_long .frm_toggle_off, +.frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on { + color: #fff; + font-weight: 700; +} + +/* End toggle styling */ +/** + * Component: Admin Inputs + */ +.frmdates_add_blackout_date_link, +.frmdates_add_exception_link, +.frm_form_field.frm_scroll_box .frm_opt_container, +.frm-white-body .wrap input[type=text], +.frm-white-body .wrap input[type=search], +.frm-white-body .wrap input[type=number], +.frm-white-body .wrap select, +#frm-form-templates-modal select, +.frm-white-body .wrap textarea, +button.frm_choose_image_box, +#titlediv input[type=text], +.frm-fields button.btn, +.frm_wrap textarea, +.frm_wrap input[type=tel], +.frm_wrap input[type=text], +.frm_wrap input[type=email] .frm_wrap input[type=search], +.frm_wrap input[type=number], +.frm_wrap input[type=date], +.frm_wrap select, +.wp-admin .frm_wrap select, +.field-group textarea, +.field-group input[type=text], +.field-group select, +.frm-fields .frm-input-field { + 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); +} + +.frm_input_with_suffix { + border-radius: var(--small-radius); + border: 1px solid var(--grey-300); + display: inline-block; + padding-right: 14px; +} + +.frm_input_with_suffix input { + border: 0 !important; + padding-right: 5px !important; +} + +.frm_wrap ::-webkit-datetime-edit { + line-height: var(--leading); +} + +.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) textarea:focus, +.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) input:focus, +.frm-white-body:not(.frm-admin-page-styles):not(.frm-admin-page-entries) select:focus, +.frm_wrap input:focus, +.frm_wrap select:focus, +.wp-core-ui .frm_wrap select:focus, +#frm-form-templates-modal select:focus, +.frm-btn-group .multiselect.dropdown-toggle:focus, +.frm_wrap textarea:focus { + border-color: var(--primary-500) !important; + box-shadow: none !important; +} + +/* +Pages like Entries and Styles need the border-color and box-shadow properties without the !important flag. +To achieve this, we exclude them above and duplicate these rules specifically for those pages without using !important. +*/ +.wp-admin .frm_fields_container textarea:focus, +.wp-admin .frm_fields_container input:focus, +.wp-admin .frm_fields_container select:focus { + border-color: var(--primary-500); + box-shadow: none; +} + +#postbox-container-2 textarea, +.frm_wrap textarea, +.field-group textarea { + line-height: 2; +} + +.frm_wrap input[type=number] { + height: auto; +} + +.frm_wrap select { + padding: 2px; +} + +.wp-admin .frm_wrap select, +#frm-form-templates-modal select { + max-width: 100%; +} + +.frm_form_field.frm_scroll_box .frm_opt_container { + padding: 10px 12px; +} + +.frm_wrap input[disabled], +.frm_wrap select[disabled], +.frm_wrap textarea[disabled], +.frm_wrap input[readonly], +.frm_wrap select[readonly], +.frm_wrap textarea[readonly], +.frm_wrap input::placeholder { + color: var(--grey-500); +} + +textarea[id^=frm_calc_]::placeholder { + font-size: var(--text-sm); + line-height: var(--leading); + font-style: italic; + color: var(--grey-400); + padding-top: 5px; +} + +.frm_wrap .frm-button-primary.frm-disabled { + opacity: 0.5; + cursor: default; +} + +#postcustomstuff table td > div { + /* To override some inline css in add-on */ + padding-top: 0 !important; +} + +.wp-admin .frm_wrap .form-table select { + vertical-align: top; +} + +.frm_wrap .frm_form_builder select { + line-height: var(--leading); + height: var(--text-md); + width: 100%; +} + +#postbox-container-2 select, +.wp-admin .frm_wrap select, +.frm_wrap .frm_form_builder select, +#frm-form-templates-modal select { + height: auto; +} + +.frm-white-body .tablenav select, +.frm-white-body .tablenav input[type=text], +.wp-admin .frm_wrap .tablenav select, +.frm_wrap .tablenav input[type=date], +.frm_wrap .tablenav input[type=text] { + padding-top: 0; + padding-bottom: 0; + line-height: 1; +} + +.frm_wrap .tablenav ::-webkit-datetime-edit { + line-height: 1; +} + +.frm-fields button.btn, +.frm-fields textarea, +.frm-fields input[type=text], +.frm-fields select, +.field-group textarea, +.field-group input[type=text], +.field-group select, +.accordion-container input.hex, +.frm-fields .frm-input-field { + width: 100%; + outline: 0; +} + +.frm-fields button.btn { + height: var(--h-md); + text-align: inherit; +} + +.global-font .field-group input[type=text] { + width: auto; +} + +/** + * Components - Button + */ +.frm_orange_button, +.frm_reverse_button { + font-size: 12px; + border: 1px solid var(--orange); + color: var(--orange); + font-weight: 600; + padding: 1px 4px; + border-radius: 4px; + background: transparent; +} + +.frm_reverse_button:hover, +.frm_reverse_button:active, +.frm_reverse_button:focus { + color: #fff; + background: var(--orange); + border: 1px solid var(--orange); +} + +.frm_reverse_button { + font-size: 1em; + transition: all 0.2s ease; +} + +.frm-button-primary, +.wp-core-ui .button-primary.frm-button-primary, +.wp-core-ui .button.frm-button-primary, +.frm-button-secondary, +.wp-core-ui .button-secondary.frm-button-secondary, +.wp-core-ui .button.frm-button-secondary, +.frm-white-body .frm-search .button, +.frm-white-body .search-box .button, +.frm-white-body .tablenav .button, +.frm_orange_button, +.toplevel_page_formidable #frm_upgrade_modal .button-primary, +.wp-core-ui.frm-white-body .button-primary, +.wp-core-ui.frm-white-body .button-secondary, +.frm-white-body .button-primary, +.frm-white-body .button-secondary, +#frm-form-button button, +.frm-form-button button, +.frm-preview-buttons button, +.frm-button-red, +.frm-button-tertiary { + text-shadow: none; + box-shadow: none; + border-radius: 30px; + border: 1px solid var(--primary-500); + font-size: var(--text-sm); + transition: all 0.2s ease; + padding: 7px 16px; + height: auto; + min-height: 28px; + outline: none; + line-height: var(--leading); + box-sizing: border-box; + font-weight: 500; + margin-bottom: 0; + display: inline-block; +} + +.frm-button-primary.frm-sharp, +.frm-button-secondary.frm-sharp { + border-radius: 12px !important; +} + +#wpcontent .frm-button-secondary.frm-button-gradient { + position: relative; + border-color: transparent !important; + background-clip: padding-box !important; +} +#wpcontent .frm-button-secondary.frm-button-gradient::before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: -1; + margin: -1px; + border-radius: inherit; + background: linear-gradient(90deg, #129efd 0%, #a334fd 100%); + transition: opacity 150ms ease-out; +} +#wpcontent .frm-button-secondary:hover::before { + opacity: 0.5; +} + +.no-js.wp-core-ui .frm-search .button.hide-if-no-js, +.js.wp-core-ui .frm-search .button.hide-if-js { + display: none; +} + +.frm-button-tertiary { + border-color: transparent; + color: var(--primary-500); +} + +.frm-button-tertiary:focus { + outline: none; +} + +.frm-button-tertiary.frm_loading_button::before { + border-right-color: var(--grey); + border-bottom-color: var(--grey); +} + +.frm-button-red, +.frm-button-red:focus { + --primary-color: var(--error-500); + --primary-500: var(--error-500); + --primary-700: var(--error-700); +} + +.frm-button-red:not(.frm-button-tertiary), +.frm-button-red:not(.frm-button-tertiary):focus { + color: #fff !important; +} + +.frm-white-body h2 .button, +.post-type-frm_display h2 .frm-button-primary, +.frm-white-body .tablenav .button, +.frm-button-primary.frm-button-sm, +.frm-button-secondary.frm-button-sm, +.frm-button-tertiary.frm-button-sm, +.frm-button-red.frm-button-sm { + padding: 4px 12px !important; + font-size: var(--text-xs) !important; +} + +.frm_no_style_button { + background: transparent; +} + +.frm-with-icon { + display: flex; + gap: var(--gap-xs); + align-items: center; +} + +.frm-with-icon svg { + opacity: 0.65; /* Get close to grey-500 without overriding hover colors */ +} + +.frm-with-icon.button svg { + height: var(--text-sm); + width: var(--text-sm); +} + +.frm-with-icon.frm-button-sm svg { + height: var(--text-xs); + width: var(--text-xs); +} + +.frm-white-body .button.add_media { + /* Media buttons above RTE */ + padding-left: 12px !important; + padding-right: 12px !important; + font-size: var(--text-xs); + border-radius: var(--border-radius); +} + +.wp-core-ui.frm-white-body #post-query-submit.button, +.wp-core-ui.frm-white-body .button.tablenav-pages-navspan, +.wp-core-ui.frm-white-body .button.first-page, +.wp-core-ui.frm-white-body .button.prev-page, +.wp-core-ui.frm-white-body .button.next-page, +.wp-core-ui.frm-white-body .button.last-page, +.wp-core-ui.frm-white-body .button.action { + background-color: transparent; + border-color: var(--grey-300); + color: var(--grey-700); + border-radius: var(--border-radius); +} + +.post-type-frm_display.wp-core-ui .button-primary, +.frm-button-primary, +.wp-core-ui .button-primary.frm-button-primary, +.frm_single_entry_page #frm-publishing .button-primary { + background-color: var(--primary-500) !important; + color: #fff !important; +} + +.frm-button-primary.frm_large, +.frm-button-secondary.frm_large { + height: auto !important; + padding: 12px 16px !important; +} + +.frm-button-secondary.frm-small, +.frm-button-primary.frm-small { + font-size: var(--text-xs) !important; + height: auto !important; + padding: var(--gap-2xs) 12px !important; +} + +.frm-button-primary i::before { + color: #fff; +} + +.wp-core-ui .button-primary.frm-button-primary:not([disabled]):hover, +.frm-button-primary:not([disabled]):hover { + background: var(--primary-700) !important; + border-color: var(--primary-700) !important; +} + +.wp-core-ui .button-primary.frm-button-primary:active { + vertical-align: inherit; +} + +.frm-white-body #search-submit, +#frm-form-button .frm_button_submit, +.frm-form-button .frm_button_submit, +.frm-white-body .frm-preview-buttons button, +.frm-white-body .button:not(.frm-button-primary), +.wp-core-ui.frm-white-body .button-secondary, +.wp-core-ui .button-secondary.frm-button-secondary, +.wp-core-ui .button.frm-button-secondary, +.frm-white-body .frm-button-secondary, +.frm-button-secondary { + color: var(--grey-800); + border-color: var(--grey-300); + background-color: #fff; +} + +#wp-content-media-buttons button, +#wp-content-media-buttons a.button { + border-color: var(--grey-300); +} + +.frm_orange_button { + border-color: #da791d !important; + background: var(--orange); + color: #fff; +} + +.frm-white-body .button:not(.frm-button-primary):focus, +.frm-white-body .button:not(.frm-button-primary):active, +.frm-white-body .frm-button-secondary:hover, +.wp-core-ui.frm-white-body .frm-button-secondary:hover, +.wp-core-ui.frm-white-body .button-secondary:hover, +.wp-core-ui.frm-white-body .button-secondary:focus, +.wp-core-ui.frm-white-body .tablenav .button:hover, +.frm_wrap .preview > .button:hover, +.frm-white-body #search-submit:hover { + border-color: var(--grey-300) !important; + color: var(--grey-800); + background: var(--grey-50) !important; + box-shadow: none !important; + outline: none !important; +} + +.frm-button-primary .frmsvg { + color: #fff; +} + +.frm_wrap .preview i { + font-size: inherit; +} + +.frm-white-body .frm-button-primary:focus, +.frm-white-body .frm-button-primary:active, +#frm-addons-page .button-primary:focus, +#form_global_settings .button-primary:focus, +#frm_upgrade_modal .button-primary:focus { + border-color: var(--primary-700) !important; + background-color: var(--primary-700) !important; + box-shadow: none !important; + outline: none !important; +} + +.frm_wrap .preview > .button:focus, +.frm_orange_button:hover, +.frm_orange_button:focus, +.toplevel_page_formidable #frm_upgrade_modal .button-primary:hover, +.toplevel_page_formidable #frm_upgrade_modal .button-primary:focus, +.toplevel_page_formidable .frm_wrap button.button-primary:hover, +.toplevel_page_formidable .frm_wrap button.button-primary:focus { + outline: none; +} + +.frm_orange_button:hover, +.frm_orange_button:focus { + border-color: var(--orange) !important; + background: transparent; + color: var(--orange); + opacity: 1; +} + +.major-publishing-actions.frm_create_form_header { + padding: 8px 0; +} + +.major-publishing-actions.frm_create_form_header .frm_create_form_header_inner { + font-size: 15px; + background: transparent; +} + +.frm-menu-boxes .frm_blank_form_text { + padding-bottom: 26px; +} + +input.frm_insert_in_template { + font-size: 10px; + width: 98%; + font-weight: 400; +} + +.frm-dismissible a.dismiss:focus { + box-shadow: none; +} + +.frm-dismissible a.dismiss { + top: 10px; + right: 10px; + position: absolute; +} + +.frm-dismissible a.dismiss svg { + color: var(--grey-800); +} + +.frm-btn-unstyled { + font: inherit; + background: none; + border: none; + padding: 0; + cursor: pointer; + outline: inherit; +} +.frm-btn-unstyled:hover, .frm-btn-unstyled:focus, .frm-btn-unstyled:active { + text-decoration: none; + background: none; + border: none; + box-shadow: none; +} +.frm-btn-unstyled:disabled, .frm-btn-unstyled[disabled] { + pointer-events: none; + opacity: 0.65; +} + +/*! * Bootstrap v4.6.1 - */.tooltip{position:absolute;display:block;margin:0;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0;z-index:9999999;pointer-events:none}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem;margin-left:0 !important}.tooltip .arrow::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top]{padding:.4rem 0}.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^=top] .arrow{bottom:0}.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^=top] .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right]{padding:0 .4rem}.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^=right] .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom]{padding:.4rem 0}.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^=bottom] .arrow{top:0}.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^=bottom] .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left]{padding:0 .4rem}.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^=left] .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.frm-dropdown-menu.show{display:block}.frm-single-settings .frm-dropdown-menu.show{background:#fff}.preview.dropdown .dropdown-menu{min-width:205px}.frm_clear{clear:both}.frm_clearfix::after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.frm_clearfix{display:block}.frm_admin_progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.frm_admin_progress_bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease;background-color:#04a4cc}.tooltip.frm_tooltip{position:fixed;top:auto !important;bottom:0 !important;left:0 !important;max-width:none;width:100% !important;z-index:99999}.tooltip.frm_tooltip.bottom{padding:0}.frm_tooltip .tooltip-inner{max-width:none;min-height:40px !important;text-align:left;box-shadow:5px 5px 25px rgba(0,0,0,.5);padding:10px 40px;border-top-color:#ccc;background:var(--sidebar-color);color:var(--grey-700);border-radius:0;opacity:1;font-size:var(--text-sm)}#frm_custom_css_box{width:100%}h1 .fa-caret-down{font-size:18px}.caret{display:inline-block;width:19px;height:9px;margin-right:-8px;vertical-align:middle}.caret,.wp-admin .frm_wrap select,.frm_wrap .frm_form_builder select,.frm_wrap .ui-autocomplete-input{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%;padding-right:var(--gap-lg) !important}.caret{padding-right:var(--gap-xs) !important;background-position-x:5px}.frm-btn-group .caret{float:right;margin-top:calc(var(--text-md)/2)}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.frm_wrap .ui-autocomplete,#frm_adv_info.frm-dropdown-menu,.frm-dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;padding-left:4px;padding-right:4px;margin:var(--gap-xs) 0 0;text-align:left;list-style:none;background:none;background-color:#fff;background-clip:padding-box;border:1px solid var(--grey-100);border-radius:.25rem;box-shadow:var(--box-shadow-lg);max-height:200px;overflow-y:auto;overflow-x:hidden;font-size:var(--text-md);width:auto;min-width:160px}.frm6 .frm-dropdown-menu{min-width:100px;max-width:99%}#frm_bs_dropdown .frm-dropdown-menu{max-width:400px}.field_type_list .frm-dropdown-menu{min-width:150px !important}#frm_field_group_controls .frm-dropdown-menu,.frm-field-action-icons .frm-dropdown-menu{min-width:180px !important}.frm-field-action-icons .frm-dropdown-toggle svg,#frm_field_group_controls .frm-dropdown-toggle svg{color:#9ea9b8}.multiselect-container.frm-dropdown-menu,#search-submit .frm-dropdown-menu{min-width:200px !important}.preview .frm-dropdown-menu{min-width:230px !important}.frm-dropdown-menu.dropdown-menu-right{right:0;left:auto}.frm-dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.frm-dropdown-menu>.dropdown-item{margin:0}.frm-select-list-item,.frm_wrap .ui-autocomplete li>div,.multiselect-container button.multiselect-option,.frm-dropdown-menu>.dropdown-item>a,.frm-dropdown-menu .frm_dropdown_li{clear:both;font-weight:400;white-space:nowrap;text-decoration:none;border-radius:var(--small-radius)}.frm-dropdown-menu>.active>a,.frm-dropdown-menu>.active>a:hover,.frm-dropdown-menu>.active>a:focus{text-decoration:none;outline:0}.frm-select-list-item.disabled,.frm-dropdown-menu>.disabled>a,.frm-dropdown-menu>.disabled>a:hover,.frm-dropdown-menu>.disabled>a:focus{color:#999}.frm-select-list-item.disabled:hover,.frm-dropdown-menu>.disabled>a:hover,.frm-dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:rgba(0,0,0,0);background-image:none;cursor:not-allowed}.open>.frm-dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 10px;font-size:var(--text-xs);color:var(--grey-400)}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.dropdown-menu-right>.frm-dropdown-menu,.pull-right>.frm-dropdown-menu{right:0;left:auto}.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000;content:""}.navbar-fixed-bottom .dropdown .frm-dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}.btn{border:1px solid #ddd;background:#fff;height:28px;line-height:var(--leading)}a.frm_option_icon::before{color:var(--primary-500);font-size:22px;width:22px;height:22px}a.frm_option_icon:focus::before,a.frm_option_icon:hover::before{color:var(--primary-700)}.frm_top_left .frm-dropdown-toggle{color:#999}.frm-card ol{margin-left:15px}.frm-dropdown-toggle{text-decoration:none}.frm-card .frm-dropdown-toggle{border:1px solid var(--grey-300);border-radius:var(--small-radius);font-size:13px;color:var(--grey-700);padding:7px 20px}.frm-dropdown-menu .frm_icon_font{vertical-align:middle;color:#5f6c72;margin-right:3px}.multiselect-container.frm-dropdown-menu{top:auto;left:auto;font-size:var(--text-sm);padding:4px;margin-bottom:3px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0;width:100%;max-width:250px}.multiselect-container button.multiselect-option{width:100%;text-align:left;border:none;margin-bottom:4px}.multiselect-container button.multiselect-option label{margin-left:5px}.accordion-container .multiselect-container label{padding:3px 19px 3px 7px}.frm-btn-group.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.frm-btn-group.btn-group,.frm-btn-group.btn-group-vertical{display:block}.multiselect-option label{max-width:calc(100% - 22px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#frm_field_multiselect_popup{background:#fff;height:48px;position:fixed;border-radius:4px;box-shadow:0 8px 24px rgba(40,47,54,.15);color:rgba(40,47,54,.85);font-size:13px;right:30px;bottom:10px;z-index:2}#frm_field_multiselect_popup>div{display:inline-block;line-height:48px;vertical-align:top}#frm_field_multiselect_popup.frm-unmergable>.frm-merge-fields-into-row,#frm_field_multiselect_popup.frm-unmergable>.frm-multiselect-popup-separator{display:none}#frm_field_multiselect_popup>div:not(.frm-multiselect-popup-separator){padding:0 20px;cursor:pointer}#frm_field_multiselect_popup>div:not(.frm-multiselect-popup-separator):hover{background:rgba(245,245,245,.9607843137)}.frm-builder-popup-heading{font-weight:600;font-size:11px;line-height:15px;text-transform:uppercase;color:rgba(40,47,54,.45);margin-bottom:7px}.frm-builder-popup-subheading{font-size:12px;line-height:16px;color:rgba(40,47,54,.45)}#frm_field_group_popup input[type=text]{height:30px;border-radius:3px;font-size:14px;padding:8px;color:#545f6e;border-color:rgba(40,47,54,.2)}.frm-multiselect-popup-separator{height:36px;width:1px;position:relative;top:6px;background:#c4c4c4}.frm-sortable-helper,.frm-multiselect-key-is-down li.form-field:not(.edit_field_type_divider){pointer-events:none}.frm-sortable-helper{z-index:99}.frm_code_list a.button{display:block;text-align:center;font-size:11px;overflow:hidden}#frm-navbarDrop+.frm_code_list.frm-full-hover{margin:var(--gap-xs) 0 0;min-width:300px;max-height:256px}.frm_code_list.frm-full-hover li{margin:0}.frm-select-list-item,.frm_wrap .ui-autocomplete li>div,.multiselect-container button.multiselect-option,.frm-dropdown-menu>.dropdown-item>a,.frm-dropdown-menu>.dropdown-item>a:visited,.frm-dropdown-menu>.dropdown-item>a:link,.frm-dropdown-menu .frm_dropdown_li,.frm_code_list.frm-full-hover a{display:flex;color:var(--grey-700);padding:5px 10px;font-size:var(--text-md);gap:var(--gap-xs);align-items:center}.multiselect-container button.multiselect-option.disabled{opacity:.5}.frm_code_list.frm-full-hover a span{max-width:83px;margin-right:var(--gap-xs);margin-left:auto}.frm_code_list.frm-full-hover a{border-radius:var(--small-radius)}.frm_code_list.frm-full-hover a:not(#frm-insert-condition),.frm_code_list.frm-full-hover a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frm_code_list.frm-full-hover a:focus span:last-child{outline:1px solid var(--primary-500);outline-offset:var(--gap-2xs)}.frm_code_list.frm-full-hover.frmcenter a{display:block}#frm-layout-classes frm-full-hover a span{max-width:45%}.frm-select-list-item.active,.frm-select-list-item:hover,.frm_wrap .ui-autocomplete li div.ui-state-active,.frm_wrap .ui-autocomplete li.ui-state-focus,.multiselect-container button.multiselect-option.active,.multiselect-container button.multiselect-option:hover,.frm-dropdown-menu>.dropdown-item>a:hover,.frm_code_list.frm-full-hover a:hover span,.frm_code_list.frm-full-hover a:hover{background:var(--primary-25);color:var(--primary-500)}.frm-select-list-item .frmsvg,.frm-dropdown-menu>.dropdown-item>a .frmsvg{opacity:.8}.frm-select-list-item:hover .frmsvg,.frm-dropdown-menu>.dropdown-item>a:hover .frmsvg{opacity:1}.frm-dropdown-menu.frm_code_list>li>a{padding:3px 15px;width:300px}#frm_edit_box_content_modal .frm-with-search,.frm-dropdown-menu .frm-with-search{padding:var(--gap-xs) 10px 0}.frm-dropdown-menu .subsubsub{padding:0 10px}.frm_grid_container{overflow:visible}.frm_code_list.frm_grid_container{grid-gap:var(--gap-xs)}.frm_code_list.frm_grid_container li{width:auto;margin:0}.frm_code_list.frm_grid_container a{display:block;font-size:var(--text-md) !important;font-weight:500;text-align:center;color:var(--primary-500);background-color:var(--light-blue);border:1px solid var(--primary-300);border-radius:var(--small-radius);padding:10px 0;box-shadow:var(--box-shadow-sm)}.frm_code_list.frm_grid_container a:hover{background-color:var(--primary-500);color:#fff}.frm_code_list.frm_grid_container a:focus-visible{outline:2px solid var(--primary-500);outline-offset:-1px}.frm-single-settings .frm_code_list.frm-full-hover,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover{padding:0;margin:var(--gap-xs) -10px 0}.frm-single-settings .frm_code_list.frm-full-hover>li>a,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a{font-size:var(--text-md);color:var(--grey-900);padding:var(--gap-xs) 12px}.frm-single-settings .frm_code_list.frm-full-hover>li>a span,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a span{margin:0}.frm-single-settings .frm_code_list.frm-full-hover>li>a span:first-child,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a span:first-child{max-width:130px}.frm-single-settings .frm_code_list.frm-full-hover>li>a span:last-child,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a span:last-child{max-width:120px;margin-left:auto}.frm-single-settings .frm_code_list.frm-full-hover>li>a:hover,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a:hover{font-weight:500}.frm-single-settings .frm_code_list.frm-full-hover>li>a:hover,.frm-single-settings .frm_code_list.frm-full-hover>li>a:hover .frmsvg,.frm-single-settings .frm_code_list.frm-full-hover>li>a:hover span,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a:hover,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a:hover .frmsvg,#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover>li>a:hover span{color:var(--primary-500)}#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover{margin:var(--gap-xs) 0 0}#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover a .frmsvg{width:20px;height:20px}#post-body-content+.frm-right-panel h3.accordion-section-title{padding:7px 10px 8px 14px;font-size:var(--text-md);color:var(--grey-700)}.frm-with-line,.accordion-section-content h4{font-size:var(--text-md);font-weight:400;margin:20px -20px 10px;padding:0 20px;color:var(--grey-700);position:relative;border:none !important}.frm-with-line span,.accordion-section-content h4 span{background:#fff;padding:0 var(--gap-xs);position:relative;display:inline-block;z-index:2}.accordion-section-content h4 span{background:var(--sidebar-color)}.frm-right-panel .frm-with-line span{background:var(--sidebar-color) !important;margin-left:-4px}.frm-right-panel .frm-inline-modal .frm-with-line span{background:#fff !important}.frm-with-line::before,.accordion-section-content h4::before{content:"";display:block;position:absolute;border-bottom:1px solid var(--grey-300);left:0;width:100%;top:50%}.control-section .accordion-section-title::after,.customize-pane-child .accordion-section-title::after{top:15px}.accordion-container .frm-dropdown-menu{min-width:40px}.frm-btn-group .multiselect.dropdown-toggle{box-sizing:border-box;min-height:unset;cursor:pointer}.accordion-container .frm-dropdown-menu::before,.accordion-container .multiselect.dropdown-toggle::before{font-family:"s11-fp" !important}.frm-search input[name=s],.frm-search .dropdown-toggle,.frm-search input.frm-search-input{color:var(--grey-800);border-color:var(--grey-300);border-radius:var(--small-radius);box-shadow:var(--box-shadow-xs)}.frm-search input[type=search],.frm-search input[type=text]{padding-left:var(--gap-lg) !important}.frm-search .dropdown-toggle{width:100%;float:none;max-width:200px;background:rgba(0,0,0,0);padding:7px;padding-left:33px !important;min-height:32px;text-align:inherit;overflow:hidden;text-overflow:ellipsis}.frm-search #search-submit a{color:var(--grey-800)}.frm-search #search-submit .caret{opacity:.7}.frm-white-body .search-box input[name=s],#wpwrap .frm-search input[type=search]{flex:1;font-size:var(--text-md);line-height:var(--text-xl);padding:var(--gap-xs)}span.multiselect-selected-text{white-space:nowrap;display:inline-block;max-width:calc(90% - var(--gap-xs));text-overflow:ellipsis;overflow:hidden}.frm_pro_tip,.frm-cta{justify-content:space-between;align-items:center;gap:var(--gap-2xl);padding:var(--gap-xs) var(--gap-sm);border-radius:var(--small-radius);background:var(--primary-25)}.frm-cta.frm-cta-border{border:1px solid var(--primary-200)}.frm-cta.frm-cta-border .frm-cta-footer{background-color:#fff;padding:12px var(--gap-sm);border-top:1px solid var(--primary-200);border-bottom-left-radius:var(--small-radius);border-bottom-right-radius:var(--small-radius);margin-top:12px;margin-bottom:calc(-1*var(--gap-sm));margin-left:calc(-1*var(--gap-sm));margin-right:calc(-1*var(--gap-sm))}.frm-cta h4{font-weight:600;margin-top:0;margin-bottom:var(--gap-2xs)}.frm-cta-green{background-color:var(--success-25)}.frm-cta-green .frm-banner-title{gap:calc(var(--gap-2xs) + 1px);color:var(--grey-700)}.frm-cta-green.frm-cta-border{border-color:var(--success-100)}.frm-cta-green.frm-cta-border .frm-cta-footer{border-color:var(--success-100)}.frm-cta-red{background-color:var(--error-25)}.frm-cta-red.frm-cta-border{border-color:var(--error-100)}.frm-cta-icon{padding:3px 15px 3px 0;border-right:1px solid currentColor}#frm-upgrade-banner{gap:0}#frm-upgrade-banner .frm-cta-icon+.frm-cta-content{margin-right:auto;padding-left:15px}#frm-upgrade-banner.frm-gradient h4,#frm-upgrade-banner.frm-gradient p{color:currentColor}#frm-upgrade-banner.frm-gradient h4{font-size:16px;font-weight:600}#frm-upgrade-banner.frm-gradient p{font-size:14px}.frm-right-panel .inside .frm_pro_tip,.frm_pro_tip{color:var(--grey-700);background:#ffe7de;margin:0 auto;display:flex;gap:var(--gap-xs)}.frm_field_list .frm_pro_tip{margin:10px 15px;position:relative;width:calc(100% - 30px);box-sizing:border-box;font-size:14px}.frm_pro_tip .frmsvg,.frm_pro_tip i{color:var(--orange)}.frm-tip-info{flex:1;text-align:left}.frm-tip-cta{color:var(--orange)}.frm-gradient .frm-tip-cta,.frm-light-tip .frm-gradient .frm-tip-cta{color:currentColor;font-weight:700}.frm-tip-badge{font-size:9px;font-weight:700;text-transform:uppercase;color:#1e63d5;background-color:#fff;line-height:1;border-radius:4px;padding:3px 4px}.frm-light-tip .frm_pro_tip{background:var(--primary-25)}.frm-light-tip .frm_pro_tip .frmsvg,.frm-light-tip .frm_pro_tip i,.frm-light-tip .frm-tip-cta{color:var(--primary-500)}.nav-tab-wrapper .frm_pro_tip{float:right}.frm-gradient,.frm-upgrade-bar{background:linear-gradient(90deg, #388cf3, #1961d5, #8c7fd8) !important;color:#fff !important;border:0 !important}.frm-gradient.frm-button-primary:not([disabled]),.frm-gradient.frm-button-primary:not([disabled]):hover,.frm-gradient.frm-button-primary:not([disabled]):focus{background:linear-gradient(90deg, #1961d5, #816cfa) !important}.frm-upgrade-bar,.frm-gradient{position:relative}.frm-upgrade-bar::before,.frm-gradient::before{content:"";display:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,.1);z-index:0}.frm-upgrade-bar:hover::before,.frm-gradient:hover::before,.frm-gradient:focus::before{display:block}.frm-upgrade-bar-inner,.frm-gradient>*{position:relative;z-index:1}.frm-upgrade-bar{border-bottom:1px solid var(--sidebar-hover);padding:9px 0;font-size:12px;text-align:center}.frm-upgrade-bar a{color:currentColor !important;text-decoration:underline}.frm-upgrade-bar a:focus{outline:1px dotted var(--sidebar-hover)}.frm-upgrade-bar span{opacity:.9}.toplevel_page_formidable #wpbody-content>.error{margin:1px;padding:5px 12px}.frm_error_style,.frm_warning_style,.frm_note_style2,.frm_note_style,.frm_message,#post-body-content .frm_updated_message,div.frm_updated_message{border-radius:var(--small-radius);background-color:#d5f2dc;color:#1e561f;padding:var(--gap-sm) var(--gap-md);font-size:var(--text-sm);margin:var(--gap-sm) 0;text-align:left}.frm_note_style2{background:linear-gradient(90deg, #e9effa, #fcf6fe) padding-box,linear-gradient(90deg, #1961d5, #e8abef) border-box;border:1px solid rgba(0,0,0,0)}#frm_top_bar+.wrap>.frm_updated_message,#frm_top_bar+.wrap>.frm_warning_style{display:inline-block;width:100%;box-sizing:border-box}#post-body-content>.frm_updated_message{margin:5px 65px}#form_global_settings #post-body-content>.frm_updated_message,#form_global_settings #post-body-content>.frm_warning_style{margin:5px 25px}.frm_error_style{color:#973937;background-color:#ebcccc;clear:both}.frm_error_style a{text-decoration:underline;font-weight:600}.frm_error_style svg{opacity:.7}.frm_warning_style{color:#7a4d05;background-color:#fff2d2}.frm_warning_heading{font-weight:700;margin-bottom:4px}.frm_warning_style{position:relative;padding-right:calc(var(--gap-md) + 15px)}body.rtl .frm_warning_style{padding-right:var(--gap-md);padding-left:calc(var(--gap-md) + 15px)}.frm-warning-dismiss{position:absolute;top:10px;right:10px;display:flex;cursor:pointer;transition:opacity .2s ease-out}body.rtl .frm-warning-dismiss{left:10px;right:auto}.frm-warning-dismiss:hover{opacity:.8}.frm-warning-dismiss.frmsvg,.frm-warning-dismiss.frmsvg svg{width:15px;height:15px}.frm_note_style{background:rgba(188,224,253,.23);color:var(--grey-700)}.frm-banner-alert{text-align:left;margin:0;border-radius:0;padding:10px 0 10px 40px}.frm-banner-alert a{color:var(--primary-500);font-weight:400;text-decoration:none}.frm_updated_message ul,.frm_updated_message li,.frm_warning_style ul,.frm_warning_style li,.frm_error_style ul,.frm_error_style li{margin:0}.frm-inline-message{border:1px solid var(--primary-700);border-radius:var(--small-radius);color:var(--primary-700);background:#fff;text-align:center;padding:20px;font-size:var(--text-sm);line-height:var(--leading)}.frm-inline-message a{text-decoration:underline;font-weight:600;color:var(--primary-700)}.frm_pro_heading span{margin-top:10px}.frm_pro_heading .alignright{text-align:right}.frm-yes{color:var(--green);font-size:var(--text-xl)}.frm-nope{color:var(--grey-400);font-size:var(--text-xl)}.frm-modal:not(#frm-dismissable-cta) .postbox{max-height:600px;overflow:hidden;margin-bottom:0}.frm-modal .postbox .frm_modal_top,.frm-dialog .frm_common_modal .postbox>div:first-child,.frm-error-modal .frm_modal_top{padding:var(--gap-md) var(--gap-md) 0;position:relative}.frm-modal h2,.frm-modal .postbox .inside h2,.frm-modal .postbox .frm-modal-title,.frm-dialog .frm_common_modal .postbox>div:first-child>div:first-child,.frm-error-modal .frm-modal-title{display:inline-block;font-size:var(--text-lg);color:var(--grey-900);font-weight:600;margin:0;padding:0}.frm-modal h3{font-weight:500}.frm-inline-modal>a.dismiss,.frm-modal .postbox>a.dismiss,.frm-modal .postbox .frm-modal-title+div:last-child,.frm-dialog .frm_common_modal .postbox>div:first-child>div:last-child{position:absolute;top:19px;right:19px;display:flex;z-index:2}body.rtl .frm-inline-modal>a.dismiss,body.rtl .frm-modal .postbox>a.dismiss,body.rtl .frm-modal .postbox .frm-modal-title+div:last-child,body.rtl .frm-dialog .frm_common_modal .postbox>div:first-child>div:last-child{right:unset;left:30px}.frm-info-modal .postbox>a.dismiss,.frm-inline-modal>a.dismiss{right:13px;top:13px}.frm-modal .postbox .frm-modal-title+div:last-child a,.frm-modal a.dismiss .frmsvg,.frm_common_modal .frm_modal_top a .frmsvg{color:var(--grey-500)}.frm-modal .postbox .frm-modal-title+div:last-child a:hover,.frm-modal a.dismiss .frmsvg:hover,.frm_common_modal .frm_modal_top a .frmsvg:hover{color:var(--grey-700)}.frm-modal .frm_modal_content>div.inside,.frm_common_modal .frm_modal_content>div.inside{padding:var(--gap-md);margin:0;font-size:var(--text-sm);color:var(--grey-700)}.frm-modal p{color:var(--grey-900)}.frm_common_modal .postbox{display:flex;flex-direction:column}.frm-modal .postbox>div.inside .cta-inside{overflow-y:auto;height:auto}.frm_modal_footer{padding:0 var(--gap-md) var(--gap-sm);text-align:right}body.frm-body-with-open-modal{overflow-y:hidden}.frm-dialog{z-index:100;padding:0 !important;border-radius:16px;border:none;background-color:#fff;max-width:100% !important}.frm-dialog .postbox{background:rgba(0,0,0,0);box-shadow:none;border:none;line-height:var(--leading)}.frm-dialog input[type=text],.frm-dialog textarea{font-size:var(--text-md)}.frm-dialog textarea{height:75px}.frm-dialog button.frm-button-primary{margin-right:10px}.frm-dialog .frm-sub-label,.frm-sub-label{color:var(--grey);text-transform:none;padding-left:8px}h2 .frm-sub-label{font-size:var(--text-md)}.frm-views-editor-body .ui-widget-overlay,.frm-white-body .ui-widget-overlay,.toplevel_page_formidable .ui-widget-overlay,body[class*=formidable-payments] .ui-widget-overlay,body.plugins-php .ui-widget-overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:var(--grey-500);opacity:.5;z-index:2}.frm-circled-icon{width:60px;height:60px;border-radius:50%;background-color:var(--primary-25)}.frm-circled-icon-large{width:80px;height:80px}.frm-circled-icon-green{background-color:var(--success-50)}.frm-circled-icon .frmsvg{width:21px;height:24px}.frm-circled-icon .frmsvg.frm_svg32{width:32px !important;height:32px !important}.frm-circled-icon-large .frmsvg{width:24px}.frm-circled-icon .frmsvg use{color:var(--primary-500)}.frm-circled-icon-green .frmsvg use{color:var(--success-500)}.frm-border-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--grey-300);border-radius:var(--small-radius)}.frm-upgrade-message img{max-width:100%}.frm-inline-flex,#wpbody-content .frm-inline-flex{display:inline-flex}.frm-flex{display:flex}.frm-force-flex{display:flex !important}.frm_hidden,.js .frm-hide-js{display:none}.frm-flex-box{display:flex;gap:var(--gap-sm)}.frm-flex-col{display:flex;flex-direction:column}.frm-flex-full{flex:1}.frm-force-flex-center,.frm-flex-center{justify-content:center;align-items:center}.frm-flex-center{display:flex}.frm-force-flex-center{display:flex !important}.frm-shrink-0{flex-shrink:0}.frm-gap-0{gap:0 !important}.frm-gap-2xs{gap:var(--gap-2xs)}.frm-gap-xs{gap:var(--gap-xs)}.frm-gap-sm{gap:var(--gap-sm)}.frm-gap-md{gap:var(--gap-md)}.frm-gap-xl{gap:var(--gap-xl)}.frm-justify-start{justify-content:start !important}.frm-justify-center{justify-content:center !important}.frm-justify-between{justify-content:space-between}.frm-justify-end{justify-content:end}.frm-items-start{align-items:flex-start}.frm-items-center{align-items:center}.frm-items-stretch{align-items:stretch}.frm-self-normal{align-self:normal}#wpbody-content .frm-flex-wrap{flex-wrap:wrap}.frm-grow{flex-grow:1}.frm-order-first{order:-9999}.frm-order-last{order:9999}.frm-order-none{order:0}.frm-h-stack-sm,.frm-h-stack-xs,.frm-h-stack{display:flex !important;align-items:center}.frm-h-stack-sm>input[type=checkbox],.frm-h-stack-xs>input[type=checkbox],.frm-h-stack>input[type=checkbox],.frm-h-stack-sm>input[type=radio],.frm-h-stack-xs>input[type=radio],.frm-h-stack>input[type=radio]{margin:0 !important}.frm-h-stack{gap:var(--gap-2xs)}.frm-h-stack-xs{gap:var(--gap-xs)}.frm-h-stack-sm{gap:var(--gap-sm)}.frm-flex-row-reverse{flex-direction:row-reverse}.frm-info-modal a,.frm-info-modal ul,.frm-info-modal p,.frm-info-modal,.settings-lite-cta a,.settings-lite-cta ul,.settings-lite-cta{color:var(--grey-500);font-size:var(--text-md);box-shadow:none !important}.frm-info-modal h3,.settings-lite-cta h3{font-size:17px !important}.frm-green-icons .frmsvg{color:var(--green)}.frm-info-modal .postbox .inside,.settings-lite-cta .postbox .inside{padding:var(--gap-md);margin:0}.cta-inside a{color:var(--orange)}.info-modal-inside a.frm-standard-link{color:var(--primary-500)}.info-modal-inside a.frm-standard-link:hover{color:var(--primary-700)}.frm_no_p_margin>p{margin:0}.frm_spinner.frm-wait,.frm_spinner.spinner{float:left;visibility:hidden;margin:0 10px}.frm_visible_spinner.frm-wait,.frm_visible_spinner.spinner{visibility:visible;float:none}.frm_form_action_settings .frm_spinner.frm-wait,.frm_form_action_settings .frm_spinner.spinner{visibility:visible;float:none;vertical-align:bottom}.frm_form_action_settings .frm_loading{font-size:15px;text-align:center}.frm_ajax_settings_tab .frm-wait,.frm_ajax_settings_tab .spinner{visibility:visible;float:none;margin-top:20px}.wp-core-ui .frm_loading_button.button-primary.frm-button-primary,.frm_loading_button,.frm_loading_form.frm_button_submit{position:relative !important;opacity:.8;color:rgba(0,0,0,0) !important;text-shadow:none !important}.frm_loading_button:hover,.frm_loading_button:active,.frm_loading_button:focus,.frm_loading_form.frm_button_submit:hover,.frm_loading_form.frm_button_submit:active,.frm_loading_form.frm_button_submit:focus{cursor:not-allowed;color:rgba(0,0,0,0) !important;outline:none !important;box-shadow:none}.frm-wait{margin:20px;width:20px;height:20px;position:relative;display:inline-block}#frm-show-fields .frm-wait:only-child{position:absolute;left:50px;top:30px}.frm-wait::before,.frm_loading_button::before,.frm_loading_form.frm_button_submit::before{content:"";display:inline-block;position:absolute;background:rgba(0,0,0,0);border:1px solid #fff;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-radius:50%;box-sizing:border-box;top:50%;left:50%;margin-top:-10px;margin-left:-10px;width:20px;height:20px;animation:spin 2s linear infinite}.frm-wait::before{border-bottom-color:var(--primary-700);border-right-color:var(--primary-700)}.frm_loading_button.frm-button-secondary::before{border-bottom-color:var(--primary-500);border-right-color:var(--primary-500)}input[type=submit]:focus{outline:none !important}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.frmsvg{fill:currentColor;width:18px;height:18px;vertical-align:middle}body.frm_preview_page .ui-widget-overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:var(--grey-500);opacity:.5;z-index:2}#frm_testing_mode{border-radius:1rem;background-color:#fff;border-color:rgba(0,0,0,.1019607843);border-width:1px;border-style:solid;padding:16px 20px;margin-bottom:40px;position:relative}#frm_testing_mode h2{font-size:18px;font-weight:600;color:#000;margin-bottom:0}#frm_testing_mode label{font-size:12px;font-weight:600}#frm_testing_mode label span.frm_toggle_opt{color:var(--grey-800);font-weight:600}#frm_testing_mode label:not(:first-child){margin-left:var(--gap-xs)}#frm_testing_mode a.frm_button{margin-left:auto;border-radius:20px;font-size:14px}#frm_testing_mode hr{color:unset;background:var(--grey-200);height:1px;border:none}#frm_testing_mode>div:nth-of-type(2){display:flex;align-items:center}#frm_testing_mode .multiselect.dropdown-toggle::after{border:none}#frm_testing_mode .frmsvg{width:11px;height:11px;margin-right:var(--gap-2xs);position:relative;top:1px}#frm_testing_mode .frm_toggle_block{gap:var(--gap-xs)}#frm_testing_mode label:not(.frm_toggle_block){margin-right:2px}#frm_testing_mode select{width:auto !important;min-height:auto !important;outline:0;box-shadow:var(--box-shadow-xs);border-radius:var(--small-radius);border-width:1px;padding:5px 14px;border-color:var(--grey-300);color:var(--grey-800);font-size:var(--text-md);margin:0;line-height:var(--leading);appearance:none;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%;padding-right:var(--gap-lg) !important}#frm_testing_mode select:focus{background-color:rgba(0,0,0,0) !important}#frm_testing_mode select,#frm_testing_mode .btn-group button.multiselect.dropdown-toggle{border-radius:var(--medium-radius);font-size:12px;font-weight:600;height:30px}#frm_testing_mode .btn-group button.multiselect.dropdown-toggle{padding-top:0;padding-bottom:0}#frm_testing_mode .multiselect-selected-text{position:relative;top:2px}#frm_testing_mode #frm_testmode_fill_in_empty_form_fields{background-color:var(--primary-500);color:#fff;padding:8px 18px}#frm_testing_mode .frm_help{vertical-align:top}#frm_testing_mode .frm-button-secondary:hover,#frm_testmode_disable_required_fields_modal .frm-button-secondary:hover,#frm_ai_autofill_error_modal .frm-button-secondary:hover{border-color:var(--grey-300) !important;color:var(--grey-800);background:var(--grey-50) !important;box-shadow:none !important;outline:none !important}#frm_testing_mode a,#frm_testmode_disable_required_fields_modal a,#frm_ai_autofill_error_modal a{text-decoration:none}#frm_testmode_disable_required_fields_modal p{font-size:16px}#frm_test_mode_pagination{display:inline-block;margin-left:var(--gap-xs)}#frm_test_mode_pagination input[type=button]{border:1px solid var(--grey-300);padding:8px 12px;border-radius:8px;font-size:12px;background-color:#fff}#frm_test_mode_pagination input[type=button].frm_test_mode_active_page{background-color:var(--primary-500);border-color:var(--primary-500);color:#fff}#frm_test_mode_pagination input[type=button]:not(.frm_noallow){cursor:pointer}#frm_testmode_start_over{position:absolute;right:20px;top:20px;background-color:#fff;color:var(--grey-800);border-radius:20px;padding:4px 12px;border-color:var(--grey-300);font-weight:600}#frm_testmode_start_over img{vertical-align:middle;position:relative;bottom:2px}.frm_noallow{opacity:.5}#frm_testmode_enabled_form_actions_container{vertical-align:middle;display:inline-block;max-width:200px}#frm_testmode_upgrade{padding:var(--gap-xs) var(--gap-sm);text-align:center;font-size:var(--text-xs);margin-top:var(--gap-sm);line-height:var(--text-xs);font-weight:500;text-decoration:none;display:block;margin-left:-20px;margin-right:-20px;margin-bottom:-16px;border-radius:0 0 16px 16px}.frm_warning_style:has(.frm-addon-button){display:flex;padding:var(--gap-sm);line-height:40px}.frm_warning_style .frm-addon-button,#frm_upgrade_modal a.frm-button-primary{text-decoration:none}#frm_upgrade_modal a.frm-button-primary{cursor:pointer}.frm-dialog{z-index:1001}.frm-dialog+.ui-widget-overlay{z-index:1000}@media(max-width: 1024px){#frm_testing_mode>div>label:not(#frm_quick_jump_label){width:100%;display:block !important;margin-left:0 !important}#frm_testing_mode>div>label:not(#frm_quick_jump_label){margin-top:var(--gap-sm)}#frm_testmode_fill_in_empty_form_fields{display:block}#frm_testing_mode>div:nth-of-type(2){flex-direction:column;align-items:normal}#frm_test_mode_pagination{margin-left:0}} + */ +.tooltip { + /* Copied from Bootstrap */ + position: absolute; + display: block; + margin: 0; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; + /* Custom rules */ + z-index: 9999999; + pointer-events: none; +} + +.tooltip.show { + opacity: 0.9; +} + +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; + margin-left: 0 !important; +} + +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, +.bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} + +.bs-tooltip-top .arrow, +.bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} + +.bs-tooltip-top .arrow::before, +.bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #000; +} + +.bs-tooltip-right, +.bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} + +.bs-tooltip-right .arrow, +.bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-right .arrow::before, +.bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; +} + +.bs-tooltip-bottom, +.bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} + +.bs-tooltip-bottom .arrow, +.bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} + +.bs-tooltip-bottom .arrow::before, +.bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #000; +} + +.bs-tooltip-left, +.bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} + +.bs-tooltip-left .arrow, +.bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-left .arrow::before, +.bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; +} + +.frm-dropdown-menu.show { + display: block; +} + +.frm-single-settings .frm-dropdown-menu.show { + background: #fff; +} + +/* End Bootstrap */ +.preview.dropdown .dropdown-menu { + min-width: 205px; +} + +.frm_clear { + clear: both; +} + +.frm_clearfix::after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} + +.frm_clearfix { + display: block; +} + +.frm_admin_progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 4px; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.frm_admin_progress_bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + transition: width 0.6s ease; + background-color: #04a4cc; +} + +.tooltip.frm_tooltip { + position: fixed; + top: auto !important; + bottom: 0 !important; + left: 0 !important; + max-width: none; + width: 100% !important; + z-index: 99999; +} + +.tooltip.frm_tooltip.bottom { + padding: 0; +} + +.frm_tooltip .tooltip-inner { + max-width: none; + min-height: 40px !important; + text-align: left; + box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5); + padding: 10px 40px; + border-top-color: #ccc; + background: var(--sidebar-color); + color: var(--grey-700); + border-radius: 0; + opacity: 1; + font-size: var(--text-sm); +} + +#frm_custom_css_box { + width: 100%; +} + +/** + * Components - Dropdown + */ +/*Switch form dropdown*/ +h1 .fa-caret-down { + font-size: 18px; +} + +.caret { + display: inline-block; + width: 19px; + height: 9px; + margin-right: -8px; + vertical-align: middle; +} + +.caret, +.wp-admin .frm_wrap select, +.frm_wrap .frm_form_builder select, +.frm_wrap .ui-autocomplete-input { + background: transparent 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%; + padding-right: var(--gap-lg) !important; +} + +.caret { + padding-right: var(--gap-xs) !important; + background-position-x: 5px; +} + +.frm-btn-group .caret { + float: right; + margin-top: calc(var(--text-md) / 2); +} + +.dropdown { + position: relative; +} + +.dropdown-toggle:focus { + outline: 0; +} + +.frm_wrap .ui-autocomplete, +#frm_adv_info.frm-dropdown-menu, +.frm-dropdown-menu { + /* Copied from .dropdown-menu rules from Bootstrap */ + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + padding-left: 4px; + padding-right: 4px; + margin: var(--gap-xs) 0 0; + text-align: left; + list-style: none; + background: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid var(--grey-100); + border-radius: 0.25rem; + box-shadow: var(--box-shadow-lg); + /* Custom rules */ + max-height: 200px; + overflow-y: auto; + overflow-x: hidden; + font-size: var(--text-md); + width: auto; + min-width: 160px; +} + +.frm6 .frm-dropdown-menu { + min-width: 100px; + max-width: 99%; +} + +#frm_bs_dropdown .frm-dropdown-menu { + max-width: 400px; +} + +.field_type_list .frm-dropdown-menu { + min-width: 150px !important; +} + +#frm_field_group_controls .frm-dropdown-menu, +.frm-field-action-icons .frm-dropdown-menu { + min-width: 180px !important; +} + +.frm-field-action-icons .frm-dropdown-toggle svg, +#frm_field_group_controls .frm-dropdown-toggle svg { + color: #9ea9b8; +} + +.multiselect-container.frm-dropdown-menu, +#search-submit .frm-dropdown-menu { + min-width: 200px !important; +} + +.preview .frm-dropdown-menu { + min-width: 230px !important; +} + +.frm-dropdown-menu.dropdown-menu-right { + right: 0; + left: auto; +} + +.frm-dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} + +.frm-dropdown-menu > .dropdown-item { + margin: 0; +} + +.frm-select-list-item, +.frm_wrap .ui-autocomplete li > div, +.multiselect-container button.multiselect-option, +.frm-dropdown-menu > .dropdown-item > a, +.frm-dropdown-menu .frm_dropdown_li { + clear: both; + font-weight: 400; + white-space: nowrap; + text-decoration: none; + border-radius: var(--small-radius); +} + +.frm-dropdown-menu > .active > a, +.frm-dropdown-menu > .active > a:hover, +.frm-dropdown-menu > .active > a:focus { + text-decoration: none; + outline: 0; +} + +.frm-select-list-item.disabled, +.frm-dropdown-menu > .disabled > a, +.frm-dropdown-menu > .disabled > a:hover, +.frm-dropdown-menu > .disabled > a:focus { + color: #999; +} + +.frm-select-list-item.disabled:hover, +.frm-dropdown-menu > .disabled > a:hover, +.frm-dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + cursor: not-allowed; +} + +.open > .frm-dropdown-menu { + display: block; +} + +.open > a { + outline: 0; +} + +.dropdown-header { + display: block; + padding: 3px 10px; + font-size: var(--text-xs); + color: var(--grey-400); +} + +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} + +.dropdown-menu-right > .frm-dropdown-menu, +.pull-right > .frm-dropdown-menu { + right: 0; + left: auto; +} + +.navbar-fixed-bottom .dropdown .caret { + border-top: 0 dotted; + border-bottom: 4px solid #000; + content: ""; +} + +.navbar-fixed-bottom .dropdown .frm-dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} + +.btn { + border: 1px solid #ddd; + background: #fff; + height: 28px; + line-height: var(--leading); +} + +a.frm_option_icon::before { + color: var(--primary-500); + font-size: 22px; + width: 22px; + height: 22px; +} + +a.frm_option_icon:focus::before, +a.frm_option_icon:hover::before { + color: var(--primary-700); +} + +.frm_top_left .frm-dropdown-toggle { + color: #999; +} + +.frm-card ol { + margin-left: 15px; +} + +.frm-dropdown-toggle { + text-decoration: none; +} + +.frm-card .frm-dropdown-toggle { + border: 1px solid var(--grey-300); + border-radius: var(--small-radius); + font-size: 13px; + color: var(--grey-700); + padding: 7px 20px; +} + +.frm-dropdown-menu .frm_icon_font { + vertical-align: middle; + color: #5f6c72; + margin-right: 3px; +} + +/* BS Multiselect */ +.multiselect-container.frm-dropdown-menu { + top: auto; + left: auto; + font-size: var(--text-sm); + padding: 4px; + margin-bottom: 3px; +} + +/** + * Components - Multiselect + */ +.multiselect-container { + position: absolute; + list-style-type: none; + margin: 0; + padding: 0; + width: 100%; + max-width: 250px; +} + +.multiselect-container button.multiselect-option { + width: 100%; + text-align: left; + border: none; + margin-bottom: 4px; +} + +.multiselect-container button.multiselect-option label { + margin-left: 5px; +} + +.accordion-container .multiselect-container label { + padding: 3px 19px 3px 7px; +} + +.frm-btn-group.btn-group > .btn-group:nth-child(2) > .multiselect.btn { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.frm-btn-group.btn-group, +.frm-btn-group.btn-group-vertical { + display: block; +} + +.multiselect-option label { + max-width: calc(100% - 22px); + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +/** + * Field multiselect popup + */ +#frm_field_multiselect_popup { + background: white; + height: 48px; + position: fixed; + border-radius: 4px; + box-shadow: 0 8px 24px rgba(40, 47, 54, 0.15); + color: rgba(40, 47, 54, 0.85); + font-size: 13px; + right: 30px; + bottom: 10px; + z-index: 2; +} + +#frm_field_multiselect_popup > div { + display: inline-block; + line-height: 48px; + vertical-align: top; +} + +#frm_field_multiselect_popup.frm-unmergable > .frm-merge-fields-into-row, +#frm_field_multiselect_popup.frm-unmergable > .frm-multiselect-popup-separator { + display: none; +} + +#frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator) { + padding: 0 20px; + cursor: pointer; +} + +#frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator):hover { + background: rgba(245, 245, 245, 0.9607843137); +} + +.frm-builder-popup-heading { + font-weight: 600; + font-size: 11px; + line-height: 15px; + text-transform: uppercase; + color: rgba(40, 47, 54, 0.45); + margin-bottom: 7px; +} + +.frm-builder-popup-subheading { + font-size: 12px; + line-height: 16px; + color: rgba(40, 47, 54, 0.45); +} + +#frm_field_group_popup input[type=text] { + height: 30px; + border-radius: 3px; + font-size: 14px; + padding: 8px; + color: rgb(84, 95, 110); + border-color: rgba(40, 47, 54, 0.2); +} + +.frm-multiselect-popup-separator { + height: 36px; + width: 1px; + position: relative; + top: 6px; + background: #c4c4c4; +} + +.frm-sortable-helper, +.frm-multiselect-key-is-down li.form-field:not(.edit_field_type_divider) { + pointer-events: none; +} + +.frm-sortable-helper { + /* Make sure the item being dragged appears above other form builder fields */ + z-index: 99; +} + +/** + * Component: Code List + */ +.frm_code_list a.button { + display: block; + text-align: center; + font-size: 11px; + overflow: hidden; +} + +#frm-navbarDrop + .frm_code_list.frm-full-hover { + margin: var(--gap-xs) 0 0; + min-width: 300px; + max-height: 256px; +} + +.frm_code_list.frm-full-hover li { + margin: 0; +} + +.frm-select-list-item, +.frm_wrap .ui-autocomplete li > div, +.multiselect-container button.multiselect-option, +.frm-dropdown-menu > .dropdown-item > a, +.frm-dropdown-menu > .dropdown-item > a:visited, +.frm-dropdown-menu > .dropdown-item > a:link, +.frm-dropdown-menu .frm_dropdown_li, +.frm_code_list.frm-full-hover a { + display: flex; + color: var(--grey-700); + padding: 5px 10px; + font-size: var(--text-md); + gap: var(--gap-xs); + align-items: center; +} + +.multiselect-container button.multiselect-option.disabled { + opacity: 0.5; +} + +.frm_code_list.frm-full-hover a span { + max-width: 83px; + margin-right: var(--gap-xs); + margin-left: auto; +} + +.frm_code_list.frm-full-hover a { + border-radius: var(--small-radius); +} +.frm_code_list.frm-full-hover a:not(#frm-insert-condition), +.frm_code_list.frm-full-hover a span { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.frm_code_list.frm-full-hover a:focus span:last-child { + outline: 1px solid var(--primary-500); + outline-offset: var(--gap-2xs); +} + +.frm_code_list.frm-full-hover.frmcenter a { + display: block; +} + +#frm-layout-classes frm-full-hover a span { + max-width: 45%; +} + +.frm-select-list-item.active, +.frm-select-list-item:hover, +.frm_wrap .ui-autocomplete li div.ui-state-active, +.frm_wrap .ui-autocomplete li.ui-state-focus, +.multiselect-container button.multiselect-option.active, +.multiselect-container button.multiselect-option:hover, +.frm-dropdown-menu > .dropdown-item > a:hover, +.frm_code_list.frm-full-hover a:hover span, +.frm_code_list.frm-full-hover a:hover { + background: var(--primary-25); + color: var(--primary-500); +} + +.frm-select-list-item .frmsvg, +.frm-dropdown-menu > .dropdown-item > a .frmsvg { + opacity: 0.8; +} + +.frm-select-list-item:hover .frmsvg, +.frm-dropdown-menu > .dropdown-item > a:hover .frmsvg { + opacity: 1; +} + +.frm-dropdown-menu.frm_code_list > li > a { + padding: 3px 15px; + width: 300px; +} + +#frm_edit_box_content_modal .frm-with-search, +.frm-dropdown-menu .frm-with-search { + padding: var(--gap-xs) 10px 0; +} + +.frm-dropdown-menu .subsubsub { + padding: 0 10px; +} + +.frm_grid_container { + overflow: visible; +} + +.frm_code_list.frm_grid_container { + grid-gap: var(--gap-xs); +} + +.frm_code_list.frm_grid_container li { + width: auto; + margin: 0; +} + +.frm_code_list.frm_grid_container a { + display: block; + font-size: var(--text-md) !important; + font-weight: 500; + text-align: center; + color: var(--primary-500); + background-color: var(--light-blue); + border: 1px solid var(--primary-300); + border-radius: var(--small-radius); + padding: 10px 0; + box-shadow: var(--box-shadow-sm); +} +.frm_code_list.frm_grid_container a:hover { + background-color: var(--primary-500); + color: #fff; +} +.frm_code_list.frm_grid_container a:focus-visible { + outline: 2px solid var(--primary-500); + outline-offset: -1px; +} + +.frm-single-settings .frm_code_list.frm-full-hover, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover { + padding: 0; + margin: var(--gap-xs) -10px 0; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a { + font-size: var(--text-md); + color: var(--grey-900); + padding: var(--gap-xs) 12px; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a span, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a span { + margin: 0; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a span:first-child, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a span:first-child { + max-width: 130px; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a span:last-child, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a span:last-child { + max-width: 120px; + margin-left: auto; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a:hover, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a:hover { + font-weight: 500; +} +.frm-single-settings .frm_code_list.frm-full-hover > li > a:hover, +.frm-single-settings .frm_code_list.frm-full-hover > li > a:hover .frmsvg, +.frm-single-settings .frm_code_list.frm-full-hover > li > a:hover span, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a:hover, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a:hover .frmsvg, +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover > li > a:hover span { + color: var(--primary-500); +} + +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover { + margin: var(--gap-xs) 0 0; +} +#frm_builder_page #frm_adv_info .frm_code_list.frm-full-hover a .frmsvg { + width: 20px; + height: 20px; +} + +/** + * Accordion + */ +#post-body-content + .frm-right-panel h3.accordion-section-title { + padding: 7px 10px 8px 14px; + font-size: var(--text-md); + color: var(--grey-700); +} + +.frm-with-line, +.accordion-section-content h4 { + font-size: var(--text-md); + font-weight: 400; + margin: 20px -20px 10px; + padding: 0 20px; + color: var(--grey-700); + position: relative; + border: none !important; +} + +.frm-with-line span, +.accordion-section-content h4 span { + background: #fff; + padding: 0 var(--gap-xs); + position: relative; + display: inline-block; + z-index: 2; +} + +.accordion-section-content h4 span { + background: var(--sidebar-color); +} + +.frm-right-panel .frm-with-line span { + background: var(--sidebar-color) !important; + margin-left: -4px; +} + +.frm-right-panel .frm-inline-modal .frm-with-line span { + background: #fff !important; +} + +.frm-with-line::before, +.accordion-section-content h4::before { + content: ""; + display: block; + position: absolute; + border-bottom: 1px solid var(--grey-300); + left: 0; + width: 100%; + top: 50%; +} + +.control-section .accordion-section-title::after, +.customize-pane-child .accordion-section-title::after { + top: 15px; +} + +.accordion-container .frm-dropdown-menu { + min-width: 40px; +} + +.frm-btn-group .multiselect.dropdown-toggle { + box-sizing: border-box; + min-height: unset; + cursor: pointer; +} + +.accordion-container .frm-dropdown-menu::before, +.accordion-container .multiselect.dropdown-toggle::before { + font-family: "s11-fp" !important; +} + +/** + * Search Inputs + */ +.frm-search input[name=s], +.frm-search .dropdown-toggle, +.frm-search input.frm-search-input { + color: var(--grey-800); + border-color: var(--grey-300); + border-radius: var(--small-radius); + box-shadow: var(--box-shadow-xs); +} +.frm-search input[type=search], +.frm-search input[type=text] { + padding-left: var(--gap-lg) !important; +} +.frm-search .dropdown-toggle { + width: 100%; + float: none; + max-width: 200px; + background: transparent; + padding: 7px; + padding-left: 33px !important; + min-height: 32px; + text-align: inherit; + overflow: hidden; + text-overflow: ellipsis; +} +.frm-search #search-submit a { + color: var(--grey-800); +} +.frm-search #search-submit .caret { + opacity: 0.7; +} + +.frm-white-body .search-box input[name=s], +#wpwrap .frm-search input[type=search] { + flex: 1; + font-size: var(--text-md); + line-height: var(--text-xl); + padding: var(--gap-xs); +} + +span.multiselect-selected-text { + white-space: nowrap; + display: inline-block; + max-width: calc(90% - var(--gap-xs)); + text-overflow: ellipsis; + overflow: hidden; +} + +/** + * Component: Call-to-Action + */ +.frm_pro_tip, +.frm-cta { + justify-content: space-between; + align-items: center; + gap: var(--gap-2xl); + padding: var(--gap-xs) var(--gap-sm); + border-radius: var(--small-radius); + background: var(--primary-25); +} + +.frm-cta.frm-cta-border { + border: 1px solid var(--primary-200); +} + +.frm-cta.frm-cta-border .frm-cta-footer { + background-color: #fff; + padding: 12px var(--gap-sm); + border-top: 1px solid var(--primary-200); + border-bottom-left-radius: var(--small-radius); + border-bottom-right-radius: var(--small-radius); + margin-top: 12px; + margin-bottom: calc(-1 * var(--gap-sm)); + margin-left: calc(-1 * var(--gap-sm)); + margin-right: calc(-1 * var(--gap-sm)); +} + +.frm-cta h4 { + font-weight: 600; + margin-top: 0; + margin-bottom: var(--gap-2xs); +} + +.frm-cta-green { + background-color: var(--success-25); +} + +.frm-cta-green .frm-banner-title { + gap: calc(var(--gap-2xs) + 1px); + color: var(--grey-700); +} + +.frm-cta-green.frm-cta-border { + border-color: var(--success-100); +} + +.frm-cta-green.frm-cta-border .frm-cta-footer { + border-color: var(--success-100); +} + +.frm-cta-red { + background-color: var(--error-25); +} + +.frm-cta-red.frm-cta-border { + border-color: var(--error-100); +} + +.frm-cta-icon { + padding: 3px 15px 3px 0; + border-right: 1px solid currentColor; +} + +#frm-upgrade-banner { + gap: 0; +} + +#frm-upgrade-banner .frm-cta-icon + .frm-cta-content { + margin-right: auto; + padding-left: 15px; +} + +#frm-upgrade-banner.frm-gradient h4, +#frm-upgrade-banner.frm-gradient p { + color: currentColor; +} + +#frm-upgrade-banner.frm-gradient h4 { + font-size: 16px; + font-weight: 600; +} + +#frm-upgrade-banner.frm-gradient p { + font-size: 14px; +} + +.frm-right-panel .inside .frm_pro_tip, +.frm_pro_tip { + color: var(--grey-700); + background: #ffe7de; + margin: 0 auto; + display: flex; + gap: var(--gap-xs); +} + +.frm_field_list .frm_pro_tip { + margin: 10px 15px; + position: relative; + width: calc(100% - 30px); + box-sizing: border-box; + font-size: 14px; +} + +.frm_pro_tip .frmsvg, +.frm_pro_tip i { + color: var(--orange); +} + +.frm-tip-info { + flex: 1; + text-align: left; +} + +.frm-tip-cta { + color: var(--orange); +} + +.frm-gradient .frm-tip-cta, +.frm-light-tip .frm-gradient .frm-tip-cta { + color: currentColor; + font-weight: 700; +} + +.frm-tip-badge { + font-size: 9px; + font-weight: 700; + text-transform: uppercase; + color: #1e63d5; + background-color: #fff; + line-height: 1; + border-radius: 4px; + padding: 3px 4px; +} + +.frm-light-tip .frm_pro_tip { + background: var(--primary-25); +} + +.frm-light-tip .frm_pro_tip .frmsvg, +.frm-light-tip .frm_pro_tip i, +.frm-light-tip .frm-tip-cta { + color: var(--primary-500); +} + +.nav-tab-wrapper .frm_pro_tip { + float: right; +} + +/** + * Components - Upgrade Bar + */ +.frm-gradient, +.frm-upgrade-bar { + background: linear-gradient(90deg, #388cf3, #1961d5, #8c7fd8) !important; + color: #fff !important; + border: 0 !important; +} + +.frm-gradient.frm-button-primary:not([disabled]), +.frm-gradient.frm-button-primary:not([disabled]):hover, +.frm-gradient.frm-button-primary:not([disabled]):focus { + background: linear-gradient(90deg, #1961d5, #816cfa) !important; +} + +.frm-upgrade-bar, +.frm-gradient { + position: relative; +} + +.frm-upgrade-bar::before, +.frm-gradient::before { + content: ""; + display: none; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(255, 255, 255, 0.1); + z-index: 0; +} + +.frm-upgrade-bar:hover::before, +.frm-gradient:hover::before, +.frm-gradient:focus::before { + display: block; +} + +.frm-upgrade-bar-inner, +.frm-gradient > * { + position: relative; + z-index: 1; +} + +.frm-upgrade-bar { + border-bottom: 1px solid var(--sidebar-hover); + padding: 9px 0; + font-size: 12px; + text-align: center; +} + +.frm-upgrade-bar a { + color: currentColor !important; + text-decoration: underline; +} + +.frm-upgrade-bar a:focus { + outline: 1px dotted var(--sidebar-hover); +} + +.frm-upgrade-bar span { + opacity: 0.9; +} + +/** + * Components - Message Styles + */ +.toplevel_page_formidable #wpbody-content > .error { + margin: 1px; + padding: 5px 12px; +} + +.frm_error_style, +.frm_warning_style, +.frm_note_style2, +.frm_note_style, +.frm_message, +#post-body-content .frm_updated_message, +div.frm_updated_message { + border-radius: var(--small-radius); + background-color: #d5f2dc; + color: #1e561f; + padding: var(--gap-sm) var(--gap-md); + font-size: var(--text-sm); + margin: var(--gap-sm) 0; + text-align: left; +} + +.frm_note_style2 { + background: linear-gradient(90deg, #e9effa, #fcf6fe) padding-box, linear-gradient(90deg, #1961d5, #e8abef) border-box; + border: 1px solid transparent; +} + +#frm_top_bar + .wrap > .frm_updated_message, +#frm_top_bar + .wrap > .frm_warning_style { + display: inline-block; + width: 100%; + box-sizing: border-box; +} + +#post-body-content > .frm_updated_message { + margin: 5px 65px; +} + +#form_global_settings #post-body-content > .frm_updated_message, +#form_global_settings #post-body-content > .frm_warning_style { + margin: 5px 25px; +} + +.frm_error_style { + color: #973937; + background-color: #ebcccc; + clear: both; +} + +.frm_error_style a { + text-decoration: underline; + font-weight: 600; +} + +.frm_error_style svg { + opacity: 0.7; +} + +.frm_warning_style { + color: #7a4d05; + background-color: #fff2d2; +} + +.frm_warning_heading { + font-weight: 700; + margin-bottom: 4px; +} + +/* Warning message dismiss */ +.frm_warning_style { + position: relative; + padding-right: calc(var(--gap-md) + 15px); +} + +body.rtl .frm_warning_style { + padding-right: var(--gap-md); + padding-left: calc(var(--gap-md) + 15px); +} + +.frm-warning-dismiss { + position: absolute; + top: 10px; + right: 10px; + display: flex; + cursor: pointer; + transition: opacity 0.2s ease-out; +} + +body.rtl .frm-warning-dismiss { + left: 10px; + right: auto; +} + +.frm-warning-dismiss:hover { + opacity: 0.8; +} + +.frm-warning-dismiss.frmsvg, +.frm-warning-dismiss.frmsvg svg { + width: 15px; + height: 15px; +} + +.frm_note_style { + background: rgba(188, 224, 253, 0.23); + color: var(--grey-700); +} + +.frm-banner-alert { + text-align: left; + margin: 0; + border-radius: 0; + padding: 10px 0 10px 40px; +} + +.frm-banner-alert a { + color: var(--primary-500); + font-weight: 400; + text-decoration: none; +} + +.frm_updated_message ul, +.frm_updated_message li, +.frm_warning_style ul, +.frm_warning_style li, +.frm_error_style ul, +.frm_error_style li { + margin: 0; +} + +.frm-inline-message { + border: 1px solid var(--primary-700); + border-radius: var(--small-radius); + color: var(--primary-700); + background: #fff; + text-align: center; + padding: 20px; + font-size: var(--text-sm); + line-height: var(--leading); +} + +.frm-inline-message a { + text-decoration: underline; + font-weight: 600; + color: var(--primary-700); +} + +.frm_pro_heading span { + margin-top: 10px; +} + +.frm_pro_heading .alignright { + text-align: right; +} + +.frm-yes { + color: var(--green); + font-size: var(--text-xl); +} + +.frm-nope { + color: var(--grey-400); + font-size: var(--text-xl); +} + +/** + * Components - Modal + */ +.frm-modal:not(#frm-dismissable-cta) .postbox { + max-height: 600px; + overflow: hidden; + margin-bottom: 0; +} + +.frm-modal .postbox .frm_modal_top, +.frm-dialog .frm_common_modal .postbox > div:first-child, +.frm-error-modal .frm_modal_top { + padding: var(--gap-md) var(--gap-md) 0; + position: relative; +} + +.frm-modal h2, +.frm-modal .postbox .inside h2, +.frm-modal .postbox .frm-modal-title, +.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child, +.frm-error-modal .frm-modal-title { + display: inline-block; + font-size: var(--text-lg); + color: var(--grey-900); + font-weight: 600; + margin: 0; + padding: 0; +} + +.frm-modal h3 { + font-weight: 500; +} + +/* Dismiss icon button */ +.frm-inline-modal > a.dismiss, +.frm-modal .postbox > a.dismiss, +.frm-modal .postbox .frm-modal-title + div:last-child, +.frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { + position: absolute; + top: 19px; + right: 19px; + display: flex; + z-index: 2; +} + +body.rtl .frm-inline-modal > a.dismiss, +body.rtl .frm-modal .postbox > a.dismiss, +body.rtl .frm-modal .postbox .frm-modal-title + div:last-child, +body.rtl .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { + right: unset; + left: 30px; +} + +.frm-info-modal .postbox > a.dismiss, +.frm-inline-modal > a.dismiss { + right: 13px; + top: 13px; +} + +.frm-modal .postbox .frm-modal-title + div:last-child a, +.frm-modal a.dismiss .frmsvg, +.frm_common_modal .frm_modal_top a .frmsvg { + color: var(--grey-500); +} + +.frm-modal .postbox .frm-modal-title + div:last-child a:hover, +.frm-modal a.dismiss .frmsvg:hover, +.frm_common_modal .frm_modal_top a .frmsvg:hover { + color: var(--grey-700); +} + +.frm-modal .frm_modal_content > div.inside, +.frm_common_modal .frm_modal_content > div.inside { + padding: var(--gap-md); + margin: 0; + font-size: var(--text-sm); + color: var(--grey-700); +} + +.frm-modal p { + color: var(--grey-900); +} + +.frm_common_modal .postbox { + display: flex; + flex-direction: column; +} + +.frm-modal .postbox > div.inside .cta-inside { + overflow-y: auto; + height: auto; +} + +.frm_modal_footer { + padding: 0 var(--gap-md) var(--gap-sm); + text-align: right; +} + +body.frm-body-with-open-modal { + overflow-y: hidden; +} + +/** + * Component: Dialog + */ +.frm-dialog { + z-index: 100; + padding: 0 !important; + border-radius: 16px; + border: none; + background-color: #fff; + max-width: 100% !important; +} + +.frm-dialog .postbox { + background: transparent; + box-shadow: none; + border: none; + line-height: var(--leading); +} + +.frm-dialog input[type=text], +.frm-dialog textarea { + font-size: var(--text-md); +} + +.frm-dialog textarea { + height: 75px; +} + +.frm-dialog button.frm-button-primary { + margin-right: 10px; +} + +.frm-dialog .frm-sub-label, +.frm-sub-label { + color: var(--grey); + text-transform: none; + padding-left: 8px; +} + +h2 .frm-sub-label { + font-size: var(--text-md); +} + +.frm-views-editor-body .ui-widget-overlay, +.frm-white-body .ui-widget-overlay, +.toplevel_page_formidable .ui-widget-overlay, +body[class*=formidable-payments] .ui-widget-overlay, +body.plugins-php .ui-widget-overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: var(--grey-500); + opacity: 0.5; + z-index: 2; +} + +/** + * Component: Circled Icons + */ +.frm-circled-icon { + width: 60px; + height: 60px; + border-radius: 50%; + background-color: var(--primary-25); +} + +.frm-circled-icon-large { + width: 80px; + height: 80px; +} + +.frm-circled-icon-green { + background-color: var(--success-50); +} + +.frm-circled-icon .frmsvg { + width: 21px; + height: 24px; +} +.frm-circled-icon .frmsvg.frm_svg32 { + width: 32px !important; + height: 32px !important; +} + +.frm-circled-icon-large .frmsvg { + width: 24px; +} + +.frm-circled-icon .frmsvg use { + color: var(--primary-500); +} + +.frm-circled-icon-green .frmsvg use { + color: var(--success-500); +} + +.frm-border-icon { + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + border: 1px solid var(--grey-300); + border-radius: var(--small-radius); +} + +.frm-upgrade-message img { + max-width: 100%; +} + +/** + * Utilities - Flex + */ +.frm-inline-flex, +#wpbody-content .frm-inline-flex { + display: inline-flex; +} + +.frm-flex { + display: flex; +} + +.frm-force-flex { + display: flex !important; +} + +.frm_hidden, +.js .frm-hide-js { + display: none; +} + +.frm-flex-box { + display: flex; + gap: var(--gap-sm); +} + +.frm-flex-col { + display: flex; + flex-direction: column; +} + +.frm-flex-full { + flex: 1; +} + +.frm-force-flex-center, .frm-flex-center { + justify-content: center; + align-items: center; +} + +.frm-flex-center { + display: flex; +} + +.frm-force-flex-center { + display: flex !important; +} + +.frm-shrink-0 { + flex-shrink: 0; +} + +.frm-gap-0 { + gap: 0 !important; +} + +.frm-gap-2xs { + gap: var(--gap-2xs); +} + +.frm-gap-xs { + gap: var(--gap-xs); +} + +.frm-gap-sm { + gap: var(--gap-sm); +} + +.frm-gap-md { + gap: var(--gap-md); +} + +.frm-gap-xl { + gap: var(--gap-xl); +} + +.frm-justify-start { + justify-content: start !important; +} + +.frm-justify-center { + justify-content: center !important; +} + +.frm-justify-between { + justify-content: space-between; +} + +.frm-justify-end { + justify-content: end; +} + +.frm-items-start { + align-items: flex-start; +} + +.frm-items-center { + align-items: center; +} + +.frm-items-stretch { + align-items: stretch; +} + +.frm-self-normal { + align-self: normal; +} + +#wpbody-content .frm-flex-wrap { + flex-wrap: wrap; +} + +.frm-grow { + flex-grow: 1; +} + +.frm-order-first { + order: -9999; +} + +.frm-order-last { + order: 9999; +} + +.frm-order-none { + order: 0; +} + +.frm-h-stack-sm, .frm-h-stack-xs, .frm-h-stack { + display: flex !important; + align-items: center; +} +.frm-h-stack-sm > input[type=checkbox], .frm-h-stack-xs > input[type=checkbox], .frm-h-stack > input[type=checkbox], +.frm-h-stack-sm > input[type=radio], +.frm-h-stack-xs > input[type=radio], +.frm-h-stack > input[type=radio] { + margin: 0 !important; +} + +.frm-h-stack { + gap: var(--gap-2xs); +} + +.frm-h-stack-xs { + gap: var(--gap-xs); +} + +.frm-h-stack-sm { + gap: var(--gap-sm); +} + +.frm-flex-row-reverse { + flex-direction: row-reverse; +} + +/** + * Component: Info Modals + */ +.frm-info-modal a, +.frm-info-modal ul, +.frm-info-modal p, +.frm-info-modal, +.settings-lite-cta a, +.settings-lite-cta ul, +.settings-lite-cta { + color: var(--grey-500); + font-size: var(--text-md); + box-shadow: none !important; +} + +.frm-info-modal h3, +.settings-lite-cta h3 { + font-size: 17px !important; +} + +.frm-green-icons .frmsvg { + color: var(--green); +} + +.frm-info-modal .postbox .inside, +.settings-lite-cta .postbox .inside { + padding: var(--gap-md); + margin: 0; +} + +.cta-inside a { + color: var(--orange); +} + +.info-modal-inside a.frm-standard-link { + color: var(--primary-500); +} + +.info-modal-inside a.frm-standard-link:hover { + color: var(--primary-700); +} + +.frm_no_p_margin > p { + margin: 0; +} + +/** + * Components - Loading + */ +.frm_spinner.frm-wait, +.frm_spinner.spinner { + float: left; + visibility: hidden; + margin: 0 10px; +} + +.frm_visible_spinner.frm-wait, +.frm_visible_spinner.spinner { + visibility: visible; + float: none; +} + +.frm_form_action_settings .frm_spinner.frm-wait, +.frm_form_action_settings .frm_spinner.spinner { + visibility: visible; + float: none; + vertical-align: bottom; +} + +.frm_form_action_settings .frm_loading { + font-size: 15px; + text-align: center; +} + +.frm_ajax_settings_tab .frm-wait, +.frm_ajax_settings_tab .spinner { + visibility: visible; + float: none; + margin-top: 20px; +} + +.wp-core-ui .frm_loading_button.button-primary.frm-button-primary, +.frm_loading_button, +.frm_loading_form.frm_button_submit { + position: relative !important; + opacity: 0.8; + color: transparent !important; + text-shadow: none !important; +} + +.frm_loading_button:hover, +.frm_loading_button:active, +.frm_loading_button:focus, +.frm_loading_form.frm_button_submit:hover, +.frm_loading_form.frm_button_submit:active, +.frm_loading_form.frm_button_submit:focus { + cursor: not-allowed; + color: transparent !important; + outline: none !important; + box-shadow: none; +} + +.frm-wait { + margin: 20px; + width: 20px; + height: 20px; + position: relative; + display: inline-block; +} + +#frm-show-fields .frm-wait:only-child { + position: absolute; + left: 50px; + top: 30px; +} + +.frm-wait::before, +.frm_loading_button::before, +.frm_loading_form.frm_button_submit::before { + content: ""; + display: inline-block; + position: absolute; + background: transparent; + border: 1px solid #fff; + border-top-color: transparent; + border-left-color: transparent; + border-radius: 50%; + box-sizing: border-box; + top: 50%; + left: 50%; + margin-top: -10px; + margin-left: -10px; + width: 20px; + height: 20px; + animation: spin 2s linear infinite; +} + +.frm-wait::before { + border-bottom-color: var(--primary-700); + border-right-color: var(--primary-700); +} + +.frm_loading_button.frm-button-secondary::before { + border-bottom-color: var(--primary-500); + border-right-color: var(--primary-500); +} + +input[type=submit]:focus { + outline: none !important; +} + +/* Effects */ +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +.frmsvg { + fill: currentColor; + width: 18px; + height: 18px; + vertical-align: middle; +} + +body.frm_preview_page .ui-widget-overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: var(--grey-500); + opacity: 0.5; + z-index: 2; +} + +#frm_testing_mode { + border-radius: 1rem; + background-color: #fff; + border-color: rgba(0, 0, 0, 0.1019607843); + border-width: 1px; + border-style: solid; + padding: 16px 20px; + margin-bottom: 40px; + position: relative; +} +#frm_testing_mode h2 { + font-size: 18px; + font-weight: 600; + color: rgb(0, 0, 0); + margin-bottom: 0; +} +#frm_testing_mode label { + font-size: 12px; + font-weight: 600; +} +#frm_testing_mode label span.frm_toggle_opt { + color: var(--grey-800); + font-weight: 600; +} +#frm_testing_mode label:not(:first-child) { + margin-left: var(--gap-xs); +} +#frm_testing_mode a.frm_button { + margin-left: auto; + border-radius: 20px; + font-size: 14px; +} +#frm_testing_mode hr { + color: unset; + background: var(--grey-200); + height: 1px; + border: none; +} +#frm_testing_mode > div:nth-of-type(2) { + display: flex; + align-items: center; +} +#frm_testing_mode .multiselect.dropdown-toggle::after { + border: none; +} +#frm_testing_mode .frmsvg { + width: 11px; + height: 11px; + margin-right: var(--gap-2xs); + position: relative; + top: 1px; +} +#frm_testing_mode .frm_toggle_block { + gap: var(--gap-xs); +} +#frm_testing_mode label:not(.frm_toggle_block) { + margin-right: 2px; +} +#frm_testing_mode select { + width: auto !important; + min-height: auto !important; + outline: 0; + box-shadow: var(--box-shadow-xs); + border-radius: var(--small-radius); + border-width: 1px; + padding: 5px 14px; + border-color: var(--grey-300); + color: var(--grey-800); + font-size: var(--text-md); + margin: 0; + line-height: var(--leading); + appearance: none; + background: transparent 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%; + padding-right: var(--gap-lg) !important; +} +#frm_testing_mode select:focus { + background-color: transparent !important; +} +#frm_testing_mode select, +#frm_testing_mode .btn-group button.multiselect.dropdown-toggle { + border-radius: var(--medium-radius); + font-size: 12px; + font-weight: 600; + height: 30px; +} +#frm_testing_mode .btn-group button.multiselect.dropdown-toggle { + padding-top: 0; + padding-bottom: 0; +} +#frm_testing_mode .multiselect-selected-text { + position: relative; + top: 2px; +} +#frm_testing_mode #frm_testmode_fill_in_empty_form_fields { + background-color: var(--primary-500); + color: #fff; + padding: 8px 18px; +} +#frm_testing_mode .frm_help { + vertical-align: top; +} + +#frm_testing_mode .frm-button-secondary:hover, +#frm_testmode_disable_required_fields_modal .frm-button-secondary:hover, +#frm_ai_autofill_error_modal .frm-button-secondary:hover { + border-color: var(--grey-300) !important; + color: var(--grey-800); + background: var(--grey-50) !important; + box-shadow: none !important; + outline: none !important; +} +#frm_testing_mode a, +#frm_testmode_disable_required_fields_modal a, +#frm_ai_autofill_error_modal a { + text-decoration: none; +} + +#frm_testmode_disable_required_fields_modal p { + font-size: 16px; +} + +#frm_test_mode_pagination { + display: inline-block; + margin-left: var(--gap-xs); +} +#frm_test_mode_pagination input[type=button] { + border: 1px solid var(--grey-300); + padding: 8px 12px; + border-radius: 8px; + font-size: 12px; + background-color: #fff; +} +#frm_test_mode_pagination input[type=button].frm_test_mode_active_page { + background-color: var(--primary-500); + border-color: var(--primary-500); + color: #fff; +} +#frm_test_mode_pagination input[type=button]:not(.frm_noallow) { + cursor: pointer; +} + +#frm_testmode_start_over { + position: absolute; + right: 20px; + top: 20px; + background-color: #fff; + color: var(--grey-800); + border-radius: 20px; + padding: 4px 12px; + border-color: var(--grey-300); + font-weight: 600; +} +#frm_testmode_start_over img { + vertical-align: middle; + position: relative; + bottom: 2px; +} + +.frm_noallow { + opacity: 0.5; +} + +#frm_testmode_enabled_form_actions_container { + vertical-align: middle; + display: inline-block; + max-width: 200px; +} + +#frm_testmode_upgrade { + padding: var(--gap-xs) var(--gap-sm); + text-align: center; + font-size: var(--text-xs); + margin-top: var(--gap-sm); + line-height: var(--text-xs); + font-weight: 500; + text-decoration: none; + display: block; + margin-left: -20px; + margin-right: -20px; + margin-bottom: -16px; + border-radius: 0 0 16px 16px; +} + +.frm_warning_style:has(.frm-addon-button) { + display: flex; + padding: var(--gap-sm); + line-height: 40px; +} + +.frm_warning_style .frm-addon-button, +#frm_upgrade_modal a.frm-button-primary { + text-decoration: none; +} + +#frm_upgrade_modal a.frm-button-primary { + cursor: pointer; +} + +.frm-dialog { + z-index: 1001; +} + +.frm-dialog + .ui-widget-overlay { + z-index: 1000; +} + +@media (max-width: 1024px) { + #frm_testing_mode > div > label:not(#frm_quick_jump_label) { + width: 100%; + display: block !important; + margin-left: 0 !important; + } + #frm_testing_mode > div > label:not(#frm_quick_jump_label) { + margin-top: var(--gap-sm); + } + #frm_testmode_fill_in_empty_form_fields { + display: block; + } + #frm_testing_mode > div:nth-of-type(2) { + flex-direction: column; + align-items: normal; + } + #frm_test_mode_pagination { + margin-left: 0; + } +} + +/*# sourceMappingURL=frm_testing_mode.css.map*/ \ No newline at end of file diff --git a/js/addons-page.js b/js/addons-page.js index a95f680f96..84a8b7026f 100644 --- a/js/addons-page.js +++ b/js/addons-page.js @@ -1 +1,4845 @@ -(()=>{var t={8616:t=>{t.exports=function(t,e){var n,r,o=0;function i(){var i,a,c=n,l=arguments.length;t:for(;c;){if(c.args.length===arguments.length){for(a=0;a{var r;!function(){"use strict";var o={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 i(t){return function(t,e){var n,r,a,c,l,s,u,f,d,p=1,y=t.length,m="";for(r=0;r=0),c.type){case"b":n=parseInt(n,10).toString(2);break;case"c":n=String.fromCharCode(parseInt(n,10));break;case"d":case"i":n=parseInt(n,10);break;case"j":n=JSON.stringify(n,null,c.width?parseInt(c.width):0);break;case"e":n=c.precision?parseFloat(n).toExponential(c.precision):parseFloat(n).toExponential();break;case"f":n=c.precision?parseFloat(n).toFixed(c.precision):parseFloat(n);break;case"g":n=c.precision?String(Number(n.toPrecision(c.precision))):parseFloat(n);break;case"o":n=(parseInt(n,10)>>>0).toString(8);break;case"s":n=String(n),n=c.precision?n.substring(0,c.precision):n;break;case"t":n=String(!!n),n=c.precision?n.substring(0,c.precision):n;break;case"T":n=Object.prototype.toString.call(n).slice(8,-1).toLowerCase(),n=c.precision?n.substring(0,c.precision):n;break;case"u":n=parseInt(n,10)>>>0;break;case"v":n=n.valueOf(),n=c.precision?n.substring(0,c.precision):n;break;case"x":n=(parseInt(n,10)>>>0).toString(16);break;case"X":n=(parseInt(n,10)>>>0).toString(16).toUpperCase()}o.json.test(c.type)?m+=n:(!o.number.test(c.type)||f&&!c.sign?d="":(d=f?"+":"-",n=n.toString().replace(o.sign,"")),s=c.pad_char?"0"===c.pad_char?"0":c.pad_char.charAt(1):" ",u=c.width-(d+n).length,l=c.width&&u>0?s.repeat(u):"",m+=c.align?d+n+l:"0"===s?d+l+n:l+d+n)}return m}(function(t){if(c[t])return c[t];for(var e,n=t,r=[],i=0;n;){if(null!==(e=o.text.exec(n)))r.push(e[0]);else if(null!==(e=o.modulo.exec(n)))r.push("%");else{if(null===(e=o.placeholder.exec(n)))throw new SyntaxError("[sprintf] unexpected placeholder");if(e[2]){i|=1;var a=[],l=e[2],s=[];if(null===(s=o.key.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(a.push(s[1]);""!==(l=l.substring(s[0].length));)if(null!==(s=o.key_access.exec(l)))a.push(s[1]);else{if(null===(s=o.index_access.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");a.push(s[1])}e[2]=a}else i|=2;if(3===i)throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");r.push({placeholder:e[0],param_no:e[1],keys:e[2],sign:e[3],pad_char:e[4],align:e[5],width:e[6],precision:e[7],type:e[8]})}n=n.substring(e[0].length)}return c[t]=r}(t),arguments)}function a(t,e){return i.apply(null,[t].concat(e||[]))}var c=Object.create(null);"undefined"!=typeof window&&(window.sprintf=i,window.vsprintf=a,void 0===(r=function(){return{sprintf:i,vsprintf:a}}.call(e,n,e,t))||(t.exports=r))}()}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={exports:{}};return t[r](i,i.exports,n),i.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{"use strict";var t=window.frmGlobal,e=t.url,r=(t.nonce,"frm_hidden"),o="frm-hide-js",i="frm-current";function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function c(t,e){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:"default";!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.elements=e,this.type=n,this.prepareElements()},e=[{key:"fadeIn",value:function(){var t=this;this.applyStyleToElements(function(e){e.classList.add("frm-fadein-up"),e.addEventListener("animationend",function(){t.resetOpacity(),e.classList.remove("frm-fadein-up")},{once:!0})})}},{key:"cascadeFadeIn",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.03;setTimeout(function(){t.applyStyleToElements(function(t,n){t.classList.remove("frm-animate"),t.style.transitionDelay="".concat((n+1)*e,"s")})},200)}},{key:"prepareElements",value:function(){var t=this;this.applyStyleToElements(function(e){"default"===t.type&&(e.style.opacity="0.0"),"cascade"===t.type&&e.classList.add("frm-init-cascade-animation"),"cascade-3d"===t.type&&e.classList.add("frm-init-fadein-3d"),e.classList.add("frm-animate")})}},{key:"resetOpacity",value:function(){this.applyStyleToElements(function(t){return t.style.opacity="1.0"})}},{key:"applyStyleToElements",value:function(t){this.elements instanceof Element?t(this.elements,0):0":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},j=["(","?"],E={")":["("],":":["?","?:"]},P=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var F={"!":function(t){return!t},"*":function(t,e){return t*e},"/":function(t,e){return t/e},"%":function(t,e){return t%e},"+":function(t,e){return t+e},"-":function(t,e){return t-e},"<":function(t,e){return t":function(t,e){return t>e},">=":function(t,e){return t>=e},"==":function(t,e){return t===e},"!=":function(t,e){return t!==e},"&&":function(t,e){return t&&e},"||":function(t,e){return t||e},"?:":function(t,e,n){if(t)throw e;return n}};var I={contextDelimiter:"",onMissingKey:null};function D(t,e){var n;for(n in this.data=t,this.pluralForms={},this.options={},I)this.options[n]=void 0!==e&&n in e?e[n]:I[n]}function L(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function q(t){for(var e=1;e=0||_[o]<_[n]){a.push(o);break}i.push(o)}E[n]||a.push(n),t=t.substr(e.index+n.length)}return(t=t.trim())&&i.push(t),i.concat(a.reverse())}(t);return function(t){return function(t,e){var n,r,o,i,a,c,l=[];for(n=0;n3&&void 0!==arguments[3]?arguments[3]:10,a=t[e];if(B(n)&&z(r))if("function"==typeof o)if("number"==typeof i){var c={callback:o,priority:i,namespace:r};if(a[n]){var l,s=a[n].handlers;for(l=s.length;l>0&&!(i>=s[l-1].priority);l--);l===s.length?s[l]=c:s.splice(l,0,c),a.__current.forEach(function(t){t.name===n&&t.currentIndex>=l&&t.currentIndex++})}else a[n]={handlers:[c],runs:0};"hookAdded"!==n&&t.doAction("hookAdded",n,r,o,i)}else console.error("If specified, the hook priority must be a number.");else console.error("The hook callback must be a function.")}},$=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(r,o){var i=t[e];if(B(r)&&(n||z(o))){if(!i[r])return 0;var a=0;if(n)a=i[r].handlers.length,i[r]={runs:i[r].runs,handlers:[]};else for(var c=i[r].handlers,l=function(t){c[t].namespace===o&&(c.splice(t,1),a++,i.__current.forEach(function(e){e.name===r&&e.currentIndex>=t&&e.currentIndex--}))},s=c.length-1;s>=0;s--)l(s);return"hookRemoved"!==r&&t.doAction("hookRemoved",r,o),a}}},U=function(t,e){return function(n,r){var o=t[e];return void 0!==r?n in o&&o[n].handlers.some(function(t){return t.namespace===r}):n in o}},Z=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(r){var o=t[e];o[r]||(o[r]={handlers:[],runs:0}),o[r].runs++;for(var i=o[r].handlers,a=arguments.length,c=new Array(a>1?a-1:0),l=1;l1&&void 0!==arguments[1]?arguments[1]:"default";r.data[e]=q(q(q({},R),r.data[e]),t),r.data[e][""]=q(q({},R[""]),r.data[e][""])},c=function(t,e){a(t,e),i()},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",e=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0,i=arguments.length>4?arguments[4]:void 0;return r.data[t]||a(void 0,t),r.dcnpgettext(t,e,n,o,i)},s=function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default"},u=function(t,e,r){var o=l(r,e,t);return n?(o=n.applyFilters("i18n.gettext_with_context",o,t,e,r),n.applyFilters("i18n.gettext_with_context_"+s(r),o,t,e,r)):o};if(n){var f=function(t){N.test(t)&&i()};n.addAction("hookAdded","core/i18n",f),n.addAction("hookRemoved","core/i18n",f)}return{getLocaleData:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return r.data[t]},setLocaleData:c,resetLocaleData:function(t,e){r.data={},r.pluralForms={},c(t,e)},subscribe:function(t){return o.add(t),function(){return o.delete(t)}},__:function(t,e){var r=l(e,void 0,t);return n?(r=n.applyFilters("i18n.gettext",r,t,e),n.applyFilters("i18n.gettext_"+s(e),r,t,e)):r},_x:u,_n:function(t,e,r,o){var i=l(o,void 0,t,e,r);return n?(i=n.applyFilters("i18n.ngettext",i,t,e,r,o),n.applyFilters("i18n.ngettext_"+s(o),i,t,e,r,o)):i},_nx:function(t,e,r,o,i){var a=l(i,o,t,e,r);return n?(a=n.applyFilters("i18n.ngettext_with_context",a,t,e,r,o,i),n.applyFilters("i18n.ngettext_with_context_"+s(i),a,t,e,r,o,i)):a},isRTL:function(){return"rtl"===u("ltr","text direction")},hasTranslation:function(t,e,o){var i,a,c=e?e+""+t:t,l=!(null===(i=r.data)||void 0===i||null===(a=i[null!=o?o:"default"])||void 0===a||!a[c]);return n&&(l=n.applyFilters("i18n.has_translation",l,t,e,o),l=n.applyFilters("i18n.has_translation_"+s(o),l,t,e,o)),l}}}(0,0,V));G.getLocaleData.bind(G),G.setLocaleData.bind(G),G.resetLocaleData.bind(G),G.subscribe.bind(G);var H=G.__.bind(G),Q=(G._x.bind(G),G._n.bind(G),G._nx.bind(G),G.isRTL.bind(G),G.hasTranslation.bind(G),window.frmDom),W=Q.tag,Y=Q.div,tt=Q.a,et=Q.img;function nt(t){return nt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},nt(t)}function rt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function ot(t,e,n){return(e=function(t){var e=function(t){if("object"!=nt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=nt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==nt(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var it,at=document.getElementById("post-body-content"),ct=document.getElementById("".concat(h,"-sidebar")),lt=((it=tt({className:"button button-primary frm-button-primary"})).setAttribute("role","button"),Y({id:"".concat(h,"-empty-state"),className:"frm-flex-col frm-flex-center frm-gap-md ".concat(r),children:[et({src:"".concat(e,"/images/page-skeleton/empty-state.svg"),alt:H("Empty State","formidable")}),Y({className:"frmcenter",children:[W("h2",{className:"".concat(h,"-title frm-mb-0")}),W("p",{className:"".concat(h,"-text frm-mb-0")})]}),it]}));null==at||at.append(lt);var st=function(){var t=document.querySelector("#".concat(h,"-empty-state"));return{emptyState:t,emptyStateTitle:null==t?void 0:t.querySelector(".".concat(h,"-title")),emptyStateText:null==t?void 0:t.querySelector(".".concat(h,"-text")),emptyStateButton:null==t?void 0:t.querySelector(".button")}}(),ut=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==O(t)||null===t)throw new Error("createPageElements: initialElements must be a non-null object");var e=t;return{getElements:function(){return e},addElements:function(t){if("object"!==O(t)||null===t)throw new Error("addElements: newElements must be a non-null object");e=w(w({},e),t)}}}(function(t){for(var e=1;e0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==vt(t)||null===t)throw new Error("createPageState: initialState must be a non-null object");var e=t;return{getState:function(){return e},getSingleState:function(t){var n=Reflect.get(e,t);return void 0===n?null:n},setState:function(t){if("object"!==vt(t)||null===t)throw new Error("setState: newState must be a non-null object");e=yt(yt({},e),t)},setSingleState:function(t,n){Reflect.has(e,t)&&Reflect.set(e,t,n)}}}({notEmptySearchText:!1,selectedCategory:g,selectedCategoryEl:bt}),gt=ht.getState,St=ht.getSingleState,wt=ht.setState,xt=ht.setSingleState,Ot=function(t){var e,n=t.currentTarget,r=n.getAttribute("data-category"),o=gt(),a=o.selectedCategory,c=o.selectedCategoryEl,l=o.notEmptySearchText;if(a!==r){a=wp.hooks.applyFilters("frmPage.selectedCategory",r),c.classList.remove(i),(c=n).classList.add(i),wt({selectedCategory:a,selectedCategoryEl:c}),l&&((e=ft().searchInput).value="",e.dispatchEvent(new Event("input",{bubbles:!0}))),wp.hooks.doAction("frmPage.onCategoryClick",a);var u=ft().bodyContent;new s(u).fadeIn()}};function _t(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),Ot(t))}var jt=window.frmAddonsVars.addonRequestURL,Et="frm-addons",Pt="available-addons",kt="active-addons",At="basic",Ct="plus",Tt="business",Ft="elite",It=ft(),Dt=It.bodyContent,Lt=It.sidebar;Dt&&Dt.querySelectorAll(".frm-card-item:not(.plugin-card-formidable-pro)").forEach(function(t){var e=t.dataset.categories;switch(!0){case e.includes(Tt):t.setAttribute("data-categories","".concat(e,",").concat(Ft));break;case e.includes(Ct):t.setAttribute("data-categories","".concat(e,",").concat(Tt,",").concat(Ft));break;case e.includes(At):t.setAttribute("data-categories","".concat(e,",").concat(Ct,",").concat(Tt,",").concat(Ft))}}),dt({upgradeBanner:document.getElementById("frm-upgrade-banner"),availableCategory:Lt.querySelector(".".concat(h,'-cat[data-category="').concat(Pt,'"]')),activeCategory:Lt.querySelector(".".concat(h,'-cat[data-category="').concat(kt,'"]')),categoriesTopDivider:Lt.querySelector(".".concat(h,"-divider")),basicPlanCategory:Lt.querySelector(".".concat(h,'-cat[data-category="').concat(At,'"]')),plusPlanCategory:Lt.querySelector(".".concat(h,'-cat[data-category="').concat(Ct,'"]')),businessPlanCategory:Lt.querySelector(".".concat(h,'-cat[data-category="').concat(Tt,'"]')),elitePlanCategory:Lt.querySelector(".".concat(h,'-cat[data-category="').concat(Ft,'"]')),addonsList:document.getElementById("".concat(Et,"-list")),addons:null==Dt?void 0:Dt.querySelectorAll(".frm-card-item"),availableAddons:null==Dt?void 0:Dt.querySelectorAll(".frm-card-item:not(.frm-locked-item)"),addonsToggle:null==Dt?void 0:Dt.querySelectorAll(".frm_toggle_block"),bodyContentChildren:null==Dt?void 0:Dt.children});var qt={};qt[Pt]=[],qt[kt]=[];var Rt,Nt=".".concat(h,"-cat-count");function zt(){var t=ft(),e=t.activeCategory,n=t.availableCategory,r=t.categoriesTopDivider,o=document.querySelectorAll(".frm-addon-active:not(.frm-locked-item)");0!==o.length?(qt[kt]=o,e.querySelector(Nt).textContent=o.length):m([e,n,r])}function Bt(){var t=gt().selectedCategory,e=ft(),n=e.emptyState,r=e.emptyStateButton,o=e.emptyStateTitle,i=e.emptyStateText;n.setAttribute("data-view",t),o.textContent=H("No add-ons found","formidable"),i.textContent=H("Sorry, we didn't find any add-ons that match your criteria.","formidable"),r.textContent=H("Request Add-On","formidable"),r.href=jt,r.setAttribute("target","_blank"),y([n,r])}function Mt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,a,c=[],l=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==e);l=!0);}catch(t){s=!0,o=t}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}(t,e)||$t(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $t(t,e){if(t){if("string"==typeof t)return Ut(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ut(t,e):void 0}}function Ut(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){e=e.call(t)},n:function(){var t=e.next();return i=t.done,t},e:function(t){a=!0,o=t},f:function(){try{i||null==e.return||e.return()}finally{if(a)throw o}}}}(new Map([["frm-addon-not-installed",".frm-install-addon"],["frm-addon-installed",".frm-activate-addon"],["frm-addon-active",".frm-deactivate-addon"]]).entries());try{for(o.s();!(n=o.n()).done;){var i=Mt(n.value,2),a=i[0],c=i[1];if(r.classList.contains(a)){(Rt=r.querySelector(c)).click();break}}}catch(t){o.e(t)}finally{o.f()}}};var Kt=window.frmDom.search.init;function Xt(t,e){var n=t.foundSomething,r=t.notEmptySearchText;if(!e||"search"!==e.type||""!==e.target.value){var o=gt(),a=ft().allItemsCategory;xt("notEmptySearchText",r),o.notEmptySearchText||o.selectedCategory?(o.selectedCategory&&(function(t){var e=ft(),n=e.bodyContent,r=e.bodyContentChildren,o=e.addonsList;t&&St("selectedCategoryEl").classList.remove(i),m(r),v(o),new s(n).fadeIn()}(r),r&&xt("selectedCategory","")),function(t){if(t){var e,n=ft().emptyState;e=n,"none"!==window.getComputedStyle(e).getPropertyValue("display")&&b(n)}else Bt()}(n)):a.dispatchEvent(new Event("click",{bubbles:!0}))}}function Jt(){var t;ft().categoryItems.forEach(function(t){p(t,Ot),t.addEventListener("keydown",_t)}),wp.hooks.addAction("frmPage.onCategoryClick","frmAddonsPage",function(t){!function(t){var e=ft(),n=e.bodyContent,r=e.addons,o=e.emptyState,i=e.upgradeBanner;b(o),v(i),n.dataset.category=t,g!==t?(m(r),0===qt[t].length?(Bt(),b(i)):y(qt[t])):y(r)}(t)}),ft().addonsToggle.forEach(function(t){return t.addEventListener("click",Zt)}),wp.hooks.addAction("frm_update_addon_state","frmAddonPage",function(){zt()}),t=ft().searchInput,Kt(t,"frm-card-item",{handleSearchResult:Xt})}var Vt;Vt=function(){(function(){var t,e,n,r,i,a,c,l,u,f,d=ft(),p=d.sidebar,y=d.searchInput,m=d.bodyContent,b=new s(m);y.value="",zt(),function(){var t=ft(),e=t.bodyContent,n=t.availableCategory,r=t.availableAddons;if(qt[Pt]=r,n){n.querySelector(Nt).textContent=r.length;var o=e.querySelector(".".concat(Et,"-available-count"));o&&(o.textContent=r.length)}}(),function(){var t=ft(),e=t.allItemsCategory,n=t.addons;e.querySelector(Nt).textContent=n.length}(),e=(t=ft()).basicPlanCategory,n=t.plusPlanCategory,r=t.businessPlanCategory,i=t.elitePlanCategory,c=(a=function(t){return parseInt(t.querySelector(Nt).textContent,10)||0})(e),l=a(n)-1,u=a(r)-1,f=a(i)-1,n.querySelector(Nt).textContent=c+l,r.querySelector(Nt).textContent=c+l+u,i.querySelector(Nt).textContent=c+l+u+f,m.classList.remove(o),p.classList.remove(o),b.fadeIn(),v(p)})(),ft().addons.forEach(function(t){var e=t.getAttribute("data-categories");e&&e.split(",").forEach(function(e){qt[e]||(qt[e]=[]),qt[e].push(t)})}),Jt()},"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",Vt):Vt())})()})(); \ No newline at end of file +/******/ (() => { // webpackBootstrap +/******/ var __webpack_modules__ = ({ + +/***/ "./node_modules/@tannin/compile/index.js": +/*!***********************************************!*\ + !*** ./node_modules/@tannin/compile/index.js ***! + \***********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ compile) +/* harmony export */ }); +/* harmony import */ var _tannin_postfix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tannin/postfix */ "./node_modules/@tannin/postfix/index.js"); +/* harmony import */ var _tannin_evaluate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tannin/evaluate */ "./node_modules/@tannin/evaluate/index.js"); + + + +/** + * Given a C expression, returns a function which can be called to evaluate its + * result. + * + * @example + * + * ```js + * import compile from '@tannin/compile'; + * + * const evaluate = compile( 'n > 1' ); + * + * evaluate( { n: 2 } ); + * // ⇒ true + * ``` + * + * @param {string} expression C expression. + * + * @return {(variables?:{[variable:string]:*})=>*} Compiled evaluator. + */ +function compile( expression ) { + var terms = (0,_tannin_postfix__WEBPACK_IMPORTED_MODULE_0__["default"])( expression ); + + return function( variables ) { + return (0,_tannin_evaluate__WEBPACK_IMPORTED_MODULE_1__["default"])( terms, variables ); + }; +} + + +/***/ }), + +/***/ "./node_modules/@tannin/evaluate/index.js": +/*!************************************************!*\ + !*** ./node_modules/@tannin/evaluate/index.js ***! + \************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ evaluate) +/* harmony export */ }); +/** + * Operator callback functions. + * + * @type {Object} + */ +var OPERATORS = { + '!': function( a ) { + return ! a; + }, + '*': function( a, b ) { + return a * b; + }, + '/': function( a, b ) { + return a / b; + }, + '%': function( a, b ) { + return a % b; + }, + '+': function( a, b ) { + return a + b; + }, + '-': function( a, b ) { + return a - b; + }, + '<': function( a, b ) { + return a < b; + }, + '<=': function( a, b ) { + return a <= b; + }, + '>': function( a, b ) { + return a > b; + }, + '>=': function( a, b ) { + return a >= b; + }, + '==': function( a, b ) { + return a === b; + }, + '!=': function( a, b ) { + return a !== b; + }, + '&&': function( a, b ) { + return a && b; + }, + '||': function( a, b ) { + return a || b; + }, + '?:': function( a, b, c ) { + if ( a ) { + throw b; + } + + return c; + }, +}; + +/** + * Given an array of postfix terms and operand variables, returns the result of + * the postfix evaluation. + * + * @example + * + * ```js + * import evaluate from '@tannin/evaluate'; + * + * // 3 + 4 * 5 / 6 ⇒ '3 4 5 * 6 / +' + * const terms = [ '3', '4', '5', '*', '6', '/', '+' ]; + * + * evaluate( terms, {} ); + * // ⇒ 6.333333333333334 + * ``` + * + * @param {string[]} postfix Postfix terms. + * @param {Object} variables Operand variables. + * + * @return {*} Result of evaluation. + */ +function evaluate( postfix, variables ) { + var stack = [], + i, j, args, getOperatorResult, term, value; + + for ( i = 0; i < postfix.length; i++ ) { + term = postfix[ i ]; + + getOperatorResult = OPERATORS[ term ]; + if ( getOperatorResult ) { + // Pop from stack by number of function arguments. + j = getOperatorResult.length; + args = Array( j ); + while ( j-- ) { + args[ j ] = stack.pop(); + } + + try { + value = getOperatorResult.apply( null, args ); + } catch ( earlyReturn ) { + return earlyReturn; + } + } else if ( variables.hasOwnProperty( term ) ) { + value = variables[ term ]; + } else { + value = +term; + } + + stack.push( value ); + } + + return stack[ 0 ]; +} + + +/***/ }), + +/***/ "./node_modules/@tannin/plural-forms/index.js": +/*!****************************************************!*\ + !*** ./node_modules/@tannin/plural-forms/index.js ***! + \****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ pluralForms) +/* harmony export */ }); +/* harmony import */ var _tannin_compile__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tannin/compile */ "./node_modules/@tannin/compile/index.js"); + + +/** + * Given a C expression, returns a function which, when called with a value, + * evaluates the result with the value assumed to be the "n" variable of the + * expression. The result will be coerced to its numeric equivalent. + * + * @param {string} expression C expression. + * + * @return {Function} Evaluator function. + */ +function pluralForms( expression ) { + var evaluate = (0,_tannin_compile__WEBPACK_IMPORTED_MODULE_0__["default"])( expression ); + + return function( n ) { + return +evaluate( { n: n } ); + }; +} + + +/***/ }), + +/***/ "./node_modules/@tannin/postfix/index.js": +/*!***********************************************!*\ + !*** ./node_modules/@tannin/postfix/index.js ***! + \***********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ postfix) +/* harmony export */ }); +var PRECEDENCE, OPENERS, TERMINATORS, PATTERN; + +/** + * Operator precedence mapping. + * + * @type {Object} + */ +PRECEDENCE = { + '(': 9, + '!': 8, + '*': 7, + '/': 7, + '%': 7, + '+': 6, + '-': 6, + '<': 5, + '<=': 5, + '>': 5, + '>=': 5, + '==': 4, + '!=': 4, + '&&': 3, + '||': 2, + '?': 1, + '?:': 1, +}; + +/** + * Characters which signal pair opening, to be terminated by terminators. + * + * @type {string[]} + */ +OPENERS = [ '(', '?' ]; + +/** + * Characters which signal pair termination, the value an array with the + * opener as its first member. The second member is an optional operator + * replacement to push to the stack. + * + * @type {string[]} + */ +TERMINATORS = { + ')': [ '(' ], + ':': [ '?', '?:' ], +}; + +/** + * Pattern matching operators and openers. + * + * @type {RegExp} + */ +PATTERN = /<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/; + +/** + * Given a C expression, returns the equivalent postfix (Reverse Polish) + * notation terms as an array. + * + * If a postfix string is desired, simply `.join( ' ' )` the result. + * + * @example + * + * ```js + * import postfix from '@tannin/postfix'; + * + * postfix( 'n > 1' ); + * // ⇒ [ 'n', '1', '>' ] + * ``` + * + * @param {string} expression C expression. + * + * @return {string[]} Postfix terms. + */ +function postfix( expression ) { + var terms = [], + stack = [], + match, operator, term, element; + + while ( ( match = expression.match( PATTERN ) ) ) { + operator = match[ 0 ]; + + // Term is the string preceding the operator match. It may contain + // whitespace, and may be empty (if operator is at beginning). + term = expression.substr( 0, match.index ).trim(); + if ( term ) { + terms.push( term ); + } + + while ( ( element = stack.pop() ) ) { + if ( TERMINATORS[ operator ] ) { + if ( TERMINATORS[ operator ][ 0 ] === element ) { + // Substitution works here under assumption that because + // the assigned operator will no longer be a terminator, it + // will be pushed to the stack during the condition below. + operator = TERMINATORS[ operator ][ 1 ] || operator; + break; + } + } else if ( OPENERS.indexOf( element ) >= 0 || PRECEDENCE[ element ] < PRECEDENCE[ operator ] ) { + // Push to stack if either an opener or when pop reveals an + // element of lower precedence. + stack.push( element ); + break; + } + + // For each popped from stack, push to terms. + terms.push( element ); + } + + if ( ! TERMINATORS[ operator ] ) { + stack.push( operator ); + } + + // Slice matched fragment from expression to continue match. + expression = expression.substr( match.index + operator.length ); + } + + // Push remainder of operand, if exists, to terms. + expression = expression.trim(); + if ( expression ) { + terms.push( expression ); + } + + // Pop remaining items from stack into terms. + return terms.concat( stack.reverse() ); +} + + +/***/ }), + +/***/ "./node_modules/@wordpress/dom-ready/build-module/index.js": +/*!*****************************************************************!*\ + !*** ./node_modules/@wordpress/dom-ready/build-module/index.js ***! + \*****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ domReady) +/* harmony export */ }); +/** + * @typedef {() => void} Callback + * + * TODO: Remove this typedef and inline `() => void` type. + * + * This typedef is used so that a descriptive type is provided in our + * automatically generated documentation. + * + * An in-line type `() => void` would be preferable, but the generated + * documentation is `null` in that case. + * + * @see https://github.com/WordPress/gutenberg/issues/18045 + */ + +/** + * Specify a function to execute when the DOM is fully loaded. + * + * @param {Callback} callback A function to execute after the DOM is ready. + * + * @example + * ```js + * import domReady from '@wordpress/dom-ready'; + * + * domReady( function() { + * //do something after DOM loads. + * } ); + * ``` + * + * @return {void} + */ +function domReady(callback) { + if (typeof document === 'undefined') { + return; + } + + if (document.readyState === 'complete' || // DOMContentLoaded + Images/Styles/etc loaded, so we call directly. + document.readyState === 'interactive' // DOMContentLoaded fires at this point, so we call directly. + ) { + return void callback(); + } // DOMContentLoaded has not fired yet, delay callback until then. + + + document.addEventListener('DOMContentLoaded', callback); +} +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createAddHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createAddHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validateNamespace.js */ "./node_modules/@wordpress/hooks/build-module/validateNamespace.js"); +/* harmony import */ var _validateHookName_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./validateHookName.js */ "./node_modules/@wordpress/hooks/build-module/validateHookName.js"); +/** + * Internal dependencies + */ + + +/** + * @callback AddHook + * + * Adds the hook to the appropriate hooks container. + * + * @param {string} hookName Name of hook to add + * @param {string} namespace The unique namespace identifying the callback in the form `vendor/plugin/function`. + * @param {import('.').Callback} callback Function to call when the hook is run + * @param {number} [priority=10] Priority of this hook + */ + +/** + * Returns a function which, when invoked, will add a hook. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {AddHook} Function that adds a new hook. + */ + +function createAddHook(hooks, storeKey) { + return function addHook(hookName, namespace, callback) { + var priority = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10; + var hooksStore = hooks[storeKey]; + + if (!(0,_validateHookName_js__WEBPACK_IMPORTED_MODULE_1__["default"])(hookName)) { + return; + } + + if (!(0,_validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__["default"])(namespace)) { + return; + } + + if ('function' !== typeof callback) { + // eslint-disable-next-line no-console + console.error('The hook callback must be a function.'); + return; + } // Validate numeric priority + + + if ('number' !== typeof priority) { + // eslint-disable-next-line no-console + console.error('If specified, the hook priority must be a number.'); + return; + } + + var handler = { + callback: callback, + priority: priority, + namespace: namespace + }; + + if (hooksStore[hookName]) { + // Find the correct insert index of the new hook. + var handlers = hooksStore[hookName].handlers; + /** @type {number} */ + + var i; + + for (i = handlers.length; i > 0; i--) { + if (priority >= handlers[i - 1].priority) { + break; + } + } + + if (i === handlers.length) { + // If append, operate via direct assignment. + handlers[i] = handler; + } else { + // Otherwise, insert before index via splice. + handlers.splice(i, 0, handler); + } // We may also be currently executing this hook. If the callback + // we're adding would come after the current callback, there's no + // problem; otherwise we need to increase the execution index of + // any other runs by 1 to account for the added element. + + + hooksStore.__current.forEach(function (hookInfo) { + if (hookInfo.name === hookName && hookInfo.currentIndex >= i) { + hookInfo.currentIndex++; + } + }); + } else { + // This is the first hook of its type. + hooksStore[hookName] = { + handlers: [handler], + runs: 0 + }; + } + + if (hookName !== 'hookAdded') { + hooks.doAction('hookAdded', hookName, namespace, callback, priority); + } + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createAddHook); +//# sourceMappingURL=createAddHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createCurrentHook.js": +/*!*************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createCurrentHook.js ***! + \*************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Returns a function which, when invoked, will return the name of the + * currently running hook, or `null` if no hook of the given type is currently + * running. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {() => string | null} Function that returns the current hook name or null. + */ +function createCurrentHook(hooks, storeKey) { + return function currentHook() { + var _hooksStore$__current, _hooksStore$__current2; + + var hooksStore = hooks[storeKey]; + return (_hooksStore$__current = (_hooksStore$__current2 = hooksStore.__current[hooksStore.__current.length - 1]) === null || _hooksStore$__current2 === void 0 ? void 0 : _hooksStore$__current2.name) !== null && _hooksStore$__current !== void 0 ? _hooksStore$__current : null; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createCurrentHook); +//# sourceMappingURL=createCurrentHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createDidHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createDidHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _validateHookName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validateHookName.js */ "./node_modules/@wordpress/hooks/build-module/validateHookName.js"); +/** + * Internal dependencies + */ + +/** + * @callback DidHook + * + * Returns the number of times an action has been fired. + * + * @param {string} hookName The hook name to check. + * + * @return {number | undefined} The number of times the hook has run. + */ + +/** + * Returns a function which, when invoked, will return the number of times a + * hook has been called. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {DidHook} Function that returns a hook's call count. + */ + +function createDidHook(hooks, storeKey) { + return function didHook(hookName) { + var hooksStore = hooks[storeKey]; + + if (!(0,_validateHookName_js__WEBPACK_IMPORTED_MODULE_0__["default"])(hookName)) { + return; + } + + return hooksStore[hookName] && hooksStore[hookName].runs ? hooksStore[hookName].runs : 0; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createDidHook); +//# sourceMappingURL=createDidHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createDoingHook.js": +/*!***********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createDoingHook.js ***! + \***********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * @callback DoingHook + * Returns whether a hook is currently being executed. + * + * @param {string} [hookName] The name of the hook to check for. If + * omitted, will check for any hook being executed. + * + * @return {boolean} Whether the hook is being executed. + */ + +/** + * Returns a function which, when invoked, will return whether a hook is + * currently being executed. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {DoingHook} Function that returns whether a hook is currently + * being executed. + */ +function createDoingHook(hooks, storeKey) { + return function doingHook(hookName) { + var hooksStore = hooks[storeKey]; // If the hookName was not passed, check for any current hook. + + if ('undefined' === typeof hookName) { + return 'undefined' !== typeof hooksStore.__current[0]; + } // Return the __current hook. + + + return hooksStore.__current[0] ? hookName === hooksStore.__current[0].name : false; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createDoingHook); +//# sourceMappingURL=createDoingHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createHasHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createHasHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * @callback HasHook + * + * Returns whether any handlers are attached for the given hookName and optional namespace. + * + * @param {string} hookName The name of the hook to check for. + * @param {string} [namespace] Optional. The unique namespace identifying the callback + * in the form `vendor/plugin/function`. + * + * @return {boolean} Whether there are handlers that are attached to the given hook. + */ + +/** + * Returns a function which, when invoked, will return whether any handlers are + * attached to a particular hook. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {HasHook} Function that returns whether any handlers are + * attached to a particular hook and optional namespace. + */ +function createHasHook(hooks, storeKey) { + return function hasHook(hookName, namespace) { + var hooksStore = hooks[storeKey]; // Use the namespace if provided. + + if ('undefined' !== typeof namespace) { + return hookName in hooksStore && hooksStore[hookName].handlers.some(function (hook) { + return hook.namespace === namespace; + }); + } + + return hookName in hooksStore; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createHasHook); +//# sourceMappingURL=createHasHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createHooks.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createHooks.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ _Hooks: () => (/* binding */ _Hooks), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"); +/* harmony import */ var _createAddHook__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./createAddHook */ "./node_modules/@wordpress/hooks/build-module/createAddHook.js"); +/* harmony import */ var _createRemoveHook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./createRemoveHook */ "./node_modules/@wordpress/hooks/build-module/createRemoveHook.js"); +/* harmony import */ var _createHasHook__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./createHasHook */ "./node_modules/@wordpress/hooks/build-module/createHasHook.js"); +/* harmony import */ var _createRunHook__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./createRunHook */ "./node_modules/@wordpress/hooks/build-module/createRunHook.js"); +/* harmony import */ var _createCurrentHook__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./createCurrentHook */ "./node_modules/@wordpress/hooks/build-module/createCurrentHook.js"); +/* harmony import */ var _createDoingHook__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./createDoingHook */ "./node_modules/@wordpress/hooks/build-module/createDoingHook.js"); +/* harmony import */ var _createDidHook__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./createDidHook */ "./node_modules/@wordpress/hooks/build-module/createDidHook.js"); + + +/** + * Internal dependencies + */ + + + + + + + +/** + * Internal class for constructing hooks. Use `createHooks()` function + * + * Note, it is necessary to expose this class to make its type public. + * + * @private + */ + +var _Hooks = function _Hooks() { + (0,_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, _Hooks); + + /** @type {import('.').Store} actions */ + this.actions = Object.create(null); + this.actions.__current = []; + /** @type {import('.').Store} filters */ + + this.filters = Object.create(null); + this.filters.__current = []; + this.addAction = (0,_createAddHook__WEBPACK_IMPORTED_MODULE_1__["default"])(this, 'actions'); + this.addFilter = (0,_createAddHook__WEBPACK_IMPORTED_MODULE_1__["default"])(this, 'filters'); + this.removeAction = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'actions'); + this.removeFilter = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'filters'); + this.hasAction = (0,_createHasHook__WEBPACK_IMPORTED_MODULE_3__["default"])(this, 'actions'); + this.hasFilter = (0,_createHasHook__WEBPACK_IMPORTED_MODULE_3__["default"])(this, 'filters'); + this.removeAllActions = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'actions', true); + this.removeAllFilters = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'filters', true); + this.doAction = (0,_createRunHook__WEBPACK_IMPORTED_MODULE_4__["default"])(this, 'actions'); + this.applyFilters = (0,_createRunHook__WEBPACK_IMPORTED_MODULE_4__["default"])(this, 'filters', true); + this.currentAction = (0,_createCurrentHook__WEBPACK_IMPORTED_MODULE_5__["default"])(this, 'actions'); + this.currentFilter = (0,_createCurrentHook__WEBPACK_IMPORTED_MODULE_5__["default"])(this, 'filters'); + this.doingAction = (0,_createDoingHook__WEBPACK_IMPORTED_MODULE_6__["default"])(this, 'actions'); + this.doingFilter = (0,_createDoingHook__WEBPACK_IMPORTED_MODULE_6__["default"])(this, 'filters'); + this.didAction = (0,_createDidHook__WEBPACK_IMPORTED_MODULE_7__["default"])(this, 'actions'); + this.didFilter = (0,_createDidHook__WEBPACK_IMPORTED_MODULE_7__["default"])(this, 'filters'); +}; +/** @typedef {_Hooks} Hooks */ + +/** + * Returns an instance of the hooks object. + * + * @return {Hooks} A Hooks instance. + */ + +function createHooks() { + return new _Hooks(); +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createHooks); +//# sourceMappingURL=createHooks.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createRemoveHook.js": +/*!************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createRemoveHook.js ***! + \************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validateNamespace.js */ "./node_modules/@wordpress/hooks/build-module/validateNamespace.js"); +/* harmony import */ var _validateHookName_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./validateHookName.js */ "./node_modules/@wordpress/hooks/build-module/validateHookName.js"); +/** + * Internal dependencies + */ + + +/** + * @callback RemoveHook + * Removes the specified callback (or all callbacks) from the hook with a given hookName + * and namespace. + * + * @param {string} hookName The name of the hook to modify. + * @param {string} namespace The unique namespace identifying the callback in the + * form `vendor/plugin/function`. + * + * @return {number | undefined} The number of callbacks removed. + */ + +/** + * Returns a function which, when invoked, will remove a specified hook or all + * hooks by the given name. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * @param {boolean} [removeAll=false] Whether to remove all callbacks for a hookName, + * without regard to namespace. Used to create + * `removeAll*` functions. + * + * @return {RemoveHook} Function that removes hooks. + */ + +function createRemoveHook(hooks, storeKey) { + var removeAll = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; + return function removeHook(hookName, namespace) { + var hooksStore = hooks[storeKey]; + + if (!(0,_validateHookName_js__WEBPACK_IMPORTED_MODULE_1__["default"])(hookName)) { + return; + } + + if (!removeAll && !(0,_validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__["default"])(namespace)) { + return; + } // Bail if no hooks exist by this name + + + if (!hooksStore[hookName]) { + return 0; + } + + var handlersRemoved = 0; + + if (removeAll) { + handlersRemoved = hooksStore[hookName].handlers.length; + hooksStore[hookName] = { + runs: hooksStore[hookName].runs, + handlers: [] + }; + } else { + // Try to find the specified callback to remove. + var handlers = hooksStore[hookName].handlers; + + var _loop = function _loop(i) { + if (handlers[i].namespace === namespace) { + handlers.splice(i, 1); + handlersRemoved++; // This callback may also be part of a hook that is + // currently executing. If the callback we're removing + // comes after the current callback, there's no problem; + // otherwise we need to decrease the execution index of any + // other runs by 1 to account for the removed element. + + hooksStore.__current.forEach(function (hookInfo) { + if (hookInfo.name === hookName && hookInfo.currentIndex >= i) { + hookInfo.currentIndex--; + } + }); + } + }; + + for (var i = handlers.length - 1; i >= 0; i--) { + _loop(i); + } + } + + if (hookName !== 'hookRemoved') { + hooks.doAction('hookRemoved', hookName, namespace); + } + + return handlersRemoved; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createRemoveHook); +//# sourceMappingURL=createRemoveHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createRunHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createRunHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"); + + +/** + * Returns a function which, when invoked, will execute all callbacks + * registered to a hook of the specified type, optionally returning the final + * value of the call chain. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * @param {boolean} [returnFirstArg=false] Whether each hook callback is expected to + * return its first argument. + * + * @return {(hookName:string, ...args: unknown[]) => unknown} Function that runs hook callbacks. + */ +function createRunHook(hooks, storeKey) { + var returnFirstArg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; + return function runHooks(hookName) { + var hooksStore = hooks[storeKey]; + + if (!hooksStore[hookName]) { + hooksStore[hookName] = { + handlers: [], + runs: 0 + }; + } + + hooksStore[hookName].runs++; + var handlers = hooksStore[hookName].handlers; // The following code is stripped from production builds. + + if (true) { + // Handle any 'all' hooks registered. + if ('hookAdded' !== hookName && hooksStore.all) { + handlers.push.apply(handlers, (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(hooksStore.all.handlers)); + } + } + + for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + if (!handlers || !handlers.length) { + return returnFirstArg ? args[0] : undefined; + } + + var hookInfo = { + name: hookName, + currentIndex: 0 + }; + + hooksStore.__current.push(hookInfo); + + while (hookInfo.currentIndex < handlers.length) { + var handler = handlers[hookInfo.currentIndex]; + var result = handler.callback.apply(null, args); + + if (returnFirstArg) { + args[0] = result; + } + + hookInfo.currentIndex++; + } + + hooksStore.__current.pop(); + + if (returnFirstArg) { + return args[0]; + } + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createRunHook); +//# sourceMappingURL=createRunHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/index.js": +/*!*************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/index.js ***! + \*************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ actions: () => (/* binding */ actions), +/* harmony export */ addAction: () => (/* binding */ addAction), +/* harmony export */ addFilter: () => (/* binding */ addFilter), +/* harmony export */ applyFilters: () => (/* binding */ applyFilters), +/* harmony export */ createHooks: () => (/* reexport safe */ _createHooks__WEBPACK_IMPORTED_MODULE_0__["default"]), +/* harmony export */ currentAction: () => (/* binding */ currentAction), +/* harmony export */ currentFilter: () => (/* binding */ currentFilter), +/* harmony export */ defaultHooks: () => (/* binding */ defaultHooks), +/* harmony export */ didAction: () => (/* binding */ didAction), +/* harmony export */ didFilter: () => (/* binding */ didFilter), +/* harmony export */ doAction: () => (/* binding */ doAction), +/* harmony export */ doingAction: () => (/* binding */ doingAction), +/* harmony export */ doingFilter: () => (/* binding */ doingFilter), +/* harmony export */ filters: () => (/* binding */ filters), +/* harmony export */ hasAction: () => (/* binding */ hasAction), +/* harmony export */ hasFilter: () => (/* binding */ hasFilter), +/* harmony export */ removeAction: () => (/* binding */ removeAction), +/* harmony export */ removeAllActions: () => (/* binding */ removeAllActions), +/* harmony export */ removeAllFilters: () => (/* binding */ removeAllFilters), +/* harmony export */ removeFilter: () => (/* binding */ removeFilter) +/* harmony export */ }); +/* harmony import */ var _createHooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./createHooks */ "./node_modules/@wordpress/hooks/build-module/createHooks.js"); +/** + * Internal dependencies + */ + +/** @typedef {(...args: any[])=>any} Callback */ + +/** + * @typedef Handler + * @property {Callback} callback The callback + * @property {string} namespace The namespace + * @property {number} priority The namespace + */ + +/** + * @typedef Hook + * @property {Handler[]} handlers Array of handlers + * @property {number} runs Run counter + */ + +/** + * @typedef Current + * @property {string} name Hook name + * @property {number} currentIndex The index + */ + +/** + * @typedef {Record & {__current: Current[]}} Store + */ + +/** + * @typedef {'actions' | 'filters'} StoreKey + */ + +/** + * @typedef {import('./createHooks').Hooks} Hooks + */ + +var defaultHooks = (0,_createHooks__WEBPACK_IMPORTED_MODULE_0__["default"])(); +var addAction = defaultHooks.addAction, + addFilter = defaultHooks.addFilter, + removeAction = defaultHooks.removeAction, + removeFilter = defaultHooks.removeFilter, + hasAction = defaultHooks.hasAction, + hasFilter = defaultHooks.hasFilter, + removeAllActions = defaultHooks.removeAllActions, + removeAllFilters = defaultHooks.removeAllFilters, + doAction = defaultHooks.doAction, + applyFilters = defaultHooks.applyFilters, + currentAction = defaultHooks.currentAction, + currentFilter = defaultHooks.currentFilter, + doingAction = defaultHooks.doingAction, + doingFilter = defaultHooks.doingFilter, + didAction = defaultHooks.didAction, + didFilter = defaultHooks.didFilter, + actions = defaultHooks.actions, + filters = defaultHooks.filters; + +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/validateHookName.js": +/*!************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/validateHookName.js ***! + \************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Validate a hookName string. + * + * @param {string} hookName The hook name to validate. Should be a non empty string containing + * only numbers, letters, dashes, periods and underscores. Also, + * the hook name cannot begin with `__`. + * + * @return {boolean} Whether the hook name is valid. + */ +function validateHookName(hookName) { + if ('string' !== typeof hookName || '' === hookName) { + // eslint-disable-next-line no-console + console.error('The hook name must be a non-empty string.'); + return false; + } + + if (/^__/.test(hookName)) { + // eslint-disable-next-line no-console + console.error('The hook name cannot begin with `__`.'); + return false; + } + + if (!/^[a-zA-Z][a-zA-Z0-9_.-]*$/.test(hookName)) { + // eslint-disable-next-line no-console + console.error('The hook name can only contain numbers, letters, dashes, periods and underscores.'); + return false; + } + + return true; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (validateHookName); +//# sourceMappingURL=validateHookName.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/validateNamespace.js": +/*!*************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/validateNamespace.js ***! + \*************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Validate a namespace string. + * + * @param {string} namespace The namespace to validate - should take the form + * `vendor/plugin/function`. + * + * @return {boolean} Whether the namespace is valid. + */ +function validateNamespace(namespace) { + if ('string' !== typeof namespace || '' === namespace) { + // eslint-disable-next-line no-console + console.error('The namespace must be a non-empty string.'); + return false; + } + + if (!/^[a-zA-Z][a-zA-Z0-9_.\-\/]*$/.test(namespace)) { + // eslint-disable-next-line no-console + console.error('The namespace can only contain numbers, letters, dashes, periods, underscores and slashes.'); + return false; + } + + return true; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (validateNamespace); +//# sourceMappingURL=validateNamespace.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/create-i18n.js": +/*!******************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/create-i18n.js ***! + \******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createI18n: () => (/* binding */ createI18n) +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); +/* harmony import */ var tannin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tannin */ "./node_modules/tannin/index.js"); + + +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } + +/** + * External dependencies + */ + +/** + * @typedef {Record} LocaleData + */ + +/** + * Default locale data to use for Tannin domain when not otherwise provided. + * Assumes an English plural forms expression. + * + * @type {LocaleData} + */ + +var DEFAULT_LOCALE_DATA = { + '': { + /** @param {number} n */ + plural_forms: function plural_forms(n) { + return n === 1 ? 0 : 1; + } + } +}; +/* + * Regular expression that matches i18n hooks like `i18n.gettext`, `i18n.ngettext`, + * `i18n.gettext_domain` or `i18n.ngettext_with_context` or `i18n.has_translation`. + */ + +var I18N_HOOK_REGEXP = /^i18n\.(n?gettext|has_translation)(_|$)/; +/** + * @typedef {(domain?: string) => LocaleData} GetLocaleData + * + * Returns locale data by domain in a + * Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + */ + +/** + * @typedef {(data?: LocaleData, domain?: string) => void} SetLocaleData + * + * Merges locale data into the Tannin instance by domain. Accepts data in a + * Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + */ + +/** + * @typedef {(data?: LocaleData, domain?: string) => void} ResetLocaleData + * + * Resets all current Tannin instance locale data and sets the specified + * locale data for the domain. Accepts data in a Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + */ + +/** @typedef {() => void} SubscribeCallback */ + +/** @typedef {() => void} UnsubscribeCallback */ + +/** + * @typedef {(callback: SubscribeCallback) => UnsubscribeCallback} Subscribe + * + * Subscribes to changes of locale data + */ + +/** + * @typedef {(domain?: string) => string} GetFilterDomain + * Retrieve the domain to use when calling domain-specific filters. + */ + +/** + * @typedef {(text: string, domain?: string) => string} __ + * + * Retrieve the translation of text. + * + * @see https://developer.wordpress.org/reference/functions/__/ + */ + +/** + * @typedef {(text: string, context: string, domain?: string) => string} _x + * + * Retrieve translated string with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_x/ + */ + +/** + * @typedef {(single: string, plural: string, number: number, domain?: string) => string} _n + * + * Translates and retrieves the singular or plural form based on the supplied + * number. + * + * @see https://developer.wordpress.org/reference/functions/_n/ + */ + +/** + * @typedef {(single: string, plural: string, number: number, context: string, domain?: string) => string} _nx + * + * Translates and retrieves the singular or plural form based on the supplied + * number, with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_nx/ + */ + +/** + * @typedef {() => boolean} IsRtl + * + * Check if current locale is RTL. + * + * **RTL (Right To Left)** is a locale property indicating that text is written from right to left. + * For example, the `he` locale (for Hebrew) specifies right-to-left. Arabic (ar) is another common + * language written RTL. The opposite of RTL, LTR (Left To Right) is used in other languages, + * including English (`en`, `en-US`, `en-GB`, etc.), Spanish (`es`), and French (`fr`). + */ + +/** + * @typedef {(single: string, context?: string, domain?: string) => boolean} HasTranslation + * + * Check if there is a translation for a given string in singular form. + */ + +/** @typedef {import('@wordpress/hooks').Hooks} Hooks */ + +/** + * An i18n instance + * + * @typedef I18n + * @property {GetLocaleData} getLocaleData Returns locale data by domain in a Jed-formatted JSON object shape. + * @property {SetLocaleData} setLocaleData Merges locale data into the Tannin instance by domain. Accepts data in a + * Jed-formatted JSON object shape. + * @property {ResetLocaleData} resetLocaleData Resets all current Tannin instance locale data and sets the specified + * locale data for the domain. Accepts data in a Jed-formatted JSON object shape. + * @property {Subscribe} subscribe Subscribes to changes of Tannin locale data. + * @property {__} __ Retrieve the translation of text. + * @property {_x} _x Retrieve translated string with gettext context. + * @property {_n} _n Translates and retrieves the singular or plural form based on the supplied + * number. + * @property {_nx} _nx Translates and retrieves the singular or plural form based on the supplied + * number, with gettext context. + * @property {IsRtl} isRTL Check if current locale is RTL. + * @property {HasTranslation} hasTranslation Check if there is a translation for a given string. + */ + +/** + * Create an i18n instance + * + * @param {LocaleData} [initialData] Locale data configuration. + * @param {string} [initialDomain] Domain for which configuration applies. + * @param {Hooks} [hooks] Hooks implementation. + * @return {I18n} I18n instance + */ + +var createI18n = function createI18n(initialData, initialDomain, hooks) { + /** + * The underlying instance of Tannin to which exported functions interface. + * + * @type {Tannin} + */ + var tannin = new tannin__WEBPACK_IMPORTED_MODULE_1__["default"]({}); + var listeners = new Set(); + + var notifyListeners = function notifyListeners() { + listeners.forEach(function (listener) { + return listener(); + }); + }; + /** + * Subscribe to changes of locale data. + * + * @param {SubscribeCallback} callback Subscription callback. + * @return {UnsubscribeCallback} Unsubscribe callback. + */ + + + var subscribe = function subscribe(callback) { + listeners.add(callback); + return function () { + return listeners.delete(callback); + }; + }; + /** @type {GetLocaleData} */ + + + var getLocaleData = function getLocaleData() { + var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default'; + return tannin.data[domain]; + }; + /** + * @param {LocaleData} [data] + * @param {string} [domain] + */ + + + var doSetLocaleData = function doSetLocaleData(data) { + var domain = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default'; + tannin.data[domain] = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_LOCALE_DATA), tannin.data[domain]), data); // Populate default domain configuration (supported locale date which omits + // a plural forms expression). + + tannin.data[domain][''] = _objectSpread(_objectSpread({}, DEFAULT_LOCALE_DATA['']), tannin.data[domain]['']); + }; + /** @type {SetLocaleData} */ + + + var setLocaleData = function setLocaleData(data, domain) { + doSetLocaleData(data, domain); + notifyListeners(); + }; + /** @type {ResetLocaleData} */ + + + var resetLocaleData = function resetLocaleData(data, domain) { + // Reset all current Tannin locale data. + tannin.data = {}; // Reset cached plural forms functions cache. + + tannin.pluralForms = {}; + setLocaleData(data, domain); + }; + /** + * Wrapper for Tannin's `dcnpgettext`. Populates default locale data if not + * otherwise previously assigned. + * + * @param {string|undefined} domain Domain to retrieve the translated text. + * @param {string|undefined} context Context information for the translators. + * @param {string} single Text to translate if non-plural. Used as + * fallback return value on a caught error. + * @param {string} [plural] The text to be used if the number is + * plural. + * @param {number} [number] The number to compare against to use + * either the singular or plural form. + * + * @return {string} The translated string. + */ + + + var dcnpgettext = function dcnpgettext() { + var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default'; + var context = arguments.length > 1 ? arguments[1] : undefined; + var single = arguments.length > 2 ? arguments[2] : undefined; + var plural = arguments.length > 3 ? arguments[3] : undefined; + var number = arguments.length > 4 ? arguments[4] : undefined; + + if (!tannin.data[domain]) { + // use `doSetLocaleData` to set silently, without notifying listeners + doSetLocaleData(undefined, domain); + } + + return tannin.dcnpgettext(domain, context, single, plural, number); + }; + /** @type {GetFilterDomain} */ + + + var getFilterDomain = function getFilterDomain() { + var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default'; + return domain; + }; + /** @type {__} */ + + + var __ = function __(text, domain) { + var translation = dcnpgettext(domain, undefined, text); + + if (!hooks) { + return translation; + } + /** + * Filters text with its translation. + * + * @param {string} translation Translated text. + * @param {string} text Text to translate. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext', translation, text, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext_' + getFilterDomain(domain), translation, text, domain) + ); + }; + /** @type {_x} */ + + + var _x = function _x(text, context, domain) { + var translation = dcnpgettext(domain, context, text); + + if (!hooks) { + return translation; + } + /** + * Filters text with its translation based on context information. + * + * @param {string} translation Translated text. + * @param {string} text Text to translate. + * @param {string} context Context information for the translators. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext_with_context', translation, text, context, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext_with_context_' + getFilterDomain(domain), translation, text, context, domain) + ); + }; + /** @type {_n} */ + + + var _n = function _n(single, plural, number, domain) { + var translation = dcnpgettext(domain, undefined, single, plural, number); + + if (!hooks) { + return translation; + } + /** + * Filters the singular or plural form of a string. + * + * @param {string} translation Translated text. + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {string} number The number to compare against to use either the singular or plural form. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext', translation, single, plural, number, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext_' + getFilterDomain(domain), translation, single, plural, number, domain) + ); + }; + /** @type {_nx} */ + + + var _nx = function _nx(single, plural, number, context, domain) { + var translation = dcnpgettext(domain, context, single, plural, number); + + if (!hooks) { + return translation; + } + /** + * Filters the singular or plural form of a string with gettext context. + * + * @param {string} translation Translated text. + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {string} number The number to compare against to use either the singular or plural form. + * @param {string} context Context information for the translators. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext_with_context', translation, single, plural, number, context, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext_with_context_' + getFilterDomain(domain), translation, single, plural, number, context, domain) + ); + }; + /** @type {IsRtl} */ + + + var isRTL = function isRTL() { + return 'rtl' === _x('ltr', 'text direction'); + }; + /** @type {HasTranslation} */ + + + var hasTranslation = function hasTranslation(single, context, domain) { + var _tannin$data, _tannin$data2; + + var key = context ? context + "\x04" + single : single; + var result = !!((_tannin$data = tannin.data) !== null && _tannin$data !== void 0 && (_tannin$data2 = _tannin$data[domain !== null && domain !== void 0 ? domain : 'default']) !== null && _tannin$data2 !== void 0 && _tannin$data2[key]); + + if (hooks) { + /** + * Filters the presence of a translation in the locale data. + * + * @param {boolean} hasTranslation Whether the translation is present or not.. + * @param {string} single The singular form of the translated text (used as key in locale data) + * @param {string} context Context information for the translators. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + result = + /** @type { boolean } */ + + /** @type {*} */ + hooks.applyFilters('i18n.has_translation', result, single, context, domain); + result = + /** @type { boolean } */ + + /** @type {*} */ + hooks.applyFilters('i18n.has_translation_' + getFilterDomain(domain), result, single, context, domain); + } + + return result; + }; + + if (initialData) { + setLocaleData(initialData, initialDomain); + } + + if (hooks) { + /** + * @param {string} hookName + */ + var onHookAddedOrRemoved = function onHookAddedOrRemoved(hookName) { + if (I18N_HOOK_REGEXP.test(hookName)) { + notifyListeners(); + } + }; + + hooks.addAction('hookAdded', 'core/i18n', onHookAddedOrRemoved); + hooks.addAction('hookRemoved', 'core/i18n', onHookAddedOrRemoved); + } + + return { + getLocaleData: getLocaleData, + setLocaleData: setLocaleData, + resetLocaleData: resetLocaleData, + subscribe: subscribe, + __: __, + _x: _x, + _n: _n, + _nx: _nx, + isRTL: isRTL, + hasTranslation: hasTranslation + }; +}; +//# sourceMappingURL=create-i18n.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/default-i18n.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/default-i18n.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ __: () => (/* binding */ __), +/* harmony export */ _n: () => (/* binding */ _n), +/* harmony export */ _nx: () => (/* binding */ _nx), +/* harmony export */ _x: () => (/* binding */ _x), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ getLocaleData: () => (/* binding */ getLocaleData), +/* harmony export */ hasTranslation: () => (/* binding */ hasTranslation), +/* harmony export */ isRTL: () => (/* binding */ isRTL), +/* harmony export */ resetLocaleData: () => (/* binding */ resetLocaleData), +/* harmony export */ setLocaleData: () => (/* binding */ setLocaleData), +/* harmony export */ subscribe: () => (/* binding */ subscribe) +/* harmony export */ }); +/* harmony import */ var _create_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-i18n */ "./node_modules/@wordpress/i18n/build-module/create-i18n.js"); +/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/hooks */ "./node_modules/@wordpress/hooks/build-module/index.js"); +/** + * Internal dependencies + */ + +/** + * WordPress dependencies + */ + + +var i18n = (0,_create_i18n__WEBPACK_IMPORTED_MODULE_0__.createI18n)(undefined, undefined, _wordpress_hooks__WEBPACK_IMPORTED_MODULE_1__.defaultHooks); +/** + * Default, singleton instance of `I18n`. + */ + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (i18n); +/* + * Comments in this file are duplicated from ./i18n due to + * https://github.com/WordPress/gutenberg/pull/20318#issuecomment-590837722 + */ + +/** + * @typedef {import('./create-i18n').LocaleData} LocaleData + * @typedef {import('./create-i18n').SubscribeCallback} SubscribeCallback + * @typedef {import('./create-i18n').UnsubscribeCallback} UnsubscribeCallback + */ + +/** + * Returns locale data by domain in a Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param {string} [domain] Domain for which to get the data. + * @return {LocaleData} Locale data. + */ + +var getLocaleData = i18n.getLocaleData.bind(i18n); +/** + * Merges locale data into the Tannin instance by domain. Accepts data in a + * Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param {LocaleData} [data] Locale data configuration. + * @param {string} [domain] Domain for which configuration applies. + */ + +var setLocaleData = i18n.setLocaleData.bind(i18n); +/** + * Resets all current Tannin instance locale data and sets the specified + * locale data for the domain. Accepts data in a Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param {LocaleData} [data] Locale data configuration. + * @param {string} [domain] Domain for which configuration applies. + */ + +var resetLocaleData = i18n.resetLocaleData.bind(i18n); +/** + * Subscribes to changes of locale data + * + * @param {SubscribeCallback} callback Subscription callback + * @return {UnsubscribeCallback} Unsubscribe callback + */ + +var subscribe = i18n.subscribe.bind(i18n); +/** + * Retrieve the translation of text. + * + * @see https://developer.wordpress.org/reference/functions/__/ + * + * @param {string} text Text to translate. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} Translated text. + */ + +var __ = i18n.__.bind(i18n); +/** + * Retrieve translated string with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_x/ + * + * @param {string} text Text to translate. + * @param {string} context Context information for the translators. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} Translated context string without pipe. + */ + +var _x = i18n._x.bind(i18n); +/** + * Translates and retrieves the singular or plural form based on the supplied + * number. + * + * @see https://developer.wordpress.org/reference/functions/_n/ + * + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {number} number The number to compare against to use either the + * singular or plural form. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} The translated singular or plural form. + */ + +var _n = i18n._n.bind(i18n); +/** + * Translates and retrieves the singular or plural form based on the supplied + * number, with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_nx/ + * + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {number} number The number to compare against to use either the + * singular or plural form. + * @param {string} context Context information for the translators. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} The translated singular or plural form. + */ + +var _nx = i18n._nx.bind(i18n); +/** + * Check if current locale is RTL. + * + * **RTL (Right To Left)** is a locale property indicating that text is written from right to left. + * For example, the `he` locale (for Hebrew) specifies right-to-left. Arabic (ar) is another common + * language written RTL. The opposite of RTL, LTR (Left To Right) is used in other languages, + * including English (`en`, `en-US`, `en-GB`, etc.), Spanish (`es`), and French (`fr`). + * + * @return {boolean} Whether locale is RTL. + */ + +var isRTL = i18n.isRTL.bind(i18n); +/** + * Check if there is a translation for a given string (in singular form). + * + * @param {string} single Singular form of the string to look up. + * @param {string} [context] Context information for the translators. + * @param {string} [domain] Domain to retrieve the translated text. + * @return {boolean} Whether the translation exists or not. + */ + +var hasTranslation = i18n.hasTranslation.bind(i18n); +//# sourceMappingURL=default-i18n.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/index.js": +/*!************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/index.js ***! + \************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ __: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.__), +/* harmony export */ _n: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._n), +/* harmony export */ _nx: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._nx), +/* harmony export */ _x: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._x), +/* harmony export */ createI18n: () => (/* reexport safe */ _create_i18n__WEBPACK_IMPORTED_MODULE_1__.createI18n), +/* harmony export */ defaultI18n: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__["default"]), +/* harmony export */ getLocaleData: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.getLocaleData), +/* harmony export */ hasTranslation: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.hasTranslation), +/* harmony export */ isRTL: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.isRTL), +/* harmony export */ resetLocaleData: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.resetLocaleData), +/* harmony export */ setLocaleData: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.setLocaleData), +/* harmony export */ sprintf: () => (/* reexport safe */ _sprintf__WEBPACK_IMPORTED_MODULE_0__.sprintf), +/* harmony export */ subscribe: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.subscribe) +/* harmony export */ }); +/* harmony import */ var _sprintf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sprintf */ "./node_modules/@wordpress/i18n/build-module/sprintf.js"); +/* harmony import */ var _create_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create-i18n */ "./node_modules/@wordpress/i18n/build-module/create-i18n.js"); +/* harmony import */ var _default_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./default-i18n */ "./node_modules/@wordpress/i18n/build-module/default-i18n.js"); + + + +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/sprintf.js": +/*!**************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/sprintf.js ***! + \**************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ sprintf: () => (/* binding */ sprintf) +/* harmony export */ }); +/* harmony import */ var memize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! memize */ "./node_modules/memize/index.js"); +/* harmony import */ var memize__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(memize__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var sprintf_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! sprintf-js */ "./node_modules/sprintf-js/src/sprintf.js"); +/* harmony import */ var sprintf_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(sprintf_js__WEBPACK_IMPORTED_MODULE_1__); +/** + * External dependencies + */ + + +/** + * Log to console, once per message; or more precisely, per referentially equal + * argument set. Because Jed throws errors, we log these to the console instead + * to avoid crashing the application. + * + * @param {...*} args Arguments to pass to `console.error` + */ + +var logErrorOnce = memize__WEBPACK_IMPORTED_MODULE_0___default()(console.error); // eslint-disable-line no-console + +/** + * Returns a formatted string. If an error occurs in applying the format, the + * original format string is returned. + * + * @param {string} format The format of the string to generate. + * @param {...*} args Arguments to apply to the format. + * + * @see https://www.npmjs.com/package/sprintf-js + * + * @return {string} The formatted string. + */ + +function sprintf(format) { + try { + for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + return sprintf_js__WEBPACK_IMPORTED_MODULE_1___default().sprintf.apply((sprintf_js__WEBPACK_IMPORTED_MODULE_1___default()), [format].concat(args)); + } catch (error) { + logErrorOnce('sprintf error: \n\n' + error.toString()); + return format; + } +} +//# sourceMappingURL=sprintf.js.map + +/***/ }), + +/***/ "./js/src/addons-page/addons/categorizeAddons.js": +/*!*******************************************************!*\ + !*** ./js/src/addons-page/addons/categorizeAddons.js ***! + \*******************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ buildCategorizedAddons: () => (/* binding */ buildCategorizedAddons), +/* harmony export */ categorizedAddons: () => (/* binding */ categorizedAddons) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../elements */ "./js/src/addons-page/elements/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ "./js/src/addons-page/constants.js"); +/** + * Internal dependencies + */ + + +var categorizedAddons = {}; +categorizedAddons[_constants__WEBPACK_IMPORTED_MODULE_1__.VIEWS.AVAILABLE] = []; +categorizedAddons[_constants__WEBPACK_IMPORTED_MODULE_1__.VIEWS.ACTIVE] = []; + +/** + * Builds a categorized list of addons. + * + * @return {void} + */ +function buildCategorizedAddons() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_0__.getElements)(), + addons = _getElements.addons; + addons.forEach(function (addon) { + // Extract and split the categories from data attribute + var dataCategories = addon.getAttribute('data-categories'); + if (!dataCategories) { + return; + } + var categories = dataCategories.split(','); + categories.forEach(function (category) { + // Initialize the category array if not already done + if (!categorizedAddons[category]) { + categorizedAddons[category] = []; + } + + // Add the addon to the appropriate category + categorizedAddons[category].push(addon); + }); + }); +} + +/***/ }), + +/***/ "./js/src/addons-page/addons/index.js": +/*!********************************************!*\ + !*** ./js/src/addons-page/addons/index.js ***! + \********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ buildCategorizedAddons: () => (/* reexport safe */ _categorizeAddons__WEBPACK_IMPORTED_MODULE_0__.buildCategorizedAddons), +/* harmony export */ categorizedAddons: () => (/* reexport safe */ _categorizeAddons__WEBPACK_IMPORTED_MODULE_0__.categorizedAddons) +/* harmony export */ }); +/* harmony import */ var _categorizeAddons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./categorizeAddons */ "./js/src/addons-page/addons/categorizeAddons.js"); + + +/***/ }), + +/***/ "./js/src/addons-page/constants.js": +/*!*****************************************!*\ + !*** ./js/src/addons-page/constants.js ***! + \*****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ PLANS: () => (/* binding */ PLANS), +/* harmony export */ PREFIX: () => (/* binding */ PREFIX), +/* harmony export */ VIEWS: () => (/* binding */ VIEWS), +/* harmony export */ addonRequestURL: () => (/* binding */ addonRequestURL) +/* harmony export */ }); +var addonRequestURL = window.frmAddonsVars.addonRequestURL; + +var PREFIX = 'frm-addons'; +var VIEWS = { + AVAILABLE: 'available-addons', + ACTIVE: 'active-addons' +}; +var PLANS = { + BASIC: 'basic', + PLUS: 'plus', + BUSINESS: 'business', + ELITE: 'elite' +}; + +/***/ }), + +/***/ "./js/src/addons-page/elements/elements.js": +/*!*************************************************!*\ + !*** ./js/src/addons-page/elements/elements.js ***! + \*************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addElements: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.addElements), +/* harmony export */ getElements: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.getElements) +/* harmony export */ }); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ "./js/src/addons-page/constants.js"); +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + +var _getElements = (0,core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.getElements)(), + bodyContent = _getElements.bodyContent, + sidebar = _getElements.sidebar; +if (bodyContent) { + bodyContent.querySelectorAll('.frm-card-item:not(.plugin-card-formidable-pro)').forEach(function (addon) { + var categories = addon.dataset.categories; + switch (true) { + case categories.includes(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.BUSINESS): + addon.setAttribute('data-categories', "".concat(categories, ",").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.ELITE)); + break; + case categories.includes(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.PLUS): + addon.setAttribute('data-categories', "".concat(categories, ",").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.BUSINESS, ",").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.ELITE)); + break; + case categories.includes(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.BASIC): + addon.setAttribute('data-categories', "".concat(categories, ",").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.PLUS, ",").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.BUSINESS, ",").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.ELITE)); + break; + } + }); +} +(0,core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.addElements)({ + // Body elements + upgradeBanner: document.getElementById('frm-upgrade-banner'), + // Category elements + availableCategory: sidebar.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.PREFIX, "-cat[data-category=\"").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.VIEWS.AVAILABLE, "\"]")), + activeCategory: sidebar.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.PREFIX, "-cat[data-category=\"").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.VIEWS.ACTIVE, "\"]")), + categoriesTopDivider: sidebar.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.PREFIX, "-divider")), + basicPlanCategory: sidebar.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.PREFIX, "-cat[data-category=\"").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.BASIC, "\"]")), + plusPlanCategory: sidebar.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.PREFIX, "-cat[data-category=\"").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.PLUS, "\"]")), + businessPlanCategory: sidebar.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.PREFIX, "-cat[data-category=\"").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.BUSINESS, "\"]")), + elitePlanCategory: sidebar.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.PREFIX, "-cat[data-category=\"").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PLANS.ELITE, "\"]")), + // Card elements + addonsList: document.getElementById("".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-list")), + addons: bodyContent === null || bodyContent === void 0 ? void 0 : bodyContent.querySelectorAll('.frm-card-item'), + availableAddons: bodyContent === null || bodyContent === void 0 ? void 0 : bodyContent.querySelectorAll('.frm-card-item:not(.frm-locked-item)'), + addonsToggle: bodyContent === null || bodyContent === void 0 ? void 0 : bodyContent.querySelectorAll('.frm_toggle_block'), + // Add children of the bodyContent to the elements object + bodyContentChildren: bodyContent === null || bodyContent === void 0 ? void 0 : bodyContent.children +}); + + +/***/ }), + +/***/ "./js/src/addons-page/elements/index.js": +/*!**********************************************!*\ + !*** ./js/src/addons-page/elements/index.js ***! + \**********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_0__.addElements), +/* harmony export */ getElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_0__.getElements) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./elements */ "./js/src/addons-page/elements/elements.js"); + + +/***/ }), + +/***/ "./js/src/addons-page/events/addonToggleListener.js": +/*!**********************************************************!*\ + !*** ./js/src/addons-page/events/addonToggleListener.js ***! + \**********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../elements */ "./js/src/addons-page/elements/index.js"); +/* harmony import */ var _ui___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ui/ */ "./js/src/addons-page/ui/index.js"); +function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); } +function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } +function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } } +function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } +function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } +function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } +function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } +/** + * Internal dependencies + */ + + +var targetButton; + +/** + * Manages event handling for addons toggle. + * + * @return {void} + */ +function addAddonToggleEvents() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_0__.getElements)(), + addonsToggle = _getElements.addonsToggle; + addonsToggle.forEach(function (addonToggle) { + return addonToggle.addEventListener('click', onAddonToggleClick); + }); + wp.hooks.addAction('frm_update_addon_state', 'frmAddonPage', function () { + (0,_ui___WEBPACK_IMPORTED_MODULE_1__.setupActiveCategory)(); + }); +} + +/** + * Handles the click event on the addon toggle. + * + * @private + * @param {Event} event The click event object. + * @return {void} + */ +var onAddonToggleClick = function onAddonToggleClick(event) { + var _targetButton; + if ((_targetButton = targetButton) !== null && _targetButton !== void 0 && _targetButton.classList.contains('frm_loading_button')) { + return; + } + var addonToggle = event.currentTarget; + var addon = addonToggle.closest('.frm-card-item'); + var actionMap = new Map([['frm-addon-not-installed', '.frm-install-addon'], ['frm-addon-installed', '.frm-activate-addon'], ['frm-addon-active', '.frm-deactivate-addon']]); + var _iterator = _createForOfIteratorHelper(actionMap.entries()), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done;) { + var _step$value = _slicedToArray(_step.value, 2), + className = _step$value[0], + selector = _step$value[1]; + if (addon.classList.contains(className)) { + targetButton = addon.querySelector(selector); + targetButton.click(); + break; + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } +}; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (addAddonToggleEvents); + +/***/ }), + +/***/ "./js/src/addons-page/events/index.js": +/*!********************************************!*\ + !*** ./js/src/addons-page/events/index.js ***! + \********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addEventListeners: () => (/* binding */ addEventListeners) +/* harmony export */ }); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ui */ "./js/src/addons-page/ui/index.js"); +/* harmony import */ var _addonToggleListener__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./addonToggleListener */ "./js/src/addons-page/events/addonToggleListener.js"); +/* harmony import */ var _searchListener__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./searchListener */ "./js/src/addons-page/events/searchListener.js"); +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + + + +/** + * Attaches event listeners for handling user interactions. + * + * @return {void} + */ +function addEventListeners() { + (0,core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.addCategoryEvents)(); + wp.hooks.addAction('frmPage.onCategoryClick', 'frmAddonsPage', function (selectedCategory) { + (0,_ui__WEBPACK_IMPORTED_MODULE_1__.showSelectedCategory)(selectedCategory); + }); + (0,_addonToggleListener__WEBPACK_IMPORTED_MODULE_2__["default"])(); + (0,_searchListener__WEBPACK_IMPORTED_MODULE_3__["default"])(); +} + +/***/ }), + +/***/ "./js/src/addons-page/events/searchListener.js": +/*!*****************************************************!*\ + !*** ./js/src/addons-page/events/searchListener.js ***! + \*****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../elements */ "./js/src/addons-page/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../shared */ "./js/src/addons-page/shared/index.js"); +/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ui */ "./js/src/addons-page/ui/index.js"); +/** + * Internal dependencies + */ + + + +var initSearch = window.frmDom.search.init; + +/** + * Adds search-related event listeners by calling the 'initSearch' function. + * + * @see frmDom.search method + * @return {void} + */ +function addSearchEvents() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_0__.getElements)(), + searchInput = _getElements.searchInput; + initSearch(searchInput, 'frm-card-item', { + handleSearchResult: handleSearchResult + }); +} + +/** + * Manages UI state based on search results and input value. + * + * @private + * @param {Object} args Contains flags for search status. + * @param {boolean} args.foundSomething True if search yielded results. + * @param {boolean} args.notEmptySearchText True if search input is not empty. + * @param {Event} event The event object (input, search, or change event). + * @return {void} + */ +function handleSearchResult(_ref, event) { + var foundSomething = _ref.foundSomething, + notEmptySearchText = _ref.notEmptySearchText; + // Prevent double calls as window.frmDom.search.init attaches both 'input' and 'search' events, + // triggering this method twice on 'x' button click. + if (event && event.type === 'search' && event.target.value === '') { + return; + } + var state = (0,_shared__WEBPACK_IMPORTED_MODULE_1__.getState)(); + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_0__.getElements)(), + allItemsCategory = _getElements2.allItemsCategory; + (0,_shared__WEBPACK_IMPORTED_MODULE_1__.setSingleState)('notEmptySearchText', notEmptySearchText); + + // Revert to 'All Templates' if search and selected category are both empty + if (!state.notEmptySearchText && !state.selectedCategory) { + allItemsCategory.dispatchEvent(new Event('click', { + bubbles: true + })); + return; + } + + // Display search state if a category is selected + if (state.selectedCategory) { + (0,_ui__WEBPACK_IMPORTED_MODULE_2__.showSearchState)(notEmptySearchText); + + // Setting "selectedCategory" to an empty string as a flag for search state + if (notEmptySearchText) { + (0,_shared__WEBPACK_IMPORTED_MODULE_1__.setSingleState)('selectedCategory', ''); + } + } + (0,_ui__WEBPACK_IMPORTED_MODULE_2__.displaySearchElements)(foundSomething); +} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (addSearchEvents); + +/***/ }), + +/***/ "./js/src/addons-page/shared/index.js": +/*!********************************************!*\ + !*** ./js/src/addons-page/shared/index.js ***! + \********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ getSingleState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.getSingleState), +/* harmony export */ getState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.getState), +/* harmony export */ setSingleState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.setSingleState), +/* harmony export */ setState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.setState) +/* harmony export */ }); +/* harmony import */ var _pageState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageState */ "./js/src/addons-page/shared/pageState.js"); + + +/***/ }), + +/***/ "./js/src/addons-page/shared/pageState.js": +/*!************************************************!*\ + !*** ./js/src/addons-page/shared/pageState.js ***! + \************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ getSingleState: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.getSingleState), +/* harmony export */ getState: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.getState), +/* harmony export */ setSingleState: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.setSingleState), +/* harmony export */ setState: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.setState) +/* harmony export */ }); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/** + * External dependencies + */ + + +// NOTE: +// Use setState() here to add new states on the Add-Ons page. +// Check the 'core/page-skeleton' package for shared states you can use. + + + +/***/ }), + +/***/ "./js/src/addons-page/ui/index.js": +/*!****************************************!*\ + !*** ./js/src/addons-page/ui/index.js ***! + \****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ displaySearchElements: () => (/* reexport safe */ _searchState__WEBPACK_IMPORTED_MODULE_2__.displaySearchElements), +/* harmony export */ setupActiveCategory: () => (/* reexport safe */ _setupInitialView__WEBPACK_IMPORTED_MODULE_0__.setupActiveCategory), +/* harmony export */ setupInitialView: () => (/* reexport safe */ _setupInitialView__WEBPACK_IMPORTED_MODULE_0__.setupInitialView), +/* harmony export */ showEmptyState: () => (/* reexport safe */ _showEmptyState__WEBPACK_IMPORTED_MODULE_3__.showEmptyState), +/* harmony export */ showSearchState: () => (/* reexport safe */ _searchState__WEBPACK_IMPORTED_MODULE_2__.showSearchState), +/* harmony export */ showSelectedCategory: () => (/* reexport safe */ _showSelectedCategory__WEBPACK_IMPORTED_MODULE_1__.showSelectedCategory) +/* harmony export */ }); +/* harmony import */ var _setupInitialView__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./setupInitialView */ "./js/src/addons-page/ui/setupInitialView.js"); +/* harmony import */ var _showSelectedCategory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./showSelectedCategory */ "./js/src/addons-page/ui/showSelectedCategory.js"); +/* harmony import */ var _searchState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./searchState */ "./js/src/addons-page/ui/searchState.js"); +/* harmony import */ var _showEmptyState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./showEmptyState */ "./js/src/addons-page/ui/showEmptyState.js"); + + + + + +/***/ }), + +/***/ "./js/src/addons-page/ui/searchState.js": +/*!**********************************************!*\ + !*** ./js/src/addons-page/ui/searchState.js ***! + \**********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ displaySearchElements: () => (/* binding */ displaySearchElements), +/* harmony export */ showSearchState: () => (/* binding */ showSearchState) +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../elements */ "./js/src/addons-page/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../shared */ "./js/src/addons-page/shared/index.js"); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! . */ "./js/src/addons-page/ui/index.js"); +/** + * WordPress dependencies + */ + + +/** + * External dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +/** + * Updates the UI to display the search state. + * + * @param {boolean} notEmptySearchText True if search input is not empty. + * @return {void} + */ +function showSearchState(notEmptySearchText) { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(), + bodyContent = _getElements.bodyContent, + bodyContentChildren = _getElements.bodyContentChildren, + addonsList = _getElements.addonsList; + + // Remove highlighting from the currently selected category if the search text is not empty + if (notEmptySearchText) { + (0,_shared__WEBPACK_IMPORTED_MODULE_4__.getSingleState)('selectedCategoryEl').classList.remove(core_constants__WEBPACK_IMPORTED_MODULE_1__.CURRENT_CLASS); + } + + // Hide non-relevant elements in the body content + (0,core_utils__WEBPACK_IMPORTED_MODULE_2__.hideElements)(bodyContentChildren); + (0,core_utils__WEBPACK_IMPORTED_MODULE_2__.show)(addonsList); + + // Smoothly display the updated UI elements + new core_utils__WEBPACK_IMPORTED_MODULE_2__.frmAnimate(bodyContent).fadeIn(); +} + +/** + * Displays search results based on search outcome. + * + * @param {boolean} foundSomething True if search yielded results. + * @return {void} + */ +function displaySearchElements(foundSomething) { + // Show empty state if no templates found + if (!foundSomething) { + (0,___WEBPACK_IMPORTED_MODULE_5__.showEmptyState)(); + return; + } + + // Hide empty state if currently displayed + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(), + emptyState = _getElements2.emptyState; + if ((0,core_utils__WEBPACK_IMPORTED_MODULE_2__.isVisible)(emptyState)) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_2__.hide)(emptyState); + } +} + +/***/ }), + +/***/ "./js/src/addons-page/ui/setupInitialView.js": +/*!***************************************************!*\ + !*** ./js/src/addons-page/ui/setupInitialView.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ setupActiveCategory: () => (/* binding */ setupActiveCategory), +/* harmony export */ setupInitialView: () => (/* binding */ setupInitialView) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../elements */ "./js/src/addons-page/elements/index.js"); +/* harmony import */ var _addons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../addons */ "./js/src/addons-page/addons/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ "./js/src/addons-page/constants.js"); +/** + * External dependencies + */ + + + + +/** + * Internal dependencies + */ + + + +var CAT_COUNT_CLASS = ".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-cat-count"); + +/** + * Sets up the initial view, performing any required + * DOM manipulations for proper element presentation. + * + * @return {void} + */ +function setupInitialView() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(), + sidebar = _getElements.sidebar, + searchInput = _getElements.searchInput, + bodyContent = _getElements.bodyContent; + var bodyContentAnimate = new core_utils__WEBPACK_IMPORTED_MODULE_1__.frmAnimate(bodyContent); + searchInput.value = ''; + setupActiveCategory(); + setupAvailableCategory(); + setupAllAddonsCategory(); + setupPlansCategory(); + + // Smoothly display the updated UI elements + bodyContent.classList.remove(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDE_JS_CLASS); + sidebar.classList.remove(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDE_JS_CLASS); + bodyContentAnimate.fadeIn(); + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.show)(sidebar); +} + +/** + * Sets up the "Active" category, updating the + * categorizedAddons object and the category count. + * + * @return {void} + */ +function setupActiveCategory() { + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(), + activeCategory = _getElements2.activeCategory, + availableCategory = _getElements2.availableCategory, + categoriesTopDivider = _getElements2.categoriesTopDivider; + var activeAddons = document.querySelectorAll('.frm-addon-active:not(.frm-locked-item)'); + if (activeAddons.length === 0) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hideElements)([activeCategory, availableCategory, categoriesTopDivider]); + return; + } + _addons__WEBPACK_IMPORTED_MODULE_4__.categorizedAddons[_constants__WEBPACK_IMPORTED_MODULE_5__.VIEWS.ACTIVE] = activeAddons; + + // Set "Active" category count + activeCategory.querySelector(CAT_COUNT_CLASS).textContent = activeAddons.length; +} + +/** + * Sets up the "Available" category, updating the + * categorizedAddons object and the category count. + * + * @private + * @return {void} + */ +function setupAvailableCategory() { + var _getElements3 = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(), + bodyContent = _getElements3.bodyContent, + availableCategory = _getElements3.availableCategory, + availableAddons = _getElements3.availableAddons; + _addons__WEBPACK_IMPORTED_MODULE_4__.categorizedAddons[_constants__WEBPACK_IMPORTED_MODULE_5__.VIEWS.AVAILABLE] = availableAddons; + + // Set "Available" category count + if (availableCategory) { + availableCategory.querySelector(CAT_COUNT_CLASS).textContent = availableAddons.length; + var upgradeBannerAvailableCount = bodyContent.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_5__.PREFIX, "-available-count")); + if (upgradeBannerAvailableCount) { + upgradeBannerAvailableCount.textContent = availableAddons.length; + } + } +} + +/** + * Sets up the "All Add-Ons" category, updating the + * category count. + * + * @private + * @return {void} + */ +function setupAllAddonsCategory() { + var _getElements4 = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(), + allItemsCategory = _getElements4.allItemsCategory, + addons = _getElements4.addons; + + // Set "All Add-Ons" category count + allItemsCategory.querySelector(CAT_COUNT_CLASS).textContent = addons.length; +} + +/** + * Sets up the "All Add-Ons" category, updating the + * category count. + * + * @private + * @return {void} + */ +function setupPlansCategory() { + var _getElements5 = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(), + basicPlanCategory = _getElements5.basicPlanCategory, + plusPlanCategory = _getElements5.plusPlanCategory, + businessPlanCategory = _getElements5.businessPlanCategory, + elitePlanCategory = _getElements5.elitePlanCategory; + var getCount = function getCount(category) { + return parseInt(category.querySelector(CAT_COUNT_CLASS).textContent, 10) || 0; + }; + + // The "Formidable Pro" add-on is included in all plans, so we just consider that in the basicCount + var basicCount = getCount(basicPlanCategory); + var plusCount = getCount(plusPlanCategory) - 1; + var businessCount = getCount(businessPlanCategory) - 1; + var eliteCount = getCount(elitePlanCategory) - 1; + + // Update the text content for each category + plusPlanCategory.querySelector(CAT_COUNT_CLASS).textContent = basicCount + plusCount; + businessPlanCategory.querySelector(CAT_COUNT_CLASS).textContent = basicCount + plusCount + businessCount; + elitePlanCategory.querySelector(CAT_COUNT_CLASS).textContent = basicCount + plusCount + businessCount + eliteCount; +} + +/***/ }), + +/***/ "./js/src/addons-page/ui/showEmptyState.js": +/*!*************************************************!*\ + !*** ./js/src/addons-page/ui/showEmptyState.js ***! + \*************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ showEmptyState: () => (/* binding */ showEmptyState) +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../elements */ "./js/src/addons-page/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared */ "./js/src/addons-page/shared/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./js/src/addons-page/constants.js"); +/** + * WordPress dependencies + */ + + +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + + + +/** + * Display the search-empty state. + * + * @return {void} + */ +function showEmptyState() { + var _getState = (0,_shared__WEBPACK_IMPORTED_MODULE_3__.getState)(), + selectedCategory = _getState.selectedCategory; + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + emptyState = _getElements.emptyState, + emptyStateButton = _getElements.emptyStateButton, + emptyStateTitle = _getElements.emptyStateTitle, + emptyStateText = _getElements.emptyStateText; + emptyState.setAttribute('data-view', selectedCategory); + emptyStateTitle.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('No add-ons found', 'formidable'); + emptyStateText.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Sorry, we didn\'t find any add-ons that match your criteria.', 'formidable'); + emptyStateButton.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Request Add-On', 'formidable'); + emptyStateButton.href = _constants__WEBPACK_IMPORTED_MODULE_4__.addonRequestURL; + emptyStateButton.setAttribute('target', '_blank'); + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.showElements)([emptyState, emptyStateButton]); +} + +/***/ }), + +/***/ "./js/src/addons-page/ui/showSelectedCategory.js": +/*!*******************************************************!*\ + !*** ./js/src/addons-page/ui/showSelectedCategory.js ***! + \*******************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ showSelectedCategory: () => (/* binding */ showSelectedCategory) +/* harmony export */ }); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../elements */ "./js/src/addons-page/elements/index.js"); +/* harmony import */ var _addons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../addons */ "./js/src/addons-page/addons/index.js"); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! . */ "./js/src/addons-page/ui/index.js"); +/** + * External dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +/** + * Show addons based on selected category. + * + * @param {string} selectedCategory The selected category to display addons for. + * @return {void} + */ +function showSelectedCategory(selectedCategory) { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + bodyContent = _getElements.bodyContent, + addons = _getElements.addons, + emptyState = _getElements.emptyState, + upgradeBanner = _getElements.upgradeBanner; + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hide)(emptyState); + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.show)(upgradeBanner); + bodyContent.dataset.category = selectedCategory; + if (core_page_skeleton__WEBPACK_IMPORTED_MODULE_1__.VIEWS.ALL_ITEMS === selectedCategory) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.showElements)(addons); + return; + } + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hideElements)(addons); + if (_addons__WEBPACK_IMPORTED_MODULE_3__.categorizedAddons[selectedCategory].length === 0) { + (0,___WEBPACK_IMPORTED_MODULE_4__.showEmptyState)(); + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hide)(upgradeBanner); + } else { + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.showElements)(_addons__WEBPACK_IMPORTED_MODULE_3__.categorizedAddons[selectedCategory]); + } +} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (showSelectedCategory); + +/***/ }), + +/***/ "./js/src/core/constants.js": +/*!**********************************!*\ + !*** ./js/src/core/constants.js ***! + \**********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ CHECKED_CLASS: () => (/* binding */ CHECKED_CLASS), +/* harmony export */ CURRENT_CLASS: () => (/* binding */ CURRENT_CLASS), +/* harmony export */ DISABLED_CLASS: () => (/* binding */ DISABLED_CLASS), +/* harmony export */ HIDDEN_CLASS: () => (/* binding */ HIDDEN_CLASS), +/* harmony export */ HIDE_JS_CLASS: () => (/* binding */ HIDE_JS_CLASS), +/* harmony export */ HOOKS: () => (/* binding */ HOOKS), +/* harmony export */ PLUGIN_URL: () => (/* binding */ PLUGIN_URL), +/* harmony export */ SINGLE_SETTINGS_CLASS: () => (/* binding */ SINGLE_SETTINGS_CLASS), +/* harmony export */ nonce: () => (/* binding */ nonce) +/* harmony export */ }); +var _window$frmGlobal = window.frmGlobal, + PLUGIN_URL = _window$frmGlobal.url, + nonce = _window$frmGlobal.nonce; + +var HIDDEN_CLASS = 'frm_hidden'; +var DISABLED_CLASS = 'frm_disabled'; +var HIDE_JS_CLASS = 'frm-hide-js'; +var CURRENT_CLASS = 'frm-current'; +var CHECKED_CLASS = 'frm-checked'; +var SINGLE_SETTINGS_CLASS = 'frm-single-settings'; +var HOOKS = { + SHOW_FIELD_SETTINGS: 'frmShowedFieldSettings' +}; + +/***/ }), + +/***/ "./js/src/core/factory/createPageElements.js": +/*!***************************************************!*\ + !*** ./js/src/core/factory/createPageElements.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createPageElements: () => (/* binding */ createPageElements) +/* harmony export */ }); +function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } +function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +/** + * Creates a page elements manager. + * + * @param {Object} [initialElements={}] An object containing initial DOM elements. + * @throws {Error} Throws an error if the `initialElements` is not an object. + * @return {Object} An object with methods to get and add elements. + */ +function createPageElements() { + var initialElements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + if (_typeof(initialElements) !== 'object' || initialElements === null) { + throw new Error('createPageElements: initialElements must be a non-null object'); + } + var elements = initialElements; + + /** + * Retrieve the initialized essential DOM elements. + * + * @return {Object} The initialized elements object. + */ + function getElements() { + return elements; + } + + /** + * Add new elements to the elements object. + * + * @param {Object} newElements An object containing new elements to be added. + * @throws {Error} Throws an error if the `newElements` is not a non-null object. + * @return {void} Updates the elements object by merging the new elements into it. + */ + function addElements(newElements) { + if (_typeof(newElements) !== 'object' || newElements === null) { + throw new Error('addElements: newElements must be a non-null object'); + } + elements = _objectSpread(_objectSpread({}, elements), newElements); + } + return { + getElements: getElements, + addElements: addElements + }; +} + +/***/ }), + +/***/ "./js/src/core/factory/createPageState.js": +/*!************************************************!*\ + !*** ./js/src/core/factory/createPageState.js ***! + \************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createPageState: () => (/* binding */ createPageState) +/* harmony export */ }); +function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } +function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +/** + * Creates a page state manager. + * + * @param {Object} [initialState={}] An object containing the initial state. + * @throws {Error} Throws an error if the `initialState` is not a plain object. + * @return {Object} An object with methods to initialize, get, and set the page state. + */ +function createPageState() { + var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + if (_typeof(initialState) !== 'object' || initialState === null) { + throw new Error('createPageState: initialState must be a non-null object'); + } + var state = initialState; + + /** + * Returns the current page state. + * + * @return {Object|null} The current state of the page or null if not initialized. + */ + var getState = function getState() { + return state; + }; + + /** + * Returns a specific property from the current page state. + * + * @param {string} propertyName The name of the property to retrieve. + * @return {*} The value of the specified property, or null if it doesn't exist. + */ + var getSingleState = function getSingleState(propertyName) { + var value = Reflect.get(state, propertyName); + + // We convert `undefined` to `null` for a consistent API. + // This makes it easier for users to handle the results since all missing properties return `null`. + return value === undefined ? null : value; + }; + + /** + * Updates the page state with new values. + * + * @param {Object} newState The new values to update the state with. + * @throws {Error} Throws an error if `newState` is not a plain object. + * @return {void} + */ + var setState = function setState(newState) { + if (_typeof(newState) !== 'object' || newState === null) { + throw new Error('setState: newState must be a non-null object'); + } + state = _objectSpread(_objectSpread({}, state), newState); + }; + + /** + * Updates a specific property in the page state with a new value. + * + * @param {string} propertyName The name of the property to update. + * @param {*} value The new value to set for the property. + * @return {void} + */ + var setSingleState = function setSingleState(propertyName, value) { + if (Reflect.has(state, propertyName)) { + Reflect.set(state, propertyName, value); + } + }; + return { + getState: getState, + getSingleState: getSingleState, + setState: setState, + setSingleState: setSingleState + }; +} + +/***/ }), + +/***/ "./js/src/core/factory/index.js": +/*!**************************************!*\ + !*** ./js/src/core/factory/index.js ***! + \**************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createPageElements: () => (/* reexport safe */ _createPageElements__WEBPACK_IMPORTED_MODULE_0__.createPageElements), +/* harmony export */ createPageState: () => (/* reexport safe */ _createPageState__WEBPACK_IMPORTED_MODULE_1__.createPageState) +/* harmony export */ }); +/* harmony import */ var _createPageElements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./createPageElements */ "./js/src/core/factory/createPageElements.js"); +/* harmony import */ var _createPageState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./createPageState */ "./js/src/core/factory/createPageState.js"); + + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/constants.js": +/*!************************************************!*\ + !*** ./js/src/core/page-skeleton/constants.js ***! + \************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ PREFIX: () => (/* binding */ PREFIX), +/* harmony export */ SEARCH_RESULT_ITEM: () => (/* binding */ SEARCH_RESULT_ITEM), +/* harmony export */ VIEWS: () => (/* binding */ VIEWS) +/* harmony export */ }); +var PREFIX = 'frm-page-skeleton'; +var SEARCH_RESULT_ITEM = 'frm-card-item'; +var VIEWS = { + ALL_ITEMS: 'all-items' +}; + +/***/ }), + +/***/ "./js/src/core/page-skeleton/elements/elements.js": +/*!********************************************************!*\ + !*** ./js/src/core/page-skeleton/elements/elements.js ***! + \********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addElements: () => (/* binding */ addElements), +/* harmony export */ getElements: () => (/* binding */ getElements) +/* harmony export */ }); +/* harmony import */ var core_factory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/factory */ "./js/src/core/factory/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ "./js/src/core/page-skeleton/constants.js"); +/* harmony import */ var _emptyStateElement__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./emptyStateElement */ "./js/src/core/page-skeleton/elements/emptyStateElement.js"); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } +function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + +var bodyContent = document.getElementById('post-body-content'); +var sidebar = document.getElementById("".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-sidebar")); + +// Append empty state elements to body content +var emptyState = (0,_emptyStateElement__WEBPACK_IMPORTED_MODULE_2__.createEmptyStateElement)(); +bodyContent === null || bodyContent === void 0 || bodyContent.append(emptyState); +var emptyStateElements = (0,_emptyStateElement__WEBPACK_IMPORTED_MODULE_2__.getEmptyStateElements)(); +var _createPageElements = (0,core_factory__WEBPACK_IMPORTED_MODULE_0__.createPageElements)(_objectSpread({ + bodyContent: bodyContent, + // Sidebar elements + sidebar: sidebar, + searchInput: sidebar.querySelector('.frm-search-input'), + categoryItems: sidebar.querySelectorAll(".".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-cat")), + allItemsCategory: sidebar.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-cat[data-category=\"").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.VIEWS.ALL_ITEMS, "\"]")) + }, emptyStateElements)), + getElements = _createPageElements.getElements, + addElements = _createPageElements.addElements; + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/elements/emptyStateElement.js": +/*!*****************************************************************!*\ + !*** ./js/src/core/page-skeleton/elements/emptyStateElement.js ***! + \*****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createEmptyStateElement: () => (/* binding */ createEmptyStateElement), +/* harmony export */ getEmptyStateElements: () => (/* binding */ getEmptyStateElements) +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ "./js/src/core/page-skeleton/constants.js"); +/** + * WordPress dependencies + */ + + +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + +var _window$frmDom = window.frmDom, + tag = _window$frmDom.tag, + div = _window$frmDom.div, + a = _window$frmDom.a, + img = _window$frmDom.img; + +/** + * Create and return the Empty State HTML element. + * + * @return {HTMLElement} The Empty State element. + */ +function createEmptyStateElement() { + var button = a({ + className: 'button button-primary frm-button-primary' + }); + button.setAttribute('role', 'button'); + return div({ + id: "".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-empty-state"), + className: "frm-flex-col frm-flex-center frm-gap-md ".concat(core_constants__WEBPACK_IMPORTED_MODULE_1__.HIDDEN_CLASS), + children: [img({ + src: "".concat(core_constants__WEBPACK_IMPORTED_MODULE_1__.PLUGIN_URL, "/images/page-skeleton/empty-state.svg"), + alt: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Empty State', 'formidable') + }), div({ + className: 'frmcenter', + children: [tag('h2', { + className: "".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-title frm-mb-0") + }), tag('p', { + className: "".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-text frm-mb-0") + })] + }), button] + }); +} + +/** + * Return the elements related to the Empty State. + * + * @return {Object} Object containing Empty State related DOM elements. + */ +function getEmptyStateElements() { + var emptyState = document.querySelector("#".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-empty-state")); + return { + emptyState: emptyState, + emptyStateTitle: emptyState === null || emptyState === void 0 ? void 0 : emptyState.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-title")), + emptyStateText: emptyState === null || emptyState === void 0 ? void 0 : emptyState.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-text")), + emptyStateButton: emptyState === null || emptyState === void 0 ? void 0 : emptyState.querySelector('.button') + }; +} + +/***/ }), + +/***/ "./js/src/core/page-skeleton/elements/index.js": +/*!*****************************************************!*\ + !*** ./js/src/core/page-skeleton/elements/index.js ***! + \*****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_0__.addElements), +/* harmony export */ getElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_0__.getElements) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./elements */ "./js/src/core/page-skeleton/elements/elements.js"); + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/events/categoryListener.js": +/*!**************************************************************!*\ + !*** ./js/src/core/page-skeleton/events/categoryListener.js ***! + \**************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addCategoryEvents: () => (/* binding */ addCategoryEvents) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../elements */ "./js/src/core/page-skeleton/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared */ "./js/src/core/page-skeleton/shared/index.js"); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! . */ "./js/src/core/page-skeleton/events/index.js"); +/** + * External dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +/** + * Manages event handling for sidebar category links. + * + * @return {void} + */ +function addCategoryEvents() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + categoryItems = _getElements.categoryItems; + + // Attach click and keyboard event listeners to each sidebar category + categoryItems.forEach(function (category) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.onClickPreventDefault)(category, onCategoryClick); + category.addEventListener('keydown', onCategoryKeydown); + }); +} + +/** + * Handles the click event on a category item. + * + * @private + * @param {Event} event The click event object. + */ +var onCategoryClick = function onCategoryClick(event) { + var clickedCategory = event.currentTarget; + var newSelectedCategory = clickedCategory.getAttribute('data-category'); + var _getState = (0,_shared__WEBPACK_IMPORTED_MODULE_3__.getState)(), + selectedCategory = _getState.selectedCategory, + selectedCategoryEl = _getState.selectedCategoryEl, + notEmptySearchText = _getState.notEmptySearchText; + + // If the selected category hasn't changed, return early + if (selectedCategory === newSelectedCategory) { + return; + } + + /** + * Filter hook to modify the selected category. + * + * @param {string} selectedCategory The selected category + */ + selectedCategory = wp.hooks.applyFilters('frmPage.selectedCategory', newSelectedCategory); + + // Highlight the newly clicked category and update the application state + selectedCategoryEl.classList.remove(core_constants__WEBPACK_IMPORTED_MODULE_0__.CURRENT_CLASS); + selectedCategoryEl = clickedCategory; + selectedCategoryEl.classList.add(core_constants__WEBPACK_IMPORTED_MODULE_0__.CURRENT_CLASS); + (0,_shared__WEBPACK_IMPORTED_MODULE_3__.setState)({ + selectedCategory: selectedCategory, + selectedCategoryEl: selectedCategoryEl + }); + + // Reset the search input if it contains text + if (notEmptySearchText) { + (0,___WEBPACK_IMPORTED_MODULE_4__.resetSearchInput)(); + } + + /** + * Trigger custom action to update category content. + * + * @param {string} selectedCategory The selected category. + */ + wp.hooks.doAction('frmPage.onCategoryClick', selectedCategory); + + // Smoothly display the updated UI elements + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + bodyContent = _getElements2.bodyContent; + new core_utils__WEBPACK_IMPORTED_MODULE_1__.frmAnimate(bodyContent).fadeIn(); +}; + +/** + * Handles the keyboard event on a category item. + * + * @param {KeyboardEvent} event The keyboard event object. + * @return {void} + */ +function onCategoryKeydown(event) { + // Only respond to 'Enter' or 'Space' key presses + if (event.key === 'Enter' || event.key === ' ') { + event.preventDefault(); + onCategoryClick(event); + } +} + +/***/ }), + +/***/ "./js/src/core/page-skeleton/events/index.js": +/*!***************************************************!*\ + !*** ./js/src/core/page-skeleton/events/index.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addCategoryEvents: () => (/* reexport safe */ _categoryListener__WEBPACK_IMPORTED_MODULE_1__.addCategoryEvents), +/* harmony export */ resetSearchInput: () => (/* binding */ resetSearchInput) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../elements */ "./js/src/core/page-skeleton/elements/index.js"); +/* harmony import */ var _categoryListener__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./categoryListener */ "./js/src/core/page-skeleton/events/categoryListener.js"); +/** + * Internal dependencies + */ + + +/** + * Resets the value of the search input and triggers an input event. + * + * @return {void} + */ +function resetSearchInput() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_0__.getElements)(), + searchInput = _getElements.searchInput; + searchInput.value = ''; + searchInput.dispatchEvent(new Event('input', { + bubbles: true + })); +} + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/index.js": +/*!********************************************!*\ + !*** ./js/src/core/page-skeleton/index.js ***! + \********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ PREFIX: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.PREFIX), +/* harmony export */ SEARCH_RESULT_ITEM: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SEARCH_RESULT_ITEM), +/* harmony export */ VIEWS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.VIEWS), +/* harmony export */ addCategoryEvents: () => (/* reexport safe */ _events__WEBPACK_IMPORTED_MODULE_3__.addCategoryEvents), +/* harmony export */ addElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_1__.addElements), +/* harmony export */ getElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_1__.getElements), +/* harmony export */ getSingleState: () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.getSingleState), +/* harmony export */ getState: () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.getState), +/* harmony export */ resetSearchInput: () => (/* reexport safe */ _events__WEBPACK_IMPORTED_MODULE_3__.resetSearchInput), +/* harmony export */ setSingleState: () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.setSingleState), +/* harmony export */ setState: () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.setState) +/* harmony export */ }); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ "./js/src/core/page-skeleton/constants.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./elements */ "./js/src/core/page-skeleton/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shared */ "./js/src/core/page-skeleton/shared/index.js"); +/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./events */ "./js/src/core/page-skeleton/events/index.js"); + + + + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/shared/index.js": +/*!***************************************************!*\ + !*** ./js/src/core/page-skeleton/shared/index.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ getSingleState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.getSingleState), +/* harmony export */ getState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.getState), +/* harmony export */ setSingleState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.setSingleState), +/* harmony export */ setState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.setState) +/* harmony export */ }); +/* harmony import */ var _pageState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageState */ "./js/src/core/page-skeleton/shared/pageState.js"); + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/shared/pageState.js": +/*!*******************************************************!*\ + !*** ./js/src/core/page-skeleton/shared/pageState.js ***! + \*******************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ getSingleState: () => (/* binding */ getSingleState), +/* harmony export */ getState: () => (/* binding */ getState), +/* harmony export */ setSingleState: () => (/* binding */ setSingleState), +/* harmony export */ setState: () => (/* binding */ setState) +/* harmony export */ }); +/* harmony import */ var core_factory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/factory */ "./js/src/core/factory/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../elements */ "./js/src/core/page-skeleton/elements/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ "./js/src/core/page-skeleton/constants.js"); +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + +var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_1__.getElements)(), + allItemsCategory = _getElements.allItemsCategory; +var _createPageState = (0,core_factory__WEBPACK_IMPORTED_MODULE_0__.createPageState)({ + notEmptySearchText: false, + selectedCategory: _constants__WEBPACK_IMPORTED_MODULE_2__.VIEWS.ALL_ITEMS, + selectedCategoryEl: allItemsCategory + }), + getState = _createPageState.getState, + getSingleState = _createPageState.getSingleState, + setState = _createPageState.setState, + setSingleState = _createPageState.setSingleState; + + +/***/ }), + +/***/ "./js/src/core/utils/animation.js": +/*!****************************************!*\ + !*** ./js/src/core/utils/animation.js ***! + \****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmAnimate: () => (/* binding */ frmAnimate) +/* harmony export */ }); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +var frmAnimate = /*#__PURE__*/function () { + /** + * Construct frmAnimate + * + * @param {Element|Element[]} elements The elements to animate. + * @param {'default'|'cascade'|'cascade-3d'} type The animation type: default | cascade | cascade-3d + */ + function frmAnimate(elements) { + var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default'; + _classCallCheck(this, frmAnimate); + this.elements = elements; + this.type = type; + this.prepareElements(); + } + + /** + * Init animation - fadeIn. + * Requires this.type = 'default'; + * ex: new frmAnimate( elements ).fadeIn(); + */ + return _createClass(frmAnimate, [{ + key: "fadeIn", + value: function fadeIn() { + var _this = this; + this.applyStyleToElements(function (element) { + element.classList.add('frm-fadein-up'); + element.addEventListener('animationend', function () { + _this.resetOpacity(); + element.classList.remove('frm-fadein-up'); + }, { + once: true + }); + }); + } + + /** + * Init animation - cascadeFadeIn. + * Requires this.type = 'cascade'|'cascade-3d'; + * ex: new frmAnimate( elements, 'cascade' ).cascadeFadeIn(); + * new frmAnimate( elements, 'cascade-3d' ).cascadeFadeIn(); + * + * @param {number} delay The transition delay value. + */ + }, { + key: "cascadeFadeIn", + value: function cascadeFadeIn() { + var _this2 = this; + var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.03; + setTimeout(function () { + _this2.applyStyleToElements(function (element, index) { + element.classList.remove('frm-animate'); + element.style.transitionDelay = "".concat((index + 1) * delay, "s"); + }); + }, 200); + } + }, { + key: "prepareElements", + value: function prepareElements() { + var _this3 = this; + this.applyStyleToElements(function (element) { + if ('default' === _this3.type) { + element.style.opacity = '0.0'; + } + if ('cascade' === _this3.type) { + element.classList.add('frm-init-cascade-animation'); + } + if ('cascade-3d' === _this3.type) { + element.classList.add('frm-init-fadein-3d'); + } + element.classList.add('frm-animate'); + }); + } + }, { + key: "resetOpacity", + value: function resetOpacity() { + this.applyStyleToElements(function (element) { + return element.style.opacity = '1.0'; + }); + } + }, { + key: "applyStyleToElements", + value: function applyStyleToElements(callback) { + if (this.elements instanceof Element) { + callback(this.elements, 0); + return; + } + if (0 < this.elements.length) { + this.elements.forEach(function (element, index) { + return callback(element, index); + }); + } + } + }]); +}(); + +/***/ }), + +/***/ "./js/src/core/utils/async.js": +/*!************************************!*\ + !*** ./js/src/core/utils/async.js ***! + \************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addToRequestQueue: () => (/* binding */ addToRequestQueue) +/* harmony export */ }); +// Initialize lastPromise with a resolved promise as the starting point for the queue +var lastPromise = Promise.resolve(); + +/** + * Adds a task to the request queue. + * + * @param {function(): Promise} task A function that returns a promise. + * @return {Promise} The new last promise in the queue. + */ +var addToRequestQueue = function addToRequestQueue(task) { + return lastPromise = lastPromise.then(task).catch(task); +}; + +/***/ }), + +/***/ "./js/src/core/utils/error.js": +/*!************************************!*\ + !*** ./js/src/core/utils/error.js ***! + \************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ showFormError: () => (/* binding */ showFormError) +/* harmony export */ }); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! . */ "./js/src/core/utils/index.js"); +/** + * Internal dependencies + */ + + +/** + * Displays form validation error messages. + * + * @param {string} inputId The ID selector for the input field with the error. + * @param {string} errorId The ID selector for the error message display element. + * @param {string} type The categorization of the error (e.g., "invalid", "empty"). + * @param {string} [message] Optional. The specific error message to display. + * @return {void} + */ +var showFormError = function showFormError(inputId, errorId, type, message) { + var inputElement = document.querySelector(inputId); + var errorElement = document.querySelector(errorId); + if (!inputElement || !errorElement) { + console.warn('showFormError: Unable to find input or error element.'); + return; + } + + // If a message is provided, update the span element's text that matches the error type + if (message) { + var span = errorElement.querySelector("span[frm-error=\"".concat(type, "\"]")); + if (span) { + span.textContent = message; + } + } + + // Assign the error type and make the error message visible + errorElement.setAttribute('frm-error', type); + (0,___WEBPACK_IMPORTED_MODULE_0__.show)(errorElement); + + // Hide the error message when the user starts typing in the faulty input field + inputElement.addEventListener('keyup', function () { + (0,___WEBPACK_IMPORTED_MODULE_0__.hide)(errorElement); + }, { + once: true + }); +}; + +/***/ }), + +/***/ "./js/src/core/utils/globalModules.js": +/*!********************************************!*\ + !*** ./js/src/core/utils/globalModules.js ***! + \********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ a: () => (/* binding */ a), +/* harmony export */ bold: () => (/* binding */ bold), +/* harmony export */ button: () => (/* binding */ button), +/* harmony export */ div: () => (/* binding */ div), +/* harmony export */ doJsonPost: () => (/* binding */ doJsonPost), +/* harmony export */ documentOn: () => (/* binding */ documentOn), +/* harmony export */ footerButton: () => (/* binding */ footerButton), +/* harmony export */ img: () => (/* binding */ img), +/* harmony export */ maybeCreateModal: () => (/* binding */ maybeCreateModal), +/* harmony export */ onClickPreventDefault: () => (/* binding */ onClickPreventDefault), +/* harmony export */ p: () => (/* binding */ p), +/* harmony export */ span: () => (/* binding */ span), +/* harmony export */ svg: () => (/* binding */ svg), +/* harmony export */ tag: () => (/* binding */ tag) +/* harmony export */ }); +var _frmDom = frmDom, + div = _frmDom.div, + span = _frmDom.span, + tag = _frmDom.tag, + a = _frmDom.a, + img = _frmDom.img, + svg = _frmDom.svg; +var _frmDom$modal = frmDom.modal, + maybeCreateModal = _frmDom$modal.maybeCreateModal, + footerButton = _frmDom$modal.footerButton; +var _frmDom$util = frmDom.util, + onClickPreventDefault = _frmDom$util.onClickPreventDefault, + documentOn = _frmDom$util.documentOn; +var doJsonPost = frmDom.ajax.doJsonPost; +var p = function p(args) { + return tag('p', args); +}; +var bold = function bold(args) { + return tag('strong', args); +}; +var button = function button(args) { + return tag('button', args); +}; + + +/***/ }), + +/***/ "./js/src/core/utils/index.js": +/*!************************************!*\ + !*** ./js/src/core/utils/index.js ***! + \************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ a: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.a), +/* harmony export */ addToRequestQueue: () => (/* reexport safe */ _async__WEBPACK_IMPORTED_MODULE_1__.addToRequestQueue), +/* harmony export */ bold: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.bold), +/* harmony export */ button: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.button), +/* harmony export */ div: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.div), +/* harmony export */ doJsonPost: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.doJsonPost), +/* harmony export */ documentOn: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.documentOn), +/* harmony export */ footerButton: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.footerButton), +/* harmony export */ frmAnimate: () => (/* reexport safe */ _animation__WEBPACK_IMPORTED_MODULE_0__.frmAnimate), +/* harmony export */ getQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.getQueryParam), +/* harmony export */ hasQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.hasQueryParam), +/* harmony export */ hide: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.hide), +/* harmony export */ hideElements: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.hideElements), +/* harmony export */ img: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.img), +/* harmony export */ isEmptyObject: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_5__.isEmptyObject), +/* harmony export */ isHTMLElement: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_5__.isHTMLElement), +/* harmony export */ isValidEmail: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_5__.isValidEmail), +/* harmony export */ isVisible: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.isVisible), +/* harmony export */ maybeCreateModal: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.maybeCreateModal), +/* harmony export */ onClickPreventDefault: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.onClickPreventDefault), +/* harmony export */ p: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.p), +/* harmony export */ removeParamFromHistory: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.removeParamFromHistory), +/* harmony export */ removeQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.removeQueryParam), +/* harmony export */ setQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.setQueryParam), +/* harmony export */ show: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.show), +/* harmony export */ showElements: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.showElements), +/* harmony export */ showFormError: () => (/* reexport safe */ _error__WEBPACK_IMPORTED_MODULE_2__.showFormError), +/* harmony export */ span: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.span), +/* harmony export */ svg: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.svg), +/* harmony export */ tag: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.tag) +/* harmony export */ }); +/* harmony import */ var _animation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./animation */ "./js/src/core/utils/animation.js"); +/* harmony import */ var _async__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./async */ "./js/src/core/utils/async.js"); +/* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./error */ "./js/src/core/utils/error.js"); +/* harmony import */ var _globalModules__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./globalModules */ "./js/src/core/utils/globalModules.js"); +/* harmony import */ var _url__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./url */ "./js/src/core/utils/url.js"); +/* harmony import */ var _validation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./validation */ "./js/src/core/utils/validation.js"); +/* harmony import */ var _visibility__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./visibility */ "./js/src/core/utils/visibility.js"); + + + + + + + + +/***/ }), + +/***/ "./js/src/core/utils/url.js": +/*!**********************************!*\ + !*** ./js/src/core/utils/url.js ***! + \**********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ getQueryParam: () => (/* binding */ getQueryParam), +/* harmony export */ hasQueryParam: () => (/* binding */ hasQueryParam), +/* harmony export */ removeParamFromHistory: () => (/* binding */ removeParamFromHistory), +/* harmony export */ removeQueryParam: () => (/* binding */ removeQueryParam), +/* harmony export */ setQueryParam: () => (/* binding */ setQueryParam) +/* harmony export */ }); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +/** + * Initializes URL and URLSearchParams objects from the current window's location + */ +var url = new URL(window.location.href); +var urlParams = url.searchParams; + +/** + * Gets the value of a specified query parameter from the current URL. + * + * @param {string} paramName The name of the query parameter to retrieve. + * @return {string|null} The value associated with the specified query parameter name, or null if not found. + */ +var getQueryParam = function getQueryParam(paramName) { + return urlParams.get(paramName); +}; + +/** + * Removes a query parameter from the current URL and returns the updated URL string. + * + * @param {string} paramName The name of the query parameter to remove. + * @return {string} The updated URL string. + */ +var removeQueryParam = function removeQueryParam(paramName) { + urlParams.delete(paramName); + url.search = urlParams.toString(); + return url.toString(); +}; + +/** + * Sets the value of a query parameter in the current URL and optionally updates the browser's history state. + * + * @param {string} paramName The name of the query parameter to set. + * @param {string} paramValue The value to set for the query parameter. + * @param {string} [updateMethod='pushState'] The method to use for updating the history state. Accepts 'pushState' or 'replaceState'. + * @return {string} The updated URL string. + */ +var setQueryParam = function setQueryParam(paramName, paramValue) { + var updateMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'pushState'; + urlParams.set(paramName, paramValue); + url.search = urlParams.toString(); + if (['pushState', 'replaceState'].includes(updateMethod)) { + var state = _defineProperty({}, paramName, paramValue); + window.history[updateMethod](state, '', url); + } + return url.toString(); +}; + +/** + * Checks if a query parameter exists in the current URL. + * + * @param {string} paramName The name of the query parameter to check. + * @return {boolean} True if the query parameter exists, otherwise false. + */ +var hasQueryParam = function hasQueryParam(paramName) { + return urlParams.has(paramName); +}; + +/** + * Removes a query parameter and updates history with replaceState. + * + * @param {string} paramName The query parameter to remove. + * @return {void} + */ +var removeParamFromHistory = function removeParamFromHistory(paramName) { + return history.replaceState({}, '', removeQueryParam(paramName)); +}; + +/***/ }), + +/***/ "./js/src/core/utils/validation.js": +/*!*****************************************!*\ + !*** ./js/src/core/utils/validation.js ***! + \*****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ isEmptyObject: () => (/* binding */ isEmptyObject), +/* harmony export */ isHTMLElement: () => (/* binding */ isHTMLElement), +/* harmony export */ isValidEmail: () => (/* binding */ isValidEmail) +/* harmony export */ }); +/** + * Validates an email address using a regular expression. + * + * @param {string} email The email address to validate. + * @return {boolean} True if the email address is valid, otherwise false. + */ +var isValidEmail = function isValidEmail(email) { + return typeof email === 'string' ? /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i.test(email) : false; +}; + +/** + * Validates if the given element is an instance of HTMLElement. + * + * @param {any} element Element to be checked. + * @return {boolean} True if it's an HTMLElement, otherwise false. + */ +var isHTMLElement = function isHTMLElement(element) { + return element instanceof HTMLElement || console.warn('Invalid argument: Element must be an instance of HTMLElement') || false; +}; + +/** + * Checks if the given object is empty. + * + * @param {Object} obj The object to check. + * @return {boolean} True if the object is empty, otherwise false. + */ +var isEmptyObject = function isEmptyObject(obj) { + return Object.keys(obj).length === 0 && obj.constructor === Object; +}; + +/***/ }), + +/***/ "./js/src/core/utils/visibility.js": +/*!*****************************************!*\ + !*** ./js/src/core/utils/visibility.js ***! + \*****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ hide: () => (/* binding */ hide), +/* harmony export */ hideElements: () => (/* binding */ hideElements), +/* harmony export */ isVisible: () => (/* binding */ isVisible), +/* harmony export */ show: () => (/* binding */ show), +/* harmony export */ showElements: () => (/* binding */ showElements) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/** + * Internal dependencies + */ + + +/** + * Shows specified elements by removing the hidden class. + * + * @param {Array} elements An array of elements to show. + * @return {void} + */ +var showElements = function showElements(elements) { + var _Array$from; + return (_Array$from = Array.from(elements)) === null || _Array$from === void 0 ? void 0 : _Array$from.forEach(function (element) { + return show(element); + }); +}; + +/** + * Hides specified elements by adding the hidden class. + * + * @param {Array} elements An array of elements to hide. + * @return {void} + */ +var hideElements = function hideElements(elements) { + var _Array$from2; + return (_Array$from2 = Array.from(elements)) === null || _Array$from2 === void 0 ? void 0 : _Array$from2.forEach(function (element) { + return hide(element); + }); +}; + +/** + * Removes the hidden class to show the element. + * + * @param {Element} element The element to show. + * @return {void} + */ +var show = function show(element) { + return element === null || element === void 0 ? void 0 : element.classList.remove(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDDEN_CLASS); +}; + +/** + * Adds the hidden class to hide the element. + * + * @param {Element} element The element to hide. + * @return {void} + */ +var hide = function hide(element) { + return element === null || element === void 0 ? void 0 : element.classList.add(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDDEN_CLASS); +}; + +/** + * Checks if an element is visible. + * + * @param {HTMLElement} element The HTML element to check for visibility. + * @return {boolean} Returns true if the element is visible, otherwise false. + */ +var isVisible = function isVisible(element) { + var styles = window.getComputedStyle(element); + return styles.getPropertyValue('display') !== 'none'; +}; + +/***/ }), + +/***/ "./node_modules/memize/index.js": +/*!**************************************!*\ + !*** ./node_modules/memize/index.js ***! + \**************************************/ +/***/ ((module) => { + +/** + * Memize options object. + * + * @typedef MemizeOptions + * + * @property {number} [maxSize] Maximum size of the cache. + */ + +/** + * Internal cache entry. + * + * @typedef MemizeCacheNode + * + * @property {?MemizeCacheNode|undefined} [prev] Previous node. + * @property {?MemizeCacheNode|undefined} [next] Next node. + * @property {Array<*>} args Function arguments for cache + * entry. + * @property {*} val Function result. + */ + +/** + * Properties of the enhanced function for controlling cache. + * + * @typedef MemizeMemoizedFunction + * + * @property {()=>void} clear Clear the cache. + */ + +/** + * Accepts a function to be memoized, and returns a new memoized function, with + * optional options. + * + * @template {Function} F + * + * @param {F} fn Function to memoize. + * @param {MemizeOptions} [options] Options object. + * + * @return {F & MemizeMemoizedFunction} Memoized function. + */ +function memize( fn, options ) { + var size = 0; + + /** @type {?MemizeCacheNode|undefined} */ + var head; + + /** @type {?MemizeCacheNode|undefined} */ + var tail; + + options = options || {}; + + function memoized( /* ...args */ ) { + var node = head, + len = arguments.length, + args, i; + + searchCache: while ( node ) { + // Perform a shallow equality test to confirm that whether the node + // under test is a candidate for the arguments passed. Two arrays + // are shallowly equal if their length matches and each entry is + // strictly equal between the two sets. Avoid abstracting to a + // function which could incur an arguments leaking deoptimization. + + // Check whether node arguments match arguments length + if ( node.args.length !== arguments.length ) { + node = node.next; + continue; + } + + // Check whether node arguments match arguments values + for ( i = 0; i < len; i++ ) { + if ( node.args[ i ] !== arguments[ i ] ) { + node = node.next; + continue searchCache; + } + } + + // At this point we can assume we've found a match + + // Surface matched node to head if not already + if ( node !== head ) { + // As tail, shift to previous. Must only shift if not also + // head, since if both head and tail, there is no previous. + if ( node === tail ) { + tail = node.prev; + } + + // Adjust siblings to point to each other. If node was tail, + // this also handles new tail's empty `next` assignment. + /** @type {MemizeCacheNode} */ ( node.prev ).next = node.next; + if ( node.next ) { + node.next.prev = node.prev; + } + + node.next = head; + node.prev = null; + /** @type {MemizeCacheNode} */ ( head ).prev = node; + head = node; + } + + // Return immediately + return node.val; + } + + // No cached value found. Continue to insertion phase: + + // Create a copy of arguments (avoid leaking deoptimization) + args = new Array( len ); + for ( i = 0; i < len; i++ ) { + args[ i ] = arguments[ i ]; + } + + node = { + args: args, + + // Generate the result from original function + val: fn.apply( null, args ), + }; + + // Don't need to check whether node is already head, since it would + // have been returned above already if it was + + // Shift existing head down list + if ( head ) { + head.prev = node; + node.next = head; + } else { + // If no head, follows that there's no tail (at initial or reset) + tail = node; + } + + // Trim tail if we're reached max size and are pending cache insertion + if ( size === /** @type {MemizeOptions} */ ( options ).maxSize ) { + tail = /** @type {MemizeCacheNode} */ ( tail ).prev; + /** @type {MemizeCacheNode} */ ( tail ).next = null; + } else { + size++; + } + + head = node; + + return node.val; + } + + memoized.clear = function() { + head = null; + tail = null; + size = 0; + }; + + if ( false ) {} + + // Ignore reason: There's not a clear solution to create an intersection of + // the function with additional properties, where the goal is to retain the + // function signature of the incoming argument and add control properties + // on the return value. + + // @ts-ignore + return memoized; +} + +module.exports = memize; + + +/***/ }), + +/***/ "./node_modules/sprintf-js/src/sprintf.js": +/*!************************************************!*\ + !*** ./node_modules/sprintf-js/src/sprintf.js ***! + \************************************************/ +/***/ ((module, exports, __webpack_require__) => { + +var __WEBPACK_AMD_DEFINE_RESULT__;/* global window, exports, define */ + +!function() { + 'use strict' + + var re = { + 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 sprintf(key) { + // `arguments` is not an array, but should be fine for this call + return sprintf_format(sprintf_parse(key), arguments) + } + + function vsprintf(fmt, argv) { + return sprintf.apply(null, [fmt].concat(argv || [])) + } + + function sprintf_format(parse_tree, argv) { + var cursor = 1, tree_length = parse_tree.length, arg, output = '', i, k, ph, pad, pad_character, pad_length, is_positive, sign + for (i = 0; i < tree_length; i++) { + if (typeof parse_tree[i] === 'string') { + output += parse_tree[i] + } + else if (typeof parse_tree[i] === 'object') { + ph = parse_tree[i] // convenience purposes only + if (ph.keys) { // keyword argument + arg = argv[cursor] + for (k = 0; k < ph.keys.length; k++) { + if (arg == undefined) { + throw new Error(sprintf('[sprintf] Cannot access property "%s" of undefined value "%s"', ph.keys[k], ph.keys[k-1])) + } + arg = arg[ph.keys[k]] + } + } + else if (ph.param_no) { // positional argument (explicit) + arg = argv[ph.param_no] + } + else { // positional argument (implicit) + arg = argv[cursor++] + } + + if (re.not_type.test(ph.type) && re.not_primitive.test(ph.type) && arg instanceof Function) { + arg = arg() + } + + if (re.numeric_arg.test(ph.type) && (typeof arg !== 'number' && isNaN(arg))) { + throw new TypeError(sprintf('[sprintf] expecting number but found %T', arg)) + } + + if (re.number.test(ph.type)) { + is_positive = arg >= 0 + } + + switch (ph.type) { + case 'b': + arg = parseInt(arg, 10).toString(2) + break + case 'c': + arg = String.fromCharCode(parseInt(arg, 10)) + break + case 'd': + case 'i': + arg = parseInt(arg, 10) + break + case 'j': + arg = JSON.stringify(arg, null, ph.width ? parseInt(ph.width) : 0) + break + case 'e': + arg = ph.precision ? parseFloat(arg).toExponential(ph.precision) : parseFloat(arg).toExponential() + break + case 'f': + arg = ph.precision ? parseFloat(arg).toFixed(ph.precision) : parseFloat(arg) + break + case 'g': + arg = ph.precision ? String(Number(arg.toPrecision(ph.precision))) : parseFloat(arg) + break + case 'o': + arg = (parseInt(arg, 10) >>> 0).toString(8) + break + case 's': + arg = String(arg) + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 't': + arg = String(!!arg) + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 'T': + arg = Object.prototype.toString.call(arg).slice(8, -1).toLowerCase() + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 'u': + arg = parseInt(arg, 10) >>> 0 + break + case 'v': + arg = arg.valueOf() + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 'x': + arg = (parseInt(arg, 10) >>> 0).toString(16) + break + case 'X': + arg = (parseInt(arg, 10) >>> 0).toString(16).toUpperCase() + break + } + if (re.json.test(ph.type)) { + output += arg + } + else { + if (re.number.test(ph.type) && (!is_positive || ph.sign)) { + sign = is_positive ? '+' : '-' + arg = arg.toString().replace(re.sign, '') + } + else { + sign = '' + } + pad_character = ph.pad_char ? ph.pad_char === '0' ? '0' : ph.pad_char.charAt(1) : ' ' + pad_length = ph.width - (sign + arg).length + pad = ph.width ? (pad_length > 0 ? pad_character.repeat(pad_length) : '') : '' + output += ph.align ? sign + arg + pad : (pad_character === '0' ? sign + pad + arg : pad + sign + arg) + } + } + } + return output + } + + var sprintf_cache = Object.create(null) + + function sprintf_parse(fmt) { + if (sprintf_cache[fmt]) { + return sprintf_cache[fmt] + } + + var _fmt = fmt, match, parse_tree = [], arg_names = 0 + while (_fmt) { + if ((match = re.text.exec(_fmt)) !== null) { + parse_tree.push(match[0]) + } + else if ((match = re.modulo.exec(_fmt)) !== null) { + parse_tree.push('%') + } + else if ((match = re.placeholder.exec(_fmt)) !== null) { + if (match[2]) { + arg_names |= 1 + var field_list = [], replacement_field = match[2], field_match = [] + if ((field_match = re.key.exec(replacement_field)) !== null) { + field_list.push(field_match[1]) + while ((replacement_field = replacement_field.substring(field_match[0].length)) !== '') { + if ((field_match = re.key_access.exec(replacement_field)) !== null) { + field_list.push(field_match[1]) + } + else if ((field_match = re.index_access.exec(replacement_field)) !== null) { + field_list.push(field_match[1]) + } + else { + throw new SyntaxError('[sprintf] failed to parse named argument key') + } + } + } + else { + throw new SyntaxError('[sprintf] failed to parse named argument key') + } + match[2] = field_list + } + else { + arg_names |= 2 + } + if (arg_names === 3) { + throw new Error('[sprintf] mixing positional and named placeholders is not (yet) supported') + } + + parse_tree.push( + { + placeholder: match[0], + param_no: match[1], + keys: match[2], + sign: match[3], + pad_char: match[4], + align: match[5], + width: match[6], + precision: match[7], + type: match[8] + } + ) + } + else { + throw new SyntaxError('[sprintf] unexpected placeholder') + } + _fmt = _fmt.substring(match[0].length) + } + return sprintf_cache[fmt] = parse_tree + } + + /** + * export to either browser or node.js + */ + /* eslint-disable quote-props */ + if (true) { + exports.sprintf = sprintf + exports.vsprintf = vsprintf + } + if (typeof window !== 'undefined') { + window['sprintf'] = sprintf + window['vsprintf'] = vsprintf + + if (true) { + !(__WEBPACK_AMD_DEFINE_RESULT__ = (function() { + return { + 'sprintf': sprintf, + 'vsprintf': vsprintf + } + }).call(exports, __webpack_require__, exports, module), + __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)) + } + } + /* eslint-enable quote-props */ +}(); // eslint-disable-line + + +/***/ }), + +/***/ "./node_modules/tannin/index.js": +/*!**************************************!*\ + !*** ./node_modules/tannin/index.js ***! + \**************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ Tannin) +/* harmony export */ }); +/* harmony import */ var _tannin_plural_forms__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tannin/plural-forms */ "./node_modules/@tannin/plural-forms/index.js"); + + +/** + * Tannin constructor options. + * + * @typedef {Object} TanninOptions + * + * @property {string} [contextDelimiter] Joiner in string lookup with context. + * @property {Function} [onMissingKey] Callback to invoke when key missing. + */ + +/** + * Domain metadata. + * + * @typedef {Object} TanninDomainMetadata + * + * @property {string} [domain] Domain name. + * @property {string} [lang] Language code. + * @property {(string|Function)} [plural_forms] Plural forms expression or + * function evaluator. + */ + +/** + * Domain translation pair respectively representing the singular and plural + * translation. + * + * @typedef {[string,string]} TanninTranslation + */ + +/** + * Locale data domain. The key is used as reference for lookup, the value an + * array of two string entries respectively representing the singular and plural + * translation. + * + * @typedef {{[key:string]:TanninDomainMetadata|TanninTranslation,'':TanninDomainMetadata|TanninTranslation}} TanninLocaleDomain + */ + +/** + * Jed-formatted locale data. + * + * @see http://messageformat.github.io/Jed/ + * + * @typedef {{[domain:string]:TanninLocaleDomain}} TanninLocaleData + */ + +/** + * Default Tannin constructor options. + * + * @type {TanninOptions} + */ +var DEFAULT_OPTIONS = { + contextDelimiter: '\u0004', + onMissingKey: null, +}; + +/** + * Given a specific locale data's config `plural_forms` value, returns the + * expression. + * + * @example + * + * ``` + * getPluralExpression( 'nplurals=2; plural=(n != 1);' ) === '(n != 1)' + * ``` + * + * @param {string} pf Locale data plural forms. + * + * @return {string} Plural forms expression. + */ +function getPluralExpression( pf ) { + var parts, i, part; + + parts = pf.split( ';' ); + + for ( i = 0; i < parts.length; i++ ) { + part = parts[ i ].trim(); + if ( part.indexOf( 'plural=' ) === 0 ) { + return part.substr( 7 ); + } + } +} + +/** + * Tannin constructor. + * + * @class + * + * @param {TanninLocaleData} data Jed-formatted locale data. + * @param {TanninOptions} [options] Tannin options. + */ +function Tannin( data, options ) { + var key; + + /** + * Jed-formatted locale data. + * + * @name Tannin#data + * @type {TanninLocaleData} + */ + this.data = data; + + /** + * Plural forms function cache, keyed by plural forms string. + * + * @name Tannin#pluralForms + * @type {Object} + */ + this.pluralForms = {}; + + /** + * Effective options for instance, including defaults. + * + * @name Tannin#options + * @type {TanninOptions} + */ + this.options = {}; + + for ( key in DEFAULT_OPTIONS ) { + this.options[ key ] = options !== undefined && key in options + ? options[ key ] + : DEFAULT_OPTIONS[ key ]; + } +} + +/** + * Returns the plural form index for the given domain and value. + * + * @param {string} domain Domain on which to calculate plural form. + * @param {number} n Value for which plural form is to be calculated. + * + * @return {number} Plural form index. + */ +Tannin.prototype.getPluralForm = function( domain, n ) { + var getPluralForm = this.pluralForms[ domain ], + config, plural, pf; + + if ( ! getPluralForm ) { + config = this.data[ domain ][ '' ]; + + pf = ( + config[ 'Plural-Forms' ] || + config[ 'plural-forms' ] || + // Ignore reason: As known, there's no way to document the empty + // string property on a key to guarantee this as metadata. + // @ts-ignore + config.plural_forms + ); + + if ( typeof pf !== 'function' ) { + plural = getPluralExpression( + config[ 'Plural-Forms' ] || + config[ 'plural-forms' ] || + // Ignore reason: As known, there's no way to document the empty + // string property on a key to guarantee this as metadata. + // @ts-ignore + config.plural_forms + ); + + pf = (0,_tannin_plural_forms__WEBPACK_IMPORTED_MODULE_0__["default"])( plural ); + } + + getPluralForm = this.pluralForms[ domain ] = pf; + } + + return getPluralForm( n ); +}; + +/** + * Translate a string. + * + * @param {string} domain Translation domain. + * @param {string|void} context Context distinguishing terms of the same name. + * @param {string} singular Primary key for translation lookup. + * @param {string=} plural Fallback value used for non-zero plural + * form index. + * @param {number=} n Value to use in calculating plural form. + * + * @return {string} Translated string. + */ +Tannin.prototype.dcnpgettext = function( domain, context, singular, plural, n ) { + var index, key, entry; + + if ( n === undefined ) { + // Default to singular. + index = 0; + } else { + // Find index by evaluating plural form for value. + index = this.getPluralForm( domain, n ); + } + + key = singular; + + // If provided, context is prepended to key with delimiter. + if ( context ) { + key = context + this.options.contextDelimiter + singular; + } + + entry = this.data[ domain ][ key ]; + + // Verify not only that entry exists, but that the intended index is within + // range and non-empty. + if ( entry && entry[ index ] ) { + return entry[ index ]; + } + + if ( this.options.onMissingKey ) { + this.options.onMissingKey( singular, domain ); + } + + // If entry not found, fall back to singular vs. plural with zero index + // representing the singular value. + return index === 0 ? singular : plural; +}; + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _arrayLikeToArray) +/* harmony export */ }); +function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! + \**********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _arrayWithoutHoles) +/* harmony export */ }); +/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); + +function _arrayWithoutHoles(r) { + if (Array.isArray(r)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _classCallCheck) +/* harmony export */ }); +function _classCallCheck(a, n) { + if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _defineProperty) +/* harmony export */ }); +/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); + +function _defineProperty(e, r, t) { + return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0 + }) : e[r] = t, e; +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js": +/*!********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! + \********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _iterableToArray) +/* harmony export */ }); +function _iterableToArray(r) { + if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! + \**********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _nonIterableSpread) +/* harmony export */ }); +function _nonIterableSpread() { + throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! + \**********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _toConsumableArray) +/* harmony export */ }); +/* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithoutHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js"); +/* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js"); +/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); +/* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableSpread.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js"); + + + + +function _toConsumableArray(r) { + return (0,_arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r) || (0,_nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": +/*!****************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! + \****************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ toPrimitive) +/* harmony export */ }); +/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); + +function toPrimitive(t, r) { + if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || "default"); + if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; + throw new TypeError("@@toPrimitive must return a primitive value."); + } + return ("string" === r ? String : Number)(t); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": +/*!******************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! + \******************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ toPropertyKey) +/* harmony export */ }); +/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); +/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); + + +function toPropertyKey(t) { + var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); + return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": +/*!***********************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \***********************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _typeof) +/* harmony export */ }); +function _typeof(o) { + "@babel/helpers - typeof"; + + return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { + return typeof o; + } : function (o) { + return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; + }, _typeof(o); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": +/*!*******************************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! + \*******************************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _unsupportedIterableToArray) +/* harmony export */ }); +/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); + +function _unsupportedIterableToArray(r, a) { + if (r) { + if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; + } +} + + +/***/ }) + +/******/ }); +/************************************************************************/ +/******/ // The module cache +/******/ var __webpack_module_cache__ = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ // Check if module is in cache +/******/ var cachedModule = __webpack_module_cache__[moduleId]; +/******/ if (cachedModule !== undefined) { +/******/ return cachedModule.exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = __webpack_module_cache__[moduleId] = { +/******/ // no module.id needed +/******/ // no module.loaded needed +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/compat get default export */ +/******/ (() => { +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = (module) => { +/******/ var getter = module && module.__esModule ? +/******/ () => (module['default']) : +/******/ () => (module); +/******/ __webpack_require__.d(getter, { a: getter }); +/******/ return getter; +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/define property getters */ +/******/ (() => { +/******/ // define getter functions for harmony exports +/******/ __webpack_require__.d = (exports, definition) => { +/******/ for(var key in definition) { +/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { +/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); +/******/ } +/******/ } +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ (() => { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = (exports) => { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ })(); +/******/ +/************************************************************************/ +var __webpack_exports__ = {}; +// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. +(() => { +"use strict"; +/*!*************************************!*\ + !*** ./js/src/addons-page/index.js ***! + \*************************************/ +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/dom-ready */ "./node_modules/@wordpress/dom-ready/build-module/index.js"); +/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./js/src/addons-page/ui/index.js"); +/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./events */ "./js/src/addons-page/events/index.js"); +/* harmony import */ var _addons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./addons */ "./js/src/addons-page/addons/index.js"); +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +(0,_wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_3__["default"])(function () { + (0,_ui__WEBPACK_IMPORTED_MODULE_0__.setupInitialView)(); + (0,_addons__WEBPACK_IMPORTED_MODULE_2__.buildCategorizedAddons)(); + (0,_events__WEBPACK_IMPORTED_MODULE_1__.addEventListeners)(); +}); +})(); + +/******/ })() +; +//# sourceMappingURL=addons-page.js.map \ No newline at end of file diff --git a/js/form-templates.js b/js/form-templates.js index d97f74de3e..5f2d576f97 100644 --- a/js/form-templates.js +++ b/js/form-templates.js @@ -1,2 +1,6798 @@ -/*! For license information please see form-templates.js.LICENSE.txt */ -(()=>{var t={8616:t=>{t.exports=function(t,e){var n,r,o=0;function a(){var a,i,c=n,l=arguments.length;t:for(;c;){if(c.args.length===arguments.length){for(i=0;i{var r;!function(){"use strict";var o={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 a(t){return function(t,e){var n,r,i,c,l,u,s,m,f,p=1,d=t.length,y="";for(r=0;r=0),c.type){case"b":n=parseInt(n,10).toString(2);break;case"c":n=String.fromCharCode(parseInt(n,10));break;case"d":case"i":n=parseInt(n,10);break;case"j":n=JSON.stringify(n,null,c.width?parseInt(c.width):0);break;case"e":n=c.precision?parseFloat(n).toExponential(c.precision):parseFloat(n).toExponential();break;case"f":n=c.precision?parseFloat(n).toFixed(c.precision):parseFloat(n);break;case"g":n=c.precision?String(Number(n.toPrecision(c.precision))):parseFloat(n);break;case"o":n=(parseInt(n,10)>>>0).toString(8);break;case"s":n=String(n),n=c.precision?n.substring(0,c.precision):n;break;case"t":n=String(!!n),n=c.precision?n.substring(0,c.precision):n;break;case"T":n=Object.prototype.toString.call(n).slice(8,-1).toLowerCase(),n=c.precision?n.substring(0,c.precision):n;break;case"u":n=parseInt(n,10)>>>0;break;case"v":n=n.valueOf(),n=c.precision?n.substring(0,c.precision):n;break;case"x":n=(parseInt(n,10)>>>0).toString(16);break;case"X":n=(parseInt(n,10)>>>0).toString(16).toUpperCase()}o.json.test(c.type)?y+=n:(!o.number.test(c.type)||m&&!c.sign?f="":(f=m?"+":"-",n=n.toString().replace(o.sign,"")),u=c.pad_char?"0"===c.pad_char?"0":c.pad_char.charAt(1):" ",s=c.width-(f+n).length,l=c.width&&s>0?u.repeat(s):"",y+=c.align?f+n+l:"0"===u?f+l+n:l+f+n)}return y}(function(t){if(c[t])return c[t];for(var e,n=t,r=[],a=0;n;){if(null!==(e=o.text.exec(n)))r.push(e[0]);else if(null!==(e=o.modulo.exec(n)))r.push("%");else{if(null===(e=o.placeholder.exec(n)))throw new SyntaxError("[sprintf] unexpected placeholder");if(e[2]){a|=1;var i=[],l=e[2],u=[];if(null===(u=o.key.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(i.push(u[1]);""!==(l=l.substring(u[0].length));)if(null!==(u=o.key_access.exec(l)))i.push(u[1]);else{if(null===(u=o.index_access.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");i.push(u[1])}e[2]=i}else a|=2;if(3===a)throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");r.push({placeholder:e[0],param_no:e[1],keys:e[2],sign:e[3],pad_char:e[4],align:e[5],width:e[6],precision:e[7],type:e[8]})}n=n.substring(e[0].length)}return c[t]=r}(t),arguments)}function i(t,e){return a.apply(null,[t].concat(e||[]))}var c=Object.create(null);e.sprintf=a,e.vsprintf=i,"undefined"!=typeof window&&(window.sprintf=a,window.vsprintf=i,void 0===(r=function(){return{sprintf:a,vsprintf:i}}.call(e,n,e,t))||(t.exports=r))}()}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var a=e[r]={exports:{}};return t[r](a,a.exports,n),a.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{"use strict";var t=window.frmGlobal,e=t.canAccessApplicationDashboard,r=t.applicationsUrl,o=window.frmFormTemplatesVars,a=o.FEATURED_TEMPLATES_IDS,i=o.FREE_TEMPLATES_IDS,c=o.upgradeLink,l="frm-form-templates",u="available-templates",s="favorites",m="custom",f="search",p="440px",d="550px",y="frm-page-skeleton",v="all-items";function h(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function b(t){for(var e=1;e":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},T=["(","?"],_={")":["("],":":["?","?:"]},E=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var P={"!":function(t){return!t},"*":function(t,e){return t*e},"/":function(t,e){return t/e},"%":function(t,e){return t%e},"+":function(t,e){return t+e},"-":function(t,e){return t-e},"<":function(t,e){return t":function(t,e){return t>e},">=":function(t,e){return t>=e},"==":function(t,e){return t===e},"!=":function(t,e){return t!==e},"&&":function(t,e){return t&&e},"||":function(t,e){return t||e},"?:":function(t,e,n){if(t)throw e;return n}};var F={contextDelimiter:"",onMissingKey:null};function L(t,e){var n;for(n in this.data=t,this.pluralForms={},this.options={},F)this.options[n]=void 0!==e&&n in e?e[n]:F[n]}function B(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function D(t){for(var e=1;e=0||S[o]3&&void 0!==arguments[3]?arguments[3]:10,i=t[e];if(G(n)&&N(r))if("function"==typeof o)if("number"==typeof a){var c={callback:o,priority:a,namespace:r};if(i[n]){var l,u=i[n].handlers;for(l=u.length;l>0&&!(a>=u[l-1].priority);l--);l===u.length?u[l]=c:u.splice(l,0,c),i.__current.forEach(function(t){t.name===n&&t.currentIndex>=l&&t.currentIndex++})}else i[n]={handlers:[c],runs:0};"hookAdded"!==n&&t.doAction("hookAdded",n,r,o,a)}else console.error("If specified, the hook priority must be a number.");else console.error("The hook callback must be a function.")}},z=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(r,o){var a=t[e];if(G(r)&&(n||N(o))){if(!a[r])return 0;var i=0;if(n)i=a[r].handlers.length,a[r]={runs:a[r].runs,handlers:[]};else for(var c=a[r].handlers,l=function(t){c[t].namespace===o&&(c.splice(t,1),i++,a.__current.forEach(function(e){e.name===r&&e.currentIndex>=t&&e.currentIndex--}))},u=c.length-1;u>=0;u--)l(u);return"hookRemoved"!==r&&t.doAction("hookRemoved",r,o),i}}},V=function(t,e){return function(n,r){var o=t[e];return void 0!==r?n in o&&o[n].handlers.some(function(t){return t.namespace===r}):n in o}},$=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(r){var o=t[e];o[r]||(o[r]={handlers:[],runs:0}),o[r].runs++;for(var a=o[r].handlers,i=arguments.length,c=new Array(i>1?i-1:0),l=1;l1&&void 0!==arguments[1]?arguments[1]:"default";r.data[e]=D(D(D({},M),r.data[e]),t),r.data[e][""]=D(D({},M[""]),r.data[e][""])},c=function(t,e){i(t,e),a()},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",e=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0,a=arguments.length>4?arguments[4]:void 0;return r.data[t]||i(void 0,t),r.dcnpgettext(t,e,n,o,a)},u=function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default"},s=function(t,e,r){var o=l(r,e,t);return n?(o=n.applyFilters("i18n.gettext_with_context",o,t,e,r),n.applyFilters("i18n.gettext_with_context_"+u(r),o,t,e,r)):o};if(n){var m=function(t){q.test(t)&&a()};n.addAction("hookAdded","core/i18n",m),n.addAction("hookRemoved","core/i18n",m)}return{getLocaleData:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return r.data[t]},setLocaleData:c,resetLocaleData:function(t,e){r.data={},r.pluralForms={},c(t,e)},subscribe:function(t){return o.add(t),function(){return o.delete(t)}},__:function(t,e){var r=l(e,void 0,t);return n?(r=n.applyFilters("i18n.gettext",r,t,e),n.applyFilters("i18n.gettext_"+u(e),r,t,e)):r},_x:s,_n:function(t,e,r,o){var a=l(o,void 0,t,e,r);return n?(a=n.applyFilters("i18n.ngettext",a,t,e,r,o),n.applyFilters("i18n.ngettext_"+u(o),a,t,e,r,o)):a},_nx:function(t,e,r,o,a){var i=l(a,o,t,e,r);return n?(i=n.applyFilters("i18n.ngettext_with_context",i,t,e,r,o,a),n.applyFilters("i18n.ngettext_with_context_"+u(a),i,t,e,r,o,a)):i},isRTL:function(){return"rtl"===s("ltr","text direction")},hasTranslation:function(t,e,o){var a,i,c=e?e+""+t:t,l=!(null===(a=r.data)||void 0===a||null===(i=a[null!=o?o:"default"])||void 0===i||!i[c]);return n&&(l=n.applyFilters("i18n.has_translation",l,t,e,o),l=n.applyFilters("i18n.has_translation_"+u(o),l,t,e,o)),l}}}(0,0,Y));K.getLocaleData.bind(K),K.setLocaleData.bind(K),K.resetLocaleData.bind(K),K.subscribe.bind(K);var X=K.__.bind(K),W=(K._x.bind(K),K._n.bind(K),K._nx.bind(K),K.isRTL.bind(K),K.hasTranslation.bind(K),window.frmGlobal),Q=W.url,tt=(W.nonce,"frm_hidden"),et="frm-hide-js",nt="frm-current",rt=window.frmDom,ot=rt.tag,at=rt.div,it=rt.a,ct=rt.img;function lt(t){return lt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},lt(t)}function ut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function st(t,e,n){return(e=function(t){var e=function(t){if("object"!=lt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=lt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==lt(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var mt,ft=document.getElementById("post-body-content"),pt=document.getElementById("".concat(y,"-sidebar")),dt=((mt=it({className:"button button-primary frm-button-primary"})).setAttribute("role","button"),at({id:"".concat(y,"-empty-state"),className:"frm-flex-col frm-flex-center frm-gap-md ".concat(tt),children:[ct({src:"".concat(Q,"/images/page-skeleton/empty-state.svg"),alt:X("Empty State","formidable")}),at({className:"frmcenter",children:[ot("h2",{className:"".concat(y,"-title frm-mb-0")}),ot("p",{className:"".concat(y,"-text frm-mb-0")})]}),mt]}));null==ft||ft.append(dt);var yt=function(){var t=document.querySelector("#".concat(y,"-empty-state"));return{emptyState:t,emptyStateTitle:null==t?void 0:t.querySelector(".".concat(y,"-title")),emptyStateText:null==t?void 0:t.querySelector(".".concat(y,"-text")),emptyStateButton:null==t?void 0:t.querySelector(".button")}}(),vt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==w(t)||null===t)throw new Error("createPageElements: initialElements must be a non-null object");var e=t;return{getElements:function(){return e},addElements:function(t){if("object"!==w(t)||null===t)throw new Error("addElements: newElements must be a non-null object");e=b(b({},e),t)}}}(function(t){for(var e=1;e0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==Tt(t)||null===t)throw new Error("createPageState: initialState must be a non-null object");var e=t;return{getState:function(){return e},getSingleState:function(t){var n=Reflect.get(e,t);return void 0===n?null:n},setState:function(t){if("object"!==Tt(t)||null===t)throw new Error("setState: newState must be a non-null object");e=wt(wt({},e),t)},setSingleState:function(t,n){Reflect.has(e,t)&&Reflect.set(e,t,n)}}}({notEmptySearchText:!1,selectedCategory:v,selectedCategoryEl:_t}),xt=Et.getState,Ot=Et.getSingleState,jt=Et.setState,It=Et.setSingleState;function Ct(t){return Ct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ct(t)}function At(t,e){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:"default";!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.elements=e,this.type=n,this.prepareElements()},e=[{key:"fadeIn",value:function(){var t=this;this.applyStyleToElements(function(e){e.classList.add("frm-fadein-up"),e.addEventListener("animationend",function(){t.resetOpacity(),e.classList.remove("frm-fadein-up")},{once:!0})})}},{key:"cascadeFadeIn",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.03;setTimeout(function(){t.applyStyleToElements(function(t,n){t.classList.remove("frm-animate"),t.style.transitionDelay="".concat((n+1)*e,"s")})},200)}},{key:"prepareElements",value:function(){var t=this;this.applyStyleToElements(function(e){"default"===t.type&&(e.style.opacity="0.0"),"cascade"===t.type&&e.classList.add("frm-init-cascade-animation"),"cascade-3d"===t.type&&e.classList.add("frm-init-fadein-3d"),e.classList.add("frm-animate")})}},{key:"resetOpacity",value:function(){this.applyStyleToElements(function(t){return t.style.opacity="1.0"})}},{key:"applyStyleToElements",value:function(t){this.elements instanceof Element?t(this.elements,0):02&&void 0!==arguments[2]?arguments[2]:"pushState";if(zt.set(t,e),Rt.search=zt.toString(),["pushState","replaceState"].includes(a)){var i=(n={},o=e,(r=function(t){var e=function(t){if("object"!=qt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=qt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==qt(e)?e:e+""}(r=t))in n?Object.defineProperty(n,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[r]=o,n);window.history[a](i,"",Rt)}return Rt.toString()},Ut=function(t){return zt.has(t)},Ht=function(t){return"string"==typeof t&&/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i.test(t)},Zt=function(t){return t instanceof HTMLElement||console.warn("Invalid argument: Element must be an instance of HTMLElement")||!1},Jt=function(t){var e;return null===(e=Array.from(t))||void 0===e?void 0:e.forEach(function(t){return Kt(t)})},Yt=function(t){var e;return null===(e=Array.from(t))||void 0===e?void 0:e.forEach(function(t){return Xt(t)})},Kt=function(t){return null==t?void 0:t.classList.remove(tt)},Xt=function(t){return null==t?void 0:t.classList.add(tt)},Wt=function(t){var e=t.currentTarget,n=e.getAttribute("data-category"),r=xt(),o=r.selectedCategory,a=r.selectedCategoryEl,i=r.notEmptySearchText;if(o!==n){o=wp.hooks.applyFilters("frmPage.selectedCategory",n),a.classList.remove(nt),(a=e).classList.add(nt),jt({selectedCategory:o,selectedCategoryEl:a}),i&&te(),wp.hooks.doAction("frmPage.onCategoryClick",o);var c=ht().bodyContent;new Pt(c).fadeIn()}};function Qt(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),Wt(t))}function te(){var t=ht().searchInput;t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))}var ee=ht().bodyContent,ne=document.getElementById("".concat(l,"-list")),re=document.getElementById("".concat(l,"-custom-list-section")),oe=document.querySelector(".".concat(y,'-cat[data-category="').concat(s,'"]')),ae=document.getElementById("".concat(l,"-modal"));bt({headerCancelButton:null===(Nt=document.getElementById("frm-publishing"))||void 0===Nt?void 0:Nt.querySelector("a"),createFormButton:document.getElementById("".concat(l,"-create-form")),pageTitle:document.getElementById("".concat(l,"-page-title")),pageTitleText:document.getElementById("".concat(l,"-page-title-text")),pageTitleDivider:document.getElementById("".concat(l,"-page-title-divider")),upsellBanner:null!==(Gt=document.getElementById("frm-renew-subscription-banner"))&&void 0!==Gt?Gt:document.getElementById("frm-upgrade-banner"),extraTemplateCountElements:document.querySelectorAll(".".concat(l,"-extra-templates-count")),templatesList:ne,templateItems:ne.querySelectorAll(".frm-card-item"),availableTemplateItems:ne.querySelectorAll(".frm-card-item:not(.".concat(l,"-locked-item)")),twinFeaturedTemplateItems:ne.querySelectorAll(".".concat(l,"-featured-item")),featuredTemplatesList:document.getElementById("".concat(l,"-featured-list")),customTemplatesSection:re,customTemplateItems:re.querySelectorAll(".frm-card-item"),customTemplatesTitle:document.getElementById("".concat(l,"-custom-list-title")),customTemplatesList:document.getElementById("".concat(l,"-custom-list")),favoritesCategory:oe,favoritesCategoryCountEl:null==oe?void 0:oe.querySelector(".".concat(y,"-cat-count")),availableTemplatesCategory:document.querySelector(".".concat(y,'-cat[data-category="').concat(u,'"]')),getFreeTemplatesBannerButton:document.querySelector(".frm-get-free-templates-banner .button"),modal:ae,modalItems:null==ae?void 0:ae.querySelectorAll(".".concat(l,"-modal-item")),showCreateTemplateModalButton:document.getElementById("frm-show-create-template-modal"),createTemplateModal:document.getElementById("frm-create-template-modal"),createTemplateFormsDropdown:document.getElementById("frm-create-template-modal-forms-select"),createTemplateName:document.getElementById("frm_create_template_name"),createTemplateDescription:document.getElementById("frm_create_template_description"),createTemplateButton:document.getElementById("frm-create-template-button"),renewAccountModal:document.getElementById("frm-renew-modal"),leaveEmailModal:document.getElementById("frm-leave-email-modal"),leaveEmailModalInput:document.getElementById("frm_leave_email"),leaveEmailModalButton:document.getElementById("frm-get-code-button"),upgradeModal:document.getElementById("frm-form-upgrade-modal"),upgradeModalTemplateNames:null==ae?void 0:ae.querySelectorAll(".frm-upgrade-modal-template-name"),upgradeModalPlansIcons:null==ae?void 0:ae.querySelectorAll(".frm-upgrade-modal-plan-icon"),upgradeModalLink:document.getElementById("frm-upgrade-modal-link"),newTemplateForm:document.getElementById("frm-new-template"),newTemplateNameInput:document.getElementById("frm_template_name"),newTemplateDescriptionInput:document.getElementById("frm_template_desc"),newTemplateLinkInput:document.getElementById("frm_link"),newTemplateActionInput:document.getElementById("frm_action_type"),bodyContentChildren:null==ee?void 0:ee.children});var ie,ce=window.frmDom,le=ce.tag,ue=ce.div,se=ce.span,me=ce.a,fe=ce.img,pe="".concat(Q,"/images/applications/thumbnails");var de=window.frmFormTemplatesVars,ye=de.templatesCount,ve=de.favoritesCount,he=de.customCount,be=ht().availableTemplateItems.length;jt({availableTemplatesCount:be,customCount:Number(he),extraTemplatesCount:ye-be,favoritesCount:ve}),window.frmDom.span;var ge=function(t,e){return t.textContent=String(e),t},we=function(t,e,n,r,o,a,i){e._counterStartTime||(e._counterStartTime=t,e._counterLastTimestamp=t,e._counterFrameDropCount=0,e._counterLastValue=n);var c=t-e._counterLastTimestamp,l=t-e._counterStartTime;if(c>50&&null!==e._counterLastTimestamp&&(e._counterFrameDropCount++,e._counterFrameDropCount>3))return e.style.transition="opacity ".concat(Math.max(o-l,100),"ms ease-out"),e.textContent=String(r),void delete e._counterAnimation;var u=Math.min(l/o,1),s=i(u),m=Math.round(n+a*s);m!==e._counterLastValue&&(e.textContent=String(m),e._counterLastValue=m),e._counterLastTimestamp=t,u<1?e._counterAnimation=requestAnimationFrame(function(t){return we(t,e,n,r,o,a,i)}):(e.textContent=String(r),["_counterAnimation","_counterStartTime","_counterLastTimestamp","_counterFrameDropCount","_counterLastValue"].forEach(function(t){return delete e[t]}),e.style.removeProperty("transition"))},Se=function(t){return 1-Math.pow(1-t,4)};const Te=function(){var t,e=ht(),n=e.sidebar,r=e.searchInput,o=e.bodyContent,a=e.twinFeaturedTemplateItems,c=e.availableTemplatesCategory,l=e.extraTemplateCountElements,u=new Pt(o);r.value="",Yt(a),function(t){if(t){var e,n,r=Ot("availableTemplatesCount");if(Ut("registered-for-free-templates"))history.replaceState({},"",Vt("registered-for-free-templates")),e=t,n=r,setTimeout(function(){e.dispatchEvent(new Event("click",{bubbles:!0}))},0),setTimeout(function(){!function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r="string"==typeof t?document.querySelector(t):t;if(!(r&&r instanceof HTMLElement))return null;var o="number"==typeof e?e:parseInt(e,10);if(isNaN(o))return console.warn("Counter: Invalid value provided, defaulting to 0"),ge(r,"0");if(0===o)return ge(r,"0");var a=n.duration,i=void 0===a?3e3:a,c=n.easing,l=void 0===c?Se:c,u=parseInt(r.textContent,10)||0,s=o-u;0===s||(r._counterAnimation&&cancelAnimationFrame(r._counterAnimation),r.classList.add("frm-fadein"),r._counterAnimation=requestAnimationFrame(function(t){return we(t,r,u,o,i,s,l)}))}(e.querySelector(".".concat(y,"-cat-count")),n)},150),setTimeout(function(){ht().availableTemplateItems.forEach(function(t){i.includes(Number(t.dataset.id))||(t.classList.add("frm-background-highlight"),t.addEventListener("animationend",function t(e){"backgroundHighlight"===e.animationName&&(this.classList.remove("frm-background-highlight"),this.removeEventListener("animationend",t))}))})},750);else t.querySelector(".".concat(y,"-cat-count")).textContent=r}}(c),l.forEach(function(t){return t.textContent=Ot("extraTemplatesCount")}),o.classList.remove(et),n.classList.remove(et),u.fadeIn(),Ut("return_page")&&(t=ht().headerCancelButton,new Pt(t).fadeIn())};function _e(){var t,e,n="function"==typeof Symbol?Symbol:{},r=n.iterator||"@@iterator",o=n.toStringTag||"@@toStringTag";function a(n,r,o,a){var l=r&&r.prototype instanceof c?r:c,u=Object.create(l.prototype);return Ee(u,"_invoke",function(n,r,o){var a,c,l,u=0,s=o||[],m=!1,f={p:0,n:0,v:t,a:p,f:p.bind(t,4),d:function(e,n){return a=e,c=0,l=t,f.n=n,i}};function p(n,r){for(c=n,l=r,e=0;!m&&u&&!o&&e3?(o=d===r)&&(l=a[(c=a[4])?5:(c=3,3)],a[4]=a[5]=t):a[0]<=p&&((o=n<2&&pr||r>d)&&(a[4]=n,a[5]=r,f.n=d,c=0))}if(o||n>1)return i;throw m=!0,r}return function(o,s,d){if(u>1)throw TypeError("Generator is already running");for(m&&1===s&&p(s,d),c=s,l=d;(e=c<2?t:l)||!m;){a||(c?c<3?(c>1&&(f.n=-1),p(c,l)):f.n=l:f.v=l);try{if(u=2,a){if(c||(o="next"),e=a[o]){if(!(e=e.call(a,l)))throw TypeError("iterator result is not an object");if(!e.done)return e;l=e.value,c<2&&(c=0)}else 1===c&&(e=a.return)&&e.call(a),c<2&&(l=TypeError("The iterator does not provide a '"+o+"' method"),c=1);a=t}else if((e=(m=f.n<0)?l:n.call(r,f))!==i)break}catch(e){a=t,c=1,l=e}finally{u=1}}return{value:e,done:m}}}(n,o,a),!0),u}var i={};function c(){}function l(){}function u(){}e=Object.getPrototypeOf;var s=[][r]?e(e([][r]())):(Ee(e={},r,function(){return this}),e),m=u.prototype=c.prototype=Object.create(s);function f(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,u):(t.__proto__=u,Ee(t,o,"GeneratorFunction")),t.prototype=Object.create(m),t}return l.prototype=u,Ee(m,"constructor",u),Ee(u,"constructor",l),l.displayName="GeneratorFunction",Ee(u,o,"GeneratorFunction"),Ee(m),Ee(m,o,"Generator"),Ee(m,r,function(){return this}),Ee(m,"toString",function(){return"[object Generator]"}),(_e=function(){return{w:a,m:f}})()}function Ee(t,e,n,r){var o=Object.defineProperty;try{o({},"",{})}catch(t){o=0}Ee=function(t,e,n,r){function a(e,n){Ee(t,e,function(t){return this._invoke(e,n,t)})}e?o?o(t,e,{value:n,enumerable:!r,configurable:!r,writable:!r}):t[e]=n:(a("next",0),a("throw",1),a("return",2))},Ee(t,e,n,r)}function xe(t,e,n,r,o,a,i){try{var c=t[a](i),l=c.value}catch(t){return void n(t)}c.done?e(l):Promise.resolve(l).then(r,o)}var Oe=null;function je(){var t;return t=_e().m(function t(){var e,n,r;return _e().w(function(t){for(;;)switch(t.n){case 0:e=window.frmAdminBuild,n=e.initModal,r=e.offsetModalY,(Oe=n("#frm-form-templates-modal",p))&&r(Oe,"103px"),Ut("free-templates")&&ht().leaveEmailModal&&dn(),wp.hooks.addAction("frmAdmin.beforeOpenConfirmModal","frmFormTemplates",function(t){var e=t.$info;e.dialog("option","width",d),r(e,"103px")});case 1:return t.a(2)}},t)}),je=function(){var e=this,n=arguments;return new Promise(function(r,o){var a=t.apply(e,n);function i(t){xe(a,r,o,i,c,"next",t)}function c(t){xe(a,r,o,i,c,"throw",t)}i(void 0)})},je.apply(this,arguments)}function Ie(){return Oe}function Ce(t){var e=ht().pageTitleText,n=t||Ot("selectedCategoryEl").querySelector(".".concat(y,"-cat-text")).textContent;e.textContent=n}var Ae=function(t){return!!Zt(t)&&t.classList.contains("".concat(l,"-favorite-item"))},ke=function(t){return!!Zt(t)&&t.classList.contains("".concat(l,"-custom-item"))},Pe={},Fe=function(){var t=ht(),e=t.createFormButton,n=t.newTemplateForm,r=t.newTemplateNameInput,o=t.newTemplateActionInput,a=window.frmAdminBuild.installNewForm;r.value="",o.value="frm_install_form",a(n,"frm_install_form",e)};var Le=".".concat(l,"-item-favorite-button"),Be="".concat(Le," use"),De="#frm_heart_solid_icon",Me="#frm_heart_icon",qe=function(t){var e,n=t.currentTarget,r=ht(),o=r.templatesList,i=r.featuredTemplatesList,c=r.favoritesCategoryCountEl,u=r.customTemplatesTitle,m=n.closest(".frm-card-item"),f=m.dataset.id,p=Ae(m),d=ke(m),y=function(t){return!!Zt(t)&&a.includes(Number(t.dataset.id))}(m),v=null;if(m.classList.toggle("".concat(l,"-favorite-item"),!p),y){var h=m.closest("#".concat(l,"-list"))?i:o;h&&(v=h.querySelector('.frm-card-item[data-id="'.concat(f,'"]'))).classList.toggle("".concat(l,"-favorite-item"),!p)}var b,g=xt(),w=g.selectedCategory,S=g.favoritesCount,T=p?"remove":"add",_=m.querySelector(Be),E=null===(e=v)||void 0===e?void 0:e.querySelector(Be);"add"===T?(++S.total,d?++S.custom:++S.default,_.setAttribute("href",De),null==E||E.setAttribute("href",De)):(--S.total,d?--S.custom:--S.default,_.setAttribute("href",Me),null==E||E.setAttribute("href",Me)),c.textContent=S.total,It("favoritesCount",S),s===w&&(0===S.total&&on(),Xt(m),0===S.default&&Xt(o),0!==S.custom&&0!==S.default||Xt(u)),b=function(){return t=f,e=T,n=d,r=new FormData,o=frmDom.ajax.doJsonPost,r.append("template_id",t),r.append("operation",e),r.append("is_custom_template",n),o("add_or_remove_favorite_template",r);var t,e,n,r,o},Ft=Ft.then(b).catch(b)};var Ne=function(t){var e=t.currentTarget,n=e.closest(".frm-card-item"),r=function(t){return!!Zt(t)&&t.classList.contains("".concat(l,"-locked-item"))}(n),o=ke(n);if(r||!o)if(t.preventDefault(),r)!function(t){var e=t.dataset.requiredPlan;switch(e){case"basic":case"plus":case"business":case"elite":fn(e,t);break;case"renew":pn();break;case"free":dn()}}(n);else{var a=ht(),i=a.newTemplateForm,c=a.newTemplateNameInput,u=a.newTemplateDescriptionInput,s=a.newTemplateLinkInput,m=a.newTemplateActionInput,f=window.frmAdminBuild.installNewForm,p=n.querySelector(".frm-form-template-name").textContent.trim(),d=n.querySelector(".frm-form-templates-item-description").textContent.trim(),y="frm_install_template";c.value=p,u.value=d,m.value=y,s.value=e.href,f(i,y,e)}};var Ge=window.frmDom.search.init;function Re(t,e){var n=t.foundSomething,r=t.notEmptySearchText;if(!e||"search"!==e.type||""!==e.target.value){var o=xt(),a=ht().allItemsCategory;It("notEmptySearchText",r),o.notEmptySearchText||o.selectedCategory?(o.selectedCategory&&(function(t){var e=ht(),n=e.bodyContent,r=e.bodyContentChildren,o=e.pageTitle,a=e.templatesList,i=e.applicationTemplates,c=new Pt(n);t&&Ot("selectedCategoryEl").classList.remove(nt),Yt(r),Ce(X("Search Result","formidable")),Jt([o,a,i]),c.fadeIn()}(r),r&&It("selectedCategory","")),function(t){if(t){var e,n=ht().emptyState;if(e=n,"none"!==window.getComputedStyle(e).getPropertyValue("display")){var r=ht().pageTitle;Xt(n),Kt(r)}var o=ht(),a=o.templatesList,i=o.applicationTemplates,c=o.applicationTemplatesTitle,l=o.applicationTemplatesList;Jt([a,i,c]),0===a.offsetHeight&&Yt([a,c]),0===(null==l?void 0:l.offsetHeight)&&Xt(i)}else!function(){var t,e=xt().notEmptySearchText,n=ht(),r=n.pageTitle,o=n.emptyState,a=n.emptyStateButton,i=n.applicationTemplates;if(f!==(null===(t=o.dataset)||void 0===t?void 0:t.view)){o.setAttribute("data-view",f);var c=ht(),l=c.emptyStateTitle,u=c.emptyStateText;l.textContent=X("No templates found","formidable"),u.textContent=X("Sorry, we didn't find any templates that match your criteria.","formidable"),a.textContent=X("Start from Scratch","formidable"),Yt([r,i]),Jt([o,a])}else e?(Kt(o),Yt([r,i])):(Xt(o),o.removeAttribute("data-view"))}()}(n)):a.dispatchEvent(new Event("click",{bubbles:!0}))}}var ze=function(){var t,e=ht().emptyState;f===(null===(t=e.dataset)||void 0===t?void 0:t.view)&&(It("selectedCategory",""),te(),ht().searchInput.focus())};var Ve=function(){var t=xt().selectedCategory;m===t&&yn()},$e=function(){var t=ht().createTemplateFormsDropdown,e=t.value;if(e&&"no-forms"!==e){Ue(!1);var n=t.options[t.selectedIndex],r=n.dataset.description.trim(),o=n.dataset.name.trim(),a=" ".concat(X("Template","formidable"));o.endsWith(a)||(o+=a);var i=ht(),c=i.createTemplateName,l=i.createTemplateDescription;c.value=o,l.value=r}else Ue(!0)},Ue=function(t){var e=ht(),n=e.createTemplateName,r=e.createTemplateDescription,o=e.createTemplateButton;[n,r].forEach(function(e){e.disabled=t,t&&(e.value="")}),o.classList.toggle("disabled",t)},He=function(){var t=window.frmAdminBuild.installNewForm,e="frm_create_template",n=ht(),r=n.newTemplateForm,o=n.newTemplateActionInput,a=n.newTemplateNameInput,i=n.newTemplateDescriptionInput,c=n.newTemplateLinkInput,l=n.createTemplateName,u=n.createTemplateDescription,s=n.createTemplateFormsDropdown,m=n.createTemplateButton;o.value=e,a.value=l.value.trim(),i.value=u.value.trim(),c.value=s.value,t(r,e,m)};function Ze(){var t,e,n="function"==typeof Symbol?Symbol:{},r=n.iterator||"@@iterator",o=n.toStringTag||"@@toStringTag";function a(n,r,o,a){var l=r&&r.prototype instanceof c?r:c,u=Object.create(l.prototype);return Je(u,"_invoke",function(n,r,o){var a,c,l,u=0,s=o||[],m=!1,f={p:0,n:0,v:t,a:p,f:p.bind(t,4),d:function(e,n){return a=e,c=0,l=t,f.n=n,i}};function p(n,r){for(c=n,l=r,e=0;!m&&u&&!o&&e3?(o=d===r)&&(l=a[(c=a[4])?5:(c=3,3)],a[4]=a[5]=t):a[0]<=p&&((o=n<2&&pr||r>d)&&(a[4]=n,a[5]=r,f.n=d,c=0))}if(o||n>1)return i;throw m=!0,r}return function(o,s,d){if(u>1)throw TypeError("Generator is already running");for(m&&1===s&&p(s,d),c=s,l=d;(e=c<2?t:l)||!m;){a||(c?c<3?(c>1&&(f.n=-1),p(c,l)):f.n=l:f.v=l);try{if(u=2,a){if(c||(o="next"),e=a[o]){if(!(e=e.call(a,l)))throw TypeError("iterator result is not an object");if(!e.done)return e;l=e.value,c<2&&(c=0)}else 1===c&&(e=a.return)&&e.call(a),c<2&&(l=TypeError("The iterator does not provide a '"+o+"' method"),c=1);a=t}else if((e=(m=f.n<0)?l:n.call(r,f))!==i)break}catch(e){a=t,c=1,l=e}finally{u=1}}return{value:e,done:m}}}(n,o,a),!0),u}var i={};function c(){}function l(){}function u(){}e=Object.getPrototypeOf;var s=[][r]?e(e([][r]())):(Je(e={},r,function(){return this}),e),m=u.prototype=c.prototype=Object.create(s);function f(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,u):(t.__proto__=u,Je(t,o,"GeneratorFunction")),t.prototype=Object.create(m),t}return l.prototype=u,Je(m,"constructor",u),Je(u,"constructor",l),l.displayName="GeneratorFunction",Je(u,o,"GeneratorFunction"),Je(m),Je(m,o,"Generator"),Je(m,r,function(){return this}),Je(m,"toString",function(){return"[object Generator]"}),(Ze=function(){return{w:a,m:f}})()}function Je(t,e,n,r){var o=Object.defineProperty;try{o({},"",{})}catch(t){o=0}Je=function(t,e,n,r){function a(e,n){Je(t,e,function(t){return this._invoke(e,n,t)})}e?o?o(t,e,{value:n,enumerable:!r,configurable:!r,writable:!r}):t[e]=n:(a("next",0),a("throw",1),a("return",2))},Je(t,e,n,r)}function Ye(t,e,n,r,o,a,i){try{var c=t[a](i),l=c.value}catch(t){return void n(t)}c.done?e(l):Promise.resolve(l).then(r,o)}var Ke=window.frmDom.tag,Xe=function(){var t,e=(t=Ze().m(function t(){var e,n,r,o,a,i,c,l,u;return Ze().w(function(t){for(;;)switch(t.p=t.n){case 0:if(e=ht(),n=e.leaveEmailModalInput,r=n.value.trim()){t.n=1;break}return vn("empty"),t.a(2);case 1:if(Ht(r)){t.n=2;break}return vn("invalid"),t.a(2);case 2:return o=ht(),(a=o.leaveEmailModalButton).style.setProperty("cursor","not-allowed"),a.classList.add("frm_loading_button"),(i=new FormData).append("email",r),l=frmDom.ajax.doJsonPost,t.p=3,t.n=4,l("get_free_templates",i);case 4:c=t.v,t.n=6;break;case 5:return t.p=5,u=t.v,console.error("An error occurred:",u),We(),t.a(2);case 6:if(c.success){t.n=7;break}return We(),t.a(2);case 7:Ut("free-templates")&&Vt("free-templates"),$t("registered-for-free-templates","1"),window.location.reload();case 8:return t.a(2)}},t,null,[[3,5]])}),function(){var e=this,n=arguments;return new Promise(function(r,o){var a=t.apply(e,n);function i(t){Ye(a,r,o,i,c,"next",t)}function c(t){Ye(a,r,o,i,c,"throw",t)}i(void 0)})});return function(){return e.apply(this,arguments)}}();function We(){var t=ht().leaveEmailModal;t.querySelector(".inside").replaceChildren(Ke("p",X("Failed to get templates, please try again later.","formidable"))),t.querySelector(".frm_modal_footer").classList.add("frm_hidden")}var Qe=function(t){if(!t.target.closest("a")){var e=t.currentTarget;window.location.href=e.dataset.href}};function tn(){var t,e,n,r;ht().categoryItems.forEach(function(t){Mt(t,Wt),t.addEventListener("keydown",Qt)}),wp.hooks.addAction("frmPage.onCategoryClick","frmFormTemplates",function(t){!function(t){var e=ht(),n=e.bodyContentChildren,r=e.pageTitle,o=e.showCreateTemplateModalButton,a=e.templatesList,i=e.templateItems,c=e.upsellBanner;switch(v!==t&&Yt(n),Ce(),Xt(o),Kt(r),t){case v:!function(){var t=ht(),e=t.bodyContentChildren,n=t.pageTitleDivider,r=t.templateItems,o=t.twinFeaturedTemplateItems,a=t.customTemplatesSection,i=t.emptyState,c=t.applicationTemplates;Jt([].concat(nn(e),nn(r))),Yt([n].concat(nn(o),[a,i,c]))}();break;case u:!function(){if(0!==xt().availableTemplatesCount){var t=ht(),e=t.templatesList,n=t.templateItems,r=t.availableTemplateItems,o=t.upsellBanner;Yt(n),Jt([o,e].concat(nn(r)))}else!function(){var t=ht(),e=t.pageTitle,n=t.emptyState,r=t.emptyStateButton;n.setAttribute("data-view",u);var o=ht(),a=o.emptyStateTitle,i=o.emptyStateText,c=xt().extraTemplatesCount;a.textContent=X("No Templates Available","formidable"),i.textContent=function(t){try{for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r0&&s.push(r),t.custom>0){var f=Array.from(u).filter(function(t){return!Ae(t)});Yt(f),s.push(a),s.push(c),0===t.default?Xt(i):s.push(i)}Jt(s)}else on()}();break;case m:!function(){if(0!==xt().customCount){var t=ht(),e=t.showCreateTemplateModalButton,n=t.pageTitleDivider,r=t.customTemplatesSection,o=t.customTemplatesList,a=t.customTemplatesTitle,i=t.customTemplateItems;Xt(a),Jt([e,n,r,o].concat(nn(i)))}else!function(){var t=ht(),e=t.pageTitle,n=t.emptyState,r=t.emptyStateButton;n.setAttribute("data-view",m);var o=ht(),a=o.emptyStateTitle,i=o.emptyStateText;a.textContent=X("You currently have no templates.","formidable"),i.textContent=X("You haven't created any form templates. Begin now to simplify your workflow and save time.","formidable"),r.textContent=X("Create Template","formidable"),Xt(e),Jt([n,r])}()}();break;default:Yt(i),Jt([c,a].concat(nn(Pe[t])))}}(t)}),r=ht().createFormButton,Mt(r,Fe),document.querySelectorAll(Le).forEach(function(t){return Mt(t,qe)}),document.querySelectorAll(".".concat(l,"-use-template-button")).forEach(function(t){return t.addEventListener("click",Ne)}),t=ht(),e=t.searchInput,n=t.emptyStateButton,Ge(e,"frm-card-item",{handleSearchResult:Re}),Mt(n,ze),function(){var t=ht(),e=t.createTemplateFormsDropdown,n=t.createTemplateButton,r=t.showCreateTemplateModalButton,o=t.emptyStateButton;Mt(r,Ve),Mt(o,Ve),e.addEventListener("change",$e),Mt(n,He)}(),function(){var t=ht(),e=t.leaveEmailModalButton,n=t.getFreeTemplatesBannerButton;Mt(e,Xe),Mt(n,dn)}()}function en(t){var e,n;(function(t){if(t&&t.length){var e=t.map(function(t){return function(t){var e=t.name,n=t.key,o=t.hasLiteThumbnail,a=t.isWebp,i=o?a?"".concat(pe,"/").concat(n,".webp"):"".concat(pe,"/").concat(n,".png"):"".concat(pe,"/placeholder.svg");return le("li",{className:"frm-card-item",data:{href:"".concat(r,"&triggerViewApplicationModal=1&template=").concat(n),"frm-search-text":e.toLowerCase()},children:[ue({className:"".concat(l,"-item-icon"),child:fe({src:i})}),ue({className:"".concat(l,"-item-body"),children:[se({text:X("Ready Made Solution","formidable"),className:"frm-meta-tag frm-orange-tag frm-text-xs"}),le("h3",{text:e,className:"frm-text-sm frm-font-medium frm-m-0"}),me({text:X("See all applications","formidable"),className:"frm-text-xs frm-font-semibold",href:r})]})]})}(t)});ie=ue({id:"".concat(l,"-applications"),className:tt,children:[le("h2",{text:X("Application Templates"),className:"frm-text-sm frm-mb-sm"}),le("ul",{className:"".concat(l,"-list frm-list-grid-layout"),children:e})]})}})(t.templates),(e=ht()).applicationTemplates||void 0===ie||(e.bodyContent.append(ie),bt({applicationTemplates:ie,applicationTemplatesTitle:ie.querySelector("h2"),applicationTemplatesList:ie.querySelector(".".concat(l,"-list")),applicationTemplateItems:ie.querySelectorAll(".frm-card-item")})),void 0!==(n=ht().applicationTemplateItems)&&n.forEach(function(t){t.addEventListener("click",Qe)})}function nn(t){return function(t){if(Array.isArray(t))return rn(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return rn(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?rn(t,e):void 0}}(t)||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.")}()}function rn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n3?(o=d===r)&&(l=a[(c=a[4])?5:(c=3,3)],a[4]=a[5]=t):a[0]<=p&&((o=n<2&&pr||r>d)&&(a[4]=n,a[5]=r,f.n=d,c=0))}if(o||n>1)return i;throw m=!0,r}return function(o,s,d){if(u>1)throw TypeError("Generator is already running");for(m&&1===s&&p(s,d),c=s,l=d;(e=c<2?t:l)||!m;){a||(c?c<3?(c>1&&(f.n=-1),p(c,l)):f.n=l:f.v=l);try{if(u=2,a){if(c||(o="next"),e=a[o]){if(!(e=e.call(a,l)))throw TypeError("iterator result is not an object");if(!e.done)return e;l=e.value,c<2&&(c=0)}else 1===c&&(e=a.return)&&e.call(a),c<2&&(l=TypeError("The iterator does not provide a '"+o+"' method"),c=1);a=t}else if((e=(m=f.n<0)?l:n.call(r,f))!==i)break}catch(e){a=t,c=1,l=e}finally{u=1}}return{value:e,done:m}}}(n,o,a),!0),u}var i={};function c(){}function l(){}function u(){}e=Object.getPrototypeOf;var s=[][r]?e(e([][r]())):(cn(e={},r,function(){return this}),e),m=u.prototype=c.prototype=Object.create(s);function f(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,u):(t.__proto__=u,cn(t,o,"GeneratorFunction")),t.prototype=Object.create(m),t}return l.prototype=u,cn(m,"constructor",u),cn(u,"constructor",l),l.displayName="GeneratorFunction",cn(u,o,"GeneratorFunction"),cn(m),cn(m,o,"Generator"),cn(m,r,function(){return this}),cn(m,"toString",function(){return"[object Generator]"}),(an=function(){return{w:a,m:f}})()}function cn(t,e,n,r){var o=Object.defineProperty;try{o({},"",{})}catch(t){o=0}cn=function(t,e,n,r){function a(e,n){cn(t,e,function(t){return this._invoke(e,n,t)})}e?o?o(t,e,{value:n,enumerable:!r,configurable:!r,writable:!r}):t[e]=n:(a("next",0),a("throw",1),a("return",2))},cn(t,e,n,r)}function ln(t,e,n,r,o,a,i){try{var c=t[a](i),l=c.value}catch(t){return void n(t)}c.done?e(l):Promise.resolve(l).then(r,o)}function un(t){return function(){var e=this,n=arguments;return new Promise(function(r,o){var a=t.apply(e,n);function i(t){ln(a,r,o,i,c,"next",t)}function c(t){ln(a,r,o,i,c,"throw",t)}i(void 0)})}}var sn=function(t){return un(an().m(function e(){var n,r,o,a,i,c,l=arguments;return an().w(function(e){for(;;)switch(e.n){case 0:if(n=Ie()){e.n=1;break}return e.a(2);case 1:for(r=ht(),o=r.modalItems,Yt(o),n.dialog("option","width",p),a=l.length,i=new Array(a),c=0;c use").setAttribute("href",r?"#frm_checkmark_icon":"#frm_close_icon")});var u=e.dataset.slug?"-".concat(e.dataset.slug):"";l.href=c+u,Kt(o)}),pn=sn(function(){var t=ht().renewAccountModal;Kt(t)}),dn=sn(function(){var t=ht().leaveEmailModal;Kt(t)}),yn=sn(function(){Ie().dialog("option","width",d);var t=ht().createTemplateModal;Kt(t)}),vn=function(t){!function(t,e,n){var r=document.querySelector("#frm_leave_email"),o=document.querySelector("#frm_leave_email_error");r&&o?(o.setAttribute("frm-error",n),Kt(o),r.addEventListener("keyup",function(){Xt(o)},{once:!0})):console.warn("showFormError: Unable to find input or error element.")}(0,0,t)};var hn;hn=function(){wp.hooks.doAction("frmFormTemplates.beforeInitialize",{getState:xt,setState:jt}),e&&(0,frmDom.ajax.doJsonFetch)("get_applications_data&view=templates").then(en),function(){je.apply(this,arguments)}(),ht().templateItems.forEach(function(t){t.getAttribute("data-categories").split(",").forEach(function(e){Pe[e]||(Pe[e]=[]),Pe[e].push(t)})}),Te(),tn(),wp.hooks.doAction("frmFormTemplates.afterInitialize",{getState:xt,setState:jt}),wp.hooks.doAction("frm_new_form_modal_form",jQuery("#frm-new-template"))},"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",hn):hn())})()})(); \ No newline at end of file +/******/ (() => { // webpackBootstrap +/******/ var __webpack_modules__ = ({ + +/***/ "./node_modules/@tannin/compile/index.js": +/*!***********************************************!*\ + !*** ./node_modules/@tannin/compile/index.js ***! + \***********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ compile) +/* harmony export */ }); +/* harmony import */ var _tannin_postfix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tannin/postfix */ "./node_modules/@tannin/postfix/index.js"); +/* harmony import */ var _tannin_evaluate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tannin/evaluate */ "./node_modules/@tannin/evaluate/index.js"); + + + +/** + * Given a C expression, returns a function which can be called to evaluate its + * result. + * + * @example + * + * ```js + * import compile from '@tannin/compile'; + * + * const evaluate = compile( 'n > 1' ); + * + * evaluate( { n: 2 } ); + * // ⇒ true + * ``` + * + * @param {string} expression C expression. + * + * @return {(variables?:{[variable:string]:*})=>*} Compiled evaluator. + */ +function compile( expression ) { + var terms = (0,_tannin_postfix__WEBPACK_IMPORTED_MODULE_0__["default"])( expression ); + + return function( variables ) { + return (0,_tannin_evaluate__WEBPACK_IMPORTED_MODULE_1__["default"])( terms, variables ); + }; +} + + +/***/ }), + +/***/ "./node_modules/@tannin/evaluate/index.js": +/*!************************************************!*\ + !*** ./node_modules/@tannin/evaluate/index.js ***! + \************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ evaluate) +/* harmony export */ }); +/** + * Operator callback functions. + * + * @type {Object} + */ +var OPERATORS = { + '!': function( a ) { + return ! a; + }, + '*': function( a, b ) { + return a * b; + }, + '/': function( a, b ) { + return a / b; + }, + '%': function( a, b ) { + return a % b; + }, + '+': function( a, b ) { + return a + b; + }, + '-': function( a, b ) { + return a - b; + }, + '<': function( a, b ) { + return a < b; + }, + '<=': function( a, b ) { + return a <= b; + }, + '>': function( a, b ) { + return a > b; + }, + '>=': function( a, b ) { + return a >= b; + }, + '==': function( a, b ) { + return a === b; + }, + '!=': function( a, b ) { + return a !== b; + }, + '&&': function( a, b ) { + return a && b; + }, + '||': function( a, b ) { + return a || b; + }, + '?:': function( a, b, c ) { + if ( a ) { + throw b; + } + + return c; + }, +}; + +/** + * Given an array of postfix terms and operand variables, returns the result of + * the postfix evaluation. + * + * @example + * + * ```js + * import evaluate from '@tannin/evaluate'; + * + * // 3 + 4 * 5 / 6 ⇒ '3 4 5 * 6 / +' + * const terms = [ '3', '4', '5', '*', '6', '/', '+' ]; + * + * evaluate( terms, {} ); + * // ⇒ 6.333333333333334 + * ``` + * + * @param {string[]} postfix Postfix terms. + * @param {Object} variables Operand variables. + * + * @return {*} Result of evaluation. + */ +function evaluate( postfix, variables ) { + var stack = [], + i, j, args, getOperatorResult, term, value; + + for ( i = 0; i < postfix.length; i++ ) { + term = postfix[ i ]; + + getOperatorResult = OPERATORS[ term ]; + if ( getOperatorResult ) { + // Pop from stack by number of function arguments. + j = getOperatorResult.length; + args = Array( j ); + while ( j-- ) { + args[ j ] = stack.pop(); + } + + try { + value = getOperatorResult.apply( null, args ); + } catch ( earlyReturn ) { + return earlyReturn; + } + } else if ( variables.hasOwnProperty( term ) ) { + value = variables[ term ]; + } else { + value = +term; + } + + stack.push( value ); + } + + return stack[ 0 ]; +} + + +/***/ }), + +/***/ "./node_modules/@tannin/plural-forms/index.js": +/*!****************************************************!*\ + !*** ./node_modules/@tannin/plural-forms/index.js ***! + \****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ pluralForms) +/* harmony export */ }); +/* harmony import */ var _tannin_compile__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tannin/compile */ "./node_modules/@tannin/compile/index.js"); + + +/** + * Given a C expression, returns a function which, when called with a value, + * evaluates the result with the value assumed to be the "n" variable of the + * expression. The result will be coerced to its numeric equivalent. + * + * @param {string} expression C expression. + * + * @return {Function} Evaluator function. + */ +function pluralForms( expression ) { + var evaluate = (0,_tannin_compile__WEBPACK_IMPORTED_MODULE_0__["default"])( expression ); + + return function( n ) { + return +evaluate( { n: n } ); + }; +} + + +/***/ }), + +/***/ "./node_modules/@tannin/postfix/index.js": +/*!***********************************************!*\ + !*** ./node_modules/@tannin/postfix/index.js ***! + \***********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ postfix) +/* harmony export */ }); +var PRECEDENCE, OPENERS, TERMINATORS, PATTERN; + +/** + * Operator precedence mapping. + * + * @type {Object} + */ +PRECEDENCE = { + '(': 9, + '!': 8, + '*': 7, + '/': 7, + '%': 7, + '+': 6, + '-': 6, + '<': 5, + '<=': 5, + '>': 5, + '>=': 5, + '==': 4, + '!=': 4, + '&&': 3, + '||': 2, + '?': 1, + '?:': 1, +}; + +/** + * Characters which signal pair opening, to be terminated by terminators. + * + * @type {string[]} + */ +OPENERS = [ '(', '?' ]; + +/** + * Characters which signal pair termination, the value an array with the + * opener as its first member. The second member is an optional operator + * replacement to push to the stack. + * + * @type {string[]} + */ +TERMINATORS = { + ')': [ '(' ], + ':': [ '?', '?:' ], +}; + +/** + * Pattern matching operators and openers. + * + * @type {RegExp} + */ +PATTERN = /<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/; + +/** + * Given a C expression, returns the equivalent postfix (Reverse Polish) + * notation terms as an array. + * + * If a postfix string is desired, simply `.join( ' ' )` the result. + * + * @example + * + * ```js + * import postfix from '@tannin/postfix'; + * + * postfix( 'n > 1' ); + * // ⇒ [ 'n', '1', '>' ] + * ``` + * + * @param {string} expression C expression. + * + * @return {string[]} Postfix terms. + */ +function postfix( expression ) { + var terms = [], + stack = [], + match, operator, term, element; + + while ( ( match = expression.match( PATTERN ) ) ) { + operator = match[ 0 ]; + + // Term is the string preceding the operator match. It may contain + // whitespace, and may be empty (if operator is at beginning). + term = expression.substr( 0, match.index ).trim(); + if ( term ) { + terms.push( term ); + } + + while ( ( element = stack.pop() ) ) { + if ( TERMINATORS[ operator ] ) { + if ( TERMINATORS[ operator ][ 0 ] === element ) { + // Substitution works here under assumption that because + // the assigned operator will no longer be a terminator, it + // will be pushed to the stack during the condition below. + operator = TERMINATORS[ operator ][ 1 ] || operator; + break; + } + } else if ( OPENERS.indexOf( element ) >= 0 || PRECEDENCE[ element ] < PRECEDENCE[ operator ] ) { + // Push to stack if either an opener or when pop reveals an + // element of lower precedence. + stack.push( element ); + break; + } + + // For each popped from stack, push to terms. + terms.push( element ); + } + + if ( ! TERMINATORS[ operator ] ) { + stack.push( operator ); + } + + // Slice matched fragment from expression to continue match. + expression = expression.substr( match.index + operator.length ); + } + + // Push remainder of operand, if exists, to terms. + expression = expression.trim(); + if ( expression ) { + terms.push( expression ); + } + + // Pop remaining items from stack into terms. + return terms.concat( stack.reverse() ); +} + + +/***/ }), + +/***/ "./node_modules/@wordpress/dom-ready/build-module/index.js": +/*!*****************************************************************!*\ + !*** ./node_modules/@wordpress/dom-ready/build-module/index.js ***! + \*****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ domReady) +/* harmony export */ }); +/** + * @typedef {() => void} Callback + * + * TODO: Remove this typedef and inline `() => void` type. + * + * This typedef is used so that a descriptive type is provided in our + * automatically generated documentation. + * + * An in-line type `() => void` would be preferable, but the generated + * documentation is `null` in that case. + * + * @see https://github.com/WordPress/gutenberg/issues/18045 + */ + +/** + * Specify a function to execute when the DOM is fully loaded. + * + * @param {Callback} callback A function to execute after the DOM is ready. + * + * @example + * ```js + * import domReady from '@wordpress/dom-ready'; + * + * domReady( function() { + * //do something after DOM loads. + * } ); + * ``` + * + * @return {void} + */ +function domReady(callback) { + if (typeof document === 'undefined') { + return; + } + + if (document.readyState === 'complete' || // DOMContentLoaded + Images/Styles/etc loaded, so we call directly. + document.readyState === 'interactive' // DOMContentLoaded fires at this point, so we call directly. + ) { + return void callback(); + } // DOMContentLoaded has not fired yet, delay callback until then. + + + document.addEventListener('DOMContentLoaded', callback); +} +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createAddHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createAddHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validateNamespace.js */ "./node_modules/@wordpress/hooks/build-module/validateNamespace.js"); +/* harmony import */ var _validateHookName_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./validateHookName.js */ "./node_modules/@wordpress/hooks/build-module/validateHookName.js"); +/** + * Internal dependencies + */ + + +/** + * @callback AddHook + * + * Adds the hook to the appropriate hooks container. + * + * @param {string} hookName Name of hook to add + * @param {string} namespace The unique namespace identifying the callback in the form `vendor/plugin/function`. + * @param {import('.').Callback} callback Function to call when the hook is run + * @param {number} [priority=10] Priority of this hook + */ + +/** + * Returns a function which, when invoked, will add a hook. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {AddHook} Function that adds a new hook. + */ + +function createAddHook(hooks, storeKey) { + return function addHook(hookName, namespace, callback) { + var priority = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10; + var hooksStore = hooks[storeKey]; + + if (!(0,_validateHookName_js__WEBPACK_IMPORTED_MODULE_1__["default"])(hookName)) { + return; + } + + if (!(0,_validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__["default"])(namespace)) { + return; + } + + if ('function' !== typeof callback) { + // eslint-disable-next-line no-console + console.error('The hook callback must be a function.'); + return; + } // Validate numeric priority + + + if ('number' !== typeof priority) { + // eslint-disable-next-line no-console + console.error('If specified, the hook priority must be a number.'); + return; + } + + var handler = { + callback: callback, + priority: priority, + namespace: namespace + }; + + if (hooksStore[hookName]) { + // Find the correct insert index of the new hook. + var handlers = hooksStore[hookName].handlers; + /** @type {number} */ + + var i; + + for (i = handlers.length; i > 0; i--) { + if (priority >= handlers[i - 1].priority) { + break; + } + } + + if (i === handlers.length) { + // If append, operate via direct assignment. + handlers[i] = handler; + } else { + // Otherwise, insert before index via splice. + handlers.splice(i, 0, handler); + } // We may also be currently executing this hook. If the callback + // we're adding would come after the current callback, there's no + // problem; otherwise we need to increase the execution index of + // any other runs by 1 to account for the added element. + + + hooksStore.__current.forEach(function (hookInfo) { + if (hookInfo.name === hookName && hookInfo.currentIndex >= i) { + hookInfo.currentIndex++; + } + }); + } else { + // This is the first hook of its type. + hooksStore[hookName] = { + handlers: [handler], + runs: 0 + }; + } + + if (hookName !== 'hookAdded') { + hooks.doAction('hookAdded', hookName, namespace, callback, priority); + } + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createAddHook); +//# sourceMappingURL=createAddHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createCurrentHook.js": +/*!*************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createCurrentHook.js ***! + \*************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Returns a function which, when invoked, will return the name of the + * currently running hook, or `null` if no hook of the given type is currently + * running. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {() => string | null} Function that returns the current hook name or null. + */ +function createCurrentHook(hooks, storeKey) { + return function currentHook() { + var _hooksStore$__current, _hooksStore$__current2; + + var hooksStore = hooks[storeKey]; + return (_hooksStore$__current = (_hooksStore$__current2 = hooksStore.__current[hooksStore.__current.length - 1]) === null || _hooksStore$__current2 === void 0 ? void 0 : _hooksStore$__current2.name) !== null && _hooksStore$__current !== void 0 ? _hooksStore$__current : null; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createCurrentHook); +//# sourceMappingURL=createCurrentHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createDidHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createDidHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _validateHookName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validateHookName.js */ "./node_modules/@wordpress/hooks/build-module/validateHookName.js"); +/** + * Internal dependencies + */ + +/** + * @callback DidHook + * + * Returns the number of times an action has been fired. + * + * @param {string} hookName The hook name to check. + * + * @return {number | undefined} The number of times the hook has run. + */ + +/** + * Returns a function which, when invoked, will return the number of times a + * hook has been called. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {DidHook} Function that returns a hook's call count. + */ + +function createDidHook(hooks, storeKey) { + return function didHook(hookName) { + var hooksStore = hooks[storeKey]; + + if (!(0,_validateHookName_js__WEBPACK_IMPORTED_MODULE_0__["default"])(hookName)) { + return; + } + + return hooksStore[hookName] && hooksStore[hookName].runs ? hooksStore[hookName].runs : 0; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createDidHook); +//# sourceMappingURL=createDidHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createDoingHook.js": +/*!***********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createDoingHook.js ***! + \***********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * @callback DoingHook + * Returns whether a hook is currently being executed. + * + * @param {string} [hookName] The name of the hook to check for. If + * omitted, will check for any hook being executed. + * + * @return {boolean} Whether the hook is being executed. + */ + +/** + * Returns a function which, when invoked, will return whether a hook is + * currently being executed. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {DoingHook} Function that returns whether a hook is currently + * being executed. + */ +function createDoingHook(hooks, storeKey) { + return function doingHook(hookName) { + var hooksStore = hooks[storeKey]; // If the hookName was not passed, check for any current hook. + + if ('undefined' === typeof hookName) { + return 'undefined' !== typeof hooksStore.__current[0]; + } // Return the __current hook. + + + return hooksStore.__current[0] ? hookName === hooksStore.__current[0].name : false; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createDoingHook); +//# sourceMappingURL=createDoingHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createHasHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createHasHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * @callback HasHook + * + * Returns whether any handlers are attached for the given hookName and optional namespace. + * + * @param {string} hookName The name of the hook to check for. + * @param {string} [namespace] Optional. The unique namespace identifying the callback + * in the form `vendor/plugin/function`. + * + * @return {boolean} Whether there are handlers that are attached to the given hook. + */ + +/** + * Returns a function which, when invoked, will return whether any handlers are + * attached to a particular hook. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {HasHook} Function that returns whether any handlers are + * attached to a particular hook and optional namespace. + */ +function createHasHook(hooks, storeKey) { + return function hasHook(hookName, namespace) { + var hooksStore = hooks[storeKey]; // Use the namespace if provided. + + if ('undefined' !== typeof namespace) { + return hookName in hooksStore && hooksStore[hookName].handlers.some(function (hook) { + return hook.namespace === namespace; + }); + } + + return hookName in hooksStore; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createHasHook); +//# sourceMappingURL=createHasHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createHooks.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createHooks.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ _Hooks: () => (/* binding */ _Hooks), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"); +/* harmony import */ var _createAddHook__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./createAddHook */ "./node_modules/@wordpress/hooks/build-module/createAddHook.js"); +/* harmony import */ var _createRemoveHook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./createRemoveHook */ "./node_modules/@wordpress/hooks/build-module/createRemoveHook.js"); +/* harmony import */ var _createHasHook__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./createHasHook */ "./node_modules/@wordpress/hooks/build-module/createHasHook.js"); +/* harmony import */ var _createRunHook__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./createRunHook */ "./node_modules/@wordpress/hooks/build-module/createRunHook.js"); +/* harmony import */ var _createCurrentHook__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./createCurrentHook */ "./node_modules/@wordpress/hooks/build-module/createCurrentHook.js"); +/* harmony import */ var _createDoingHook__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./createDoingHook */ "./node_modules/@wordpress/hooks/build-module/createDoingHook.js"); +/* harmony import */ var _createDidHook__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./createDidHook */ "./node_modules/@wordpress/hooks/build-module/createDidHook.js"); + + +/** + * Internal dependencies + */ + + + + + + + +/** + * Internal class for constructing hooks. Use `createHooks()` function + * + * Note, it is necessary to expose this class to make its type public. + * + * @private + */ + +var _Hooks = function _Hooks() { + (0,_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, _Hooks); + + /** @type {import('.').Store} actions */ + this.actions = Object.create(null); + this.actions.__current = []; + /** @type {import('.').Store} filters */ + + this.filters = Object.create(null); + this.filters.__current = []; + this.addAction = (0,_createAddHook__WEBPACK_IMPORTED_MODULE_1__["default"])(this, 'actions'); + this.addFilter = (0,_createAddHook__WEBPACK_IMPORTED_MODULE_1__["default"])(this, 'filters'); + this.removeAction = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'actions'); + this.removeFilter = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'filters'); + this.hasAction = (0,_createHasHook__WEBPACK_IMPORTED_MODULE_3__["default"])(this, 'actions'); + this.hasFilter = (0,_createHasHook__WEBPACK_IMPORTED_MODULE_3__["default"])(this, 'filters'); + this.removeAllActions = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'actions', true); + this.removeAllFilters = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'filters', true); + this.doAction = (0,_createRunHook__WEBPACK_IMPORTED_MODULE_4__["default"])(this, 'actions'); + this.applyFilters = (0,_createRunHook__WEBPACK_IMPORTED_MODULE_4__["default"])(this, 'filters', true); + this.currentAction = (0,_createCurrentHook__WEBPACK_IMPORTED_MODULE_5__["default"])(this, 'actions'); + this.currentFilter = (0,_createCurrentHook__WEBPACK_IMPORTED_MODULE_5__["default"])(this, 'filters'); + this.doingAction = (0,_createDoingHook__WEBPACK_IMPORTED_MODULE_6__["default"])(this, 'actions'); + this.doingFilter = (0,_createDoingHook__WEBPACK_IMPORTED_MODULE_6__["default"])(this, 'filters'); + this.didAction = (0,_createDidHook__WEBPACK_IMPORTED_MODULE_7__["default"])(this, 'actions'); + this.didFilter = (0,_createDidHook__WEBPACK_IMPORTED_MODULE_7__["default"])(this, 'filters'); +}; +/** @typedef {_Hooks} Hooks */ + +/** + * Returns an instance of the hooks object. + * + * @return {Hooks} A Hooks instance. + */ + +function createHooks() { + return new _Hooks(); +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createHooks); +//# sourceMappingURL=createHooks.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createRemoveHook.js": +/*!************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createRemoveHook.js ***! + \************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validateNamespace.js */ "./node_modules/@wordpress/hooks/build-module/validateNamespace.js"); +/* harmony import */ var _validateHookName_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./validateHookName.js */ "./node_modules/@wordpress/hooks/build-module/validateHookName.js"); +/** + * Internal dependencies + */ + + +/** + * @callback RemoveHook + * Removes the specified callback (or all callbacks) from the hook with a given hookName + * and namespace. + * + * @param {string} hookName The name of the hook to modify. + * @param {string} namespace The unique namespace identifying the callback in the + * form `vendor/plugin/function`. + * + * @return {number | undefined} The number of callbacks removed. + */ + +/** + * Returns a function which, when invoked, will remove a specified hook or all + * hooks by the given name. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * @param {boolean} [removeAll=false] Whether to remove all callbacks for a hookName, + * without regard to namespace. Used to create + * `removeAll*` functions. + * + * @return {RemoveHook} Function that removes hooks. + */ + +function createRemoveHook(hooks, storeKey) { + var removeAll = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; + return function removeHook(hookName, namespace) { + var hooksStore = hooks[storeKey]; + + if (!(0,_validateHookName_js__WEBPACK_IMPORTED_MODULE_1__["default"])(hookName)) { + return; + } + + if (!removeAll && !(0,_validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__["default"])(namespace)) { + return; + } // Bail if no hooks exist by this name + + + if (!hooksStore[hookName]) { + return 0; + } + + var handlersRemoved = 0; + + if (removeAll) { + handlersRemoved = hooksStore[hookName].handlers.length; + hooksStore[hookName] = { + runs: hooksStore[hookName].runs, + handlers: [] + }; + } else { + // Try to find the specified callback to remove. + var handlers = hooksStore[hookName].handlers; + + var _loop = function _loop(i) { + if (handlers[i].namespace === namespace) { + handlers.splice(i, 1); + handlersRemoved++; // This callback may also be part of a hook that is + // currently executing. If the callback we're removing + // comes after the current callback, there's no problem; + // otherwise we need to decrease the execution index of any + // other runs by 1 to account for the removed element. + + hooksStore.__current.forEach(function (hookInfo) { + if (hookInfo.name === hookName && hookInfo.currentIndex >= i) { + hookInfo.currentIndex--; + } + }); + } + }; + + for (var i = handlers.length - 1; i >= 0; i--) { + _loop(i); + } + } + + if (hookName !== 'hookRemoved') { + hooks.doAction('hookRemoved', hookName, namespace); + } + + return handlersRemoved; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createRemoveHook); +//# sourceMappingURL=createRemoveHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createRunHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createRunHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"); + + +/** + * Returns a function which, when invoked, will execute all callbacks + * registered to a hook of the specified type, optionally returning the final + * value of the call chain. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * @param {boolean} [returnFirstArg=false] Whether each hook callback is expected to + * return its first argument. + * + * @return {(hookName:string, ...args: unknown[]) => unknown} Function that runs hook callbacks. + */ +function createRunHook(hooks, storeKey) { + var returnFirstArg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; + return function runHooks(hookName) { + var hooksStore = hooks[storeKey]; + + if (!hooksStore[hookName]) { + hooksStore[hookName] = { + handlers: [], + runs: 0 + }; + } + + hooksStore[hookName].runs++; + var handlers = hooksStore[hookName].handlers; // The following code is stripped from production builds. + + if (true) { + // Handle any 'all' hooks registered. + if ('hookAdded' !== hookName && hooksStore.all) { + handlers.push.apply(handlers, (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(hooksStore.all.handlers)); + } + } + + for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + if (!handlers || !handlers.length) { + return returnFirstArg ? args[0] : undefined; + } + + var hookInfo = { + name: hookName, + currentIndex: 0 + }; + + hooksStore.__current.push(hookInfo); + + while (hookInfo.currentIndex < handlers.length) { + var handler = handlers[hookInfo.currentIndex]; + var result = handler.callback.apply(null, args); + + if (returnFirstArg) { + args[0] = result; + } + + hookInfo.currentIndex++; + } + + hooksStore.__current.pop(); + + if (returnFirstArg) { + return args[0]; + } + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createRunHook); +//# sourceMappingURL=createRunHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/index.js": +/*!*************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/index.js ***! + \*************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ actions: () => (/* binding */ actions), +/* harmony export */ addAction: () => (/* binding */ addAction), +/* harmony export */ addFilter: () => (/* binding */ addFilter), +/* harmony export */ applyFilters: () => (/* binding */ applyFilters), +/* harmony export */ createHooks: () => (/* reexport safe */ _createHooks__WEBPACK_IMPORTED_MODULE_0__["default"]), +/* harmony export */ currentAction: () => (/* binding */ currentAction), +/* harmony export */ currentFilter: () => (/* binding */ currentFilter), +/* harmony export */ defaultHooks: () => (/* binding */ defaultHooks), +/* harmony export */ didAction: () => (/* binding */ didAction), +/* harmony export */ didFilter: () => (/* binding */ didFilter), +/* harmony export */ doAction: () => (/* binding */ doAction), +/* harmony export */ doingAction: () => (/* binding */ doingAction), +/* harmony export */ doingFilter: () => (/* binding */ doingFilter), +/* harmony export */ filters: () => (/* binding */ filters), +/* harmony export */ hasAction: () => (/* binding */ hasAction), +/* harmony export */ hasFilter: () => (/* binding */ hasFilter), +/* harmony export */ removeAction: () => (/* binding */ removeAction), +/* harmony export */ removeAllActions: () => (/* binding */ removeAllActions), +/* harmony export */ removeAllFilters: () => (/* binding */ removeAllFilters), +/* harmony export */ removeFilter: () => (/* binding */ removeFilter) +/* harmony export */ }); +/* harmony import */ var _createHooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./createHooks */ "./node_modules/@wordpress/hooks/build-module/createHooks.js"); +/** + * Internal dependencies + */ + +/** @typedef {(...args: any[])=>any} Callback */ + +/** + * @typedef Handler + * @property {Callback} callback The callback + * @property {string} namespace The namespace + * @property {number} priority The namespace + */ + +/** + * @typedef Hook + * @property {Handler[]} handlers Array of handlers + * @property {number} runs Run counter + */ + +/** + * @typedef Current + * @property {string} name Hook name + * @property {number} currentIndex The index + */ + +/** + * @typedef {Record & {__current: Current[]}} Store + */ + +/** + * @typedef {'actions' | 'filters'} StoreKey + */ + +/** + * @typedef {import('./createHooks').Hooks} Hooks + */ + +var defaultHooks = (0,_createHooks__WEBPACK_IMPORTED_MODULE_0__["default"])(); +var addAction = defaultHooks.addAction, + addFilter = defaultHooks.addFilter, + removeAction = defaultHooks.removeAction, + removeFilter = defaultHooks.removeFilter, + hasAction = defaultHooks.hasAction, + hasFilter = defaultHooks.hasFilter, + removeAllActions = defaultHooks.removeAllActions, + removeAllFilters = defaultHooks.removeAllFilters, + doAction = defaultHooks.doAction, + applyFilters = defaultHooks.applyFilters, + currentAction = defaultHooks.currentAction, + currentFilter = defaultHooks.currentFilter, + doingAction = defaultHooks.doingAction, + doingFilter = defaultHooks.doingFilter, + didAction = defaultHooks.didAction, + didFilter = defaultHooks.didFilter, + actions = defaultHooks.actions, + filters = defaultHooks.filters; + +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/validateHookName.js": +/*!************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/validateHookName.js ***! + \************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Validate a hookName string. + * + * @param {string} hookName The hook name to validate. Should be a non empty string containing + * only numbers, letters, dashes, periods and underscores. Also, + * the hook name cannot begin with `__`. + * + * @return {boolean} Whether the hook name is valid. + */ +function validateHookName(hookName) { + if ('string' !== typeof hookName || '' === hookName) { + // eslint-disable-next-line no-console + console.error('The hook name must be a non-empty string.'); + return false; + } + + if (/^__/.test(hookName)) { + // eslint-disable-next-line no-console + console.error('The hook name cannot begin with `__`.'); + return false; + } + + if (!/^[a-zA-Z][a-zA-Z0-9_.-]*$/.test(hookName)) { + // eslint-disable-next-line no-console + console.error('The hook name can only contain numbers, letters, dashes, periods and underscores.'); + return false; + } + + return true; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (validateHookName); +//# sourceMappingURL=validateHookName.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/validateNamespace.js": +/*!*************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/validateNamespace.js ***! + \*************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Validate a namespace string. + * + * @param {string} namespace The namespace to validate - should take the form + * `vendor/plugin/function`. + * + * @return {boolean} Whether the namespace is valid. + */ +function validateNamespace(namespace) { + if ('string' !== typeof namespace || '' === namespace) { + // eslint-disable-next-line no-console + console.error('The namespace must be a non-empty string.'); + return false; + } + + if (!/^[a-zA-Z][a-zA-Z0-9_.\-\/]*$/.test(namespace)) { + // eslint-disable-next-line no-console + console.error('The namespace can only contain numbers, letters, dashes, periods, underscores and slashes.'); + return false; + } + + return true; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (validateNamespace); +//# sourceMappingURL=validateNamespace.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/create-i18n.js": +/*!******************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/create-i18n.js ***! + \******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createI18n: () => (/* binding */ createI18n) +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); +/* harmony import */ var tannin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tannin */ "./node_modules/tannin/index.js"); + + +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } + +/** + * External dependencies + */ + +/** + * @typedef {Record} LocaleData + */ + +/** + * Default locale data to use for Tannin domain when not otherwise provided. + * Assumes an English plural forms expression. + * + * @type {LocaleData} + */ + +var DEFAULT_LOCALE_DATA = { + '': { + /** @param {number} n */ + plural_forms: function plural_forms(n) { + return n === 1 ? 0 : 1; + } + } +}; +/* + * Regular expression that matches i18n hooks like `i18n.gettext`, `i18n.ngettext`, + * `i18n.gettext_domain` or `i18n.ngettext_with_context` or `i18n.has_translation`. + */ + +var I18N_HOOK_REGEXP = /^i18n\.(n?gettext|has_translation)(_|$)/; +/** + * @typedef {(domain?: string) => LocaleData} GetLocaleData + * + * Returns locale data by domain in a + * Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + */ + +/** + * @typedef {(data?: LocaleData, domain?: string) => void} SetLocaleData + * + * Merges locale data into the Tannin instance by domain. Accepts data in a + * Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + */ + +/** + * @typedef {(data?: LocaleData, domain?: string) => void} ResetLocaleData + * + * Resets all current Tannin instance locale data and sets the specified + * locale data for the domain. Accepts data in a Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + */ + +/** @typedef {() => void} SubscribeCallback */ + +/** @typedef {() => void} UnsubscribeCallback */ + +/** + * @typedef {(callback: SubscribeCallback) => UnsubscribeCallback} Subscribe + * + * Subscribes to changes of locale data + */ + +/** + * @typedef {(domain?: string) => string} GetFilterDomain + * Retrieve the domain to use when calling domain-specific filters. + */ + +/** + * @typedef {(text: string, domain?: string) => string} __ + * + * Retrieve the translation of text. + * + * @see https://developer.wordpress.org/reference/functions/__/ + */ + +/** + * @typedef {(text: string, context: string, domain?: string) => string} _x + * + * Retrieve translated string with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_x/ + */ + +/** + * @typedef {(single: string, plural: string, number: number, domain?: string) => string} _n + * + * Translates and retrieves the singular or plural form based on the supplied + * number. + * + * @see https://developer.wordpress.org/reference/functions/_n/ + */ + +/** + * @typedef {(single: string, plural: string, number: number, context: string, domain?: string) => string} _nx + * + * Translates and retrieves the singular or plural form based on the supplied + * number, with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_nx/ + */ + +/** + * @typedef {() => boolean} IsRtl + * + * Check if current locale is RTL. + * + * **RTL (Right To Left)** is a locale property indicating that text is written from right to left. + * For example, the `he` locale (for Hebrew) specifies right-to-left. Arabic (ar) is another common + * language written RTL. The opposite of RTL, LTR (Left To Right) is used in other languages, + * including English (`en`, `en-US`, `en-GB`, etc.), Spanish (`es`), and French (`fr`). + */ + +/** + * @typedef {(single: string, context?: string, domain?: string) => boolean} HasTranslation + * + * Check if there is a translation for a given string in singular form. + */ + +/** @typedef {import('@wordpress/hooks').Hooks} Hooks */ + +/** + * An i18n instance + * + * @typedef I18n + * @property {GetLocaleData} getLocaleData Returns locale data by domain in a Jed-formatted JSON object shape. + * @property {SetLocaleData} setLocaleData Merges locale data into the Tannin instance by domain. Accepts data in a + * Jed-formatted JSON object shape. + * @property {ResetLocaleData} resetLocaleData Resets all current Tannin instance locale data and sets the specified + * locale data for the domain. Accepts data in a Jed-formatted JSON object shape. + * @property {Subscribe} subscribe Subscribes to changes of Tannin locale data. + * @property {__} __ Retrieve the translation of text. + * @property {_x} _x Retrieve translated string with gettext context. + * @property {_n} _n Translates and retrieves the singular or plural form based on the supplied + * number. + * @property {_nx} _nx Translates and retrieves the singular or plural form based on the supplied + * number, with gettext context. + * @property {IsRtl} isRTL Check if current locale is RTL. + * @property {HasTranslation} hasTranslation Check if there is a translation for a given string. + */ + +/** + * Create an i18n instance + * + * @param {LocaleData} [initialData] Locale data configuration. + * @param {string} [initialDomain] Domain for which configuration applies. + * @param {Hooks} [hooks] Hooks implementation. + * @return {I18n} I18n instance + */ + +var createI18n = function createI18n(initialData, initialDomain, hooks) { + /** + * The underlying instance of Tannin to which exported functions interface. + * + * @type {Tannin} + */ + var tannin = new tannin__WEBPACK_IMPORTED_MODULE_1__["default"]({}); + var listeners = new Set(); + + var notifyListeners = function notifyListeners() { + listeners.forEach(function (listener) { + return listener(); + }); + }; + /** + * Subscribe to changes of locale data. + * + * @param {SubscribeCallback} callback Subscription callback. + * @return {UnsubscribeCallback} Unsubscribe callback. + */ + + + var subscribe = function subscribe(callback) { + listeners.add(callback); + return function () { + return listeners.delete(callback); + }; + }; + /** @type {GetLocaleData} */ + + + var getLocaleData = function getLocaleData() { + var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default'; + return tannin.data[domain]; + }; + /** + * @param {LocaleData} [data] + * @param {string} [domain] + */ + + + var doSetLocaleData = function doSetLocaleData(data) { + var domain = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default'; + tannin.data[domain] = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_LOCALE_DATA), tannin.data[domain]), data); // Populate default domain configuration (supported locale date which omits + // a plural forms expression). + + tannin.data[domain][''] = _objectSpread(_objectSpread({}, DEFAULT_LOCALE_DATA['']), tannin.data[domain]['']); + }; + /** @type {SetLocaleData} */ + + + var setLocaleData = function setLocaleData(data, domain) { + doSetLocaleData(data, domain); + notifyListeners(); + }; + /** @type {ResetLocaleData} */ + + + var resetLocaleData = function resetLocaleData(data, domain) { + // Reset all current Tannin locale data. + tannin.data = {}; // Reset cached plural forms functions cache. + + tannin.pluralForms = {}; + setLocaleData(data, domain); + }; + /** + * Wrapper for Tannin's `dcnpgettext`. Populates default locale data if not + * otherwise previously assigned. + * + * @param {string|undefined} domain Domain to retrieve the translated text. + * @param {string|undefined} context Context information for the translators. + * @param {string} single Text to translate if non-plural. Used as + * fallback return value on a caught error. + * @param {string} [plural] The text to be used if the number is + * plural. + * @param {number} [number] The number to compare against to use + * either the singular or plural form. + * + * @return {string} The translated string. + */ + + + var dcnpgettext = function dcnpgettext() { + var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default'; + var context = arguments.length > 1 ? arguments[1] : undefined; + var single = arguments.length > 2 ? arguments[2] : undefined; + var plural = arguments.length > 3 ? arguments[3] : undefined; + var number = arguments.length > 4 ? arguments[4] : undefined; + + if (!tannin.data[domain]) { + // use `doSetLocaleData` to set silently, without notifying listeners + doSetLocaleData(undefined, domain); + } + + return tannin.dcnpgettext(domain, context, single, plural, number); + }; + /** @type {GetFilterDomain} */ + + + var getFilterDomain = function getFilterDomain() { + var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default'; + return domain; + }; + /** @type {__} */ + + + var __ = function __(text, domain) { + var translation = dcnpgettext(domain, undefined, text); + + if (!hooks) { + return translation; + } + /** + * Filters text with its translation. + * + * @param {string} translation Translated text. + * @param {string} text Text to translate. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext', translation, text, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext_' + getFilterDomain(domain), translation, text, domain) + ); + }; + /** @type {_x} */ + + + var _x = function _x(text, context, domain) { + var translation = dcnpgettext(domain, context, text); + + if (!hooks) { + return translation; + } + /** + * Filters text with its translation based on context information. + * + * @param {string} translation Translated text. + * @param {string} text Text to translate. + * @param {string} context Context information for the translators. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext_with_context', translation, text, context, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext_with_context_' + getFilterDomain(domain), translation, text, context, domain) + ); + }; + /** @type {_n} */ + + + var _n = function _n(single, plural, number, domain) { + var translation = dcnpgettext(domain, undefined, single, plural, number); + + if (!hooks) { + return translation; + } + /** + * Filters the singular or plural form of a string. + * + * @param {string} translation Translated text. + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {string} number The number to compare against to use either the singular or plural form. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext', translation, single, plural, number, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext_' + getFilterDomain(domain), translation, single, plural, number, domain) + ); + }; + /** @type {_nx} */ + + + var _nx = function _nx(single, plural, number, context, domain) { + var translation = dcnpgettext(domain, context, single, plural, number); + + if (!hooks) { + return translation; + } + /** + * Filters the singular or plural form of a string with gettext context. + * + * @param {string} translation Translated text. + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {string} number The number to compare against to use either the singular or plural form. + * @param {string} context Context information for the translators. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext_with_context', translation, single, plural, number, context, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext_with_context_' + getFilterDomain(domain), translation, single, plural, number, context, domain) + ); + }; + /** @type {IsRtl} */ + + + var isRTL = function isRTL() { + return 'rtl' === _x('ltr', 'text direction'); + }; + /** @type {HasTranslation} */ + + + var hasTranslation = function hasTranslation(single, context, domain) { + var _tannin$data, _tannin$data2; + + var key = context ? context + "\x04" + single : single; + var result = !!((_tannin$data = tannin.data) !== null && _tannin$data !== void 0 && (_tannin$data2 = _tannin$data[domain !== null && domain !== void 0 ? domain : 'default']) !== null && _tannin$data2 !== void 0 && _tannin$data2[key]); + + if (hooks) { + /** + * Filters the presence of a translation in the locale data. + * + * @param {boolean} hasTranslation Whether the translation is present or not.. + * @param {string} single The singular form of the translated text (used as key in locale data) + * @param {string} context Context information for the translators. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + result = + /** @type { boolean } */ + + /** @type {*} */ + hooks.applyFilters('i18n.has_translation', result, single, context, domain); + result = + /** @type { boolean } */ + + /** @type {*} */ + hooks.applyFilters('i18n.has_translation_' + getFilterDomain(domain), result, single, context, domain); + } + + return result; + }; + + if (initialData) { + setLocaleData(initialData, initialDomain); + } + + if (hooks) { + /** + * @param {string} hookName + */ + var onHookAddedOrRemoved = function onHookAddedOrRemoved(hookName) { + if (I18N_HOOK_REGEXP.test(hookName)) { + notifyListeners(); + } + }; + + hooks.addAction('hookAdded', 'core/i18n', onHookAddedOrRemoved); + hooks.addAction('hookRemoved', 'core/i18n', onHookAddedOrRemoved); + } + + return { + getLocaleData: getLocaleData, + setLocaleData: setLocaleData, + resetLocaleData: resetLocaleData, + subscribe: subscribe, + __: __, + _x: _x, + _n: _n, + _nx: _nx, + isRTL: isRTL, + hasTranslation: hasTranslation + }; +}; +//# sourceMappingURL=create-i18n.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/default-i18n.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/default-i18n.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ __: () => (/* binding */ __), +/* harmony export */ _n: () => (/* binding */ _n), +/* harmony export */ _nx: () => (/* binding */ _nx), +/* harmony export */ _x: () => (/* binding */ _x), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ getLocaleData: () => (/* binding */ getLocaleData), +/* harmony export */ hasTranslation: () => (/* binding */ hasTranslation), +/* harmony export */ isRTL: () => (/* binding */ isRTL), +/* harmony export */ resetLocaleData: () => (/* binding */ resetLocaleData), +/* harmony export */ setLocaleData: () => (/* binding */ setLocaleData), +/* harmony export */ subscribe: () => (/* binding */ subscribe) +/* harmony export */ }); +/* harmony import */ var _create_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-i18n */ "./node_modules/@wordpress/i18n/build-module/create-i18n.js"); +/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/hooks */ "./node_modules/@wordpress/hooks/build-module/index.js"); +/** + * Internal dependencies + */ + +/** + * WordPress dependencies + */ + + +var i18n = (0,_create_i18n__WEBPACK_IMPORTED_MODULE_0__.createI18n)(undefined, undefined, _wordpress_hooks__WEBPACK_IMPORTED_MODULE_1__.defaultHooks); +/** + * Default, singleton instance of `I18n`. + */ + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (i18n); +/* + * Comments in this file are duplicated from ./i18n due to + * https://github.com/WordPress/gutenberg/pull/20318#issuecomment-590837722 + */ + +/** + * @typedef {import('./create-i18n').LocaleData} LocaleData + * @typedef {import('./create-i18n').SubscribeCallback} SubscribeCallback + * @typedef {import('./create-i18n').UnsubscribeCallback} UnsubscribeCallback + */ + +/** + * Returns locale data by domain in a Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param {string} [domain] Domain for which to get the data. + * @return {LocaleData} Locale data. + */ + +var getLocaleData = i18n.getLocaleData.bind(i18n); +/** + * Merges locale data into the Tannin instance by domain. Accepts data in a + * Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param {LocaleData} [data] Locale data configuration. + * @param {string} [domain] Domain for which configuration applies. + */ + +var setLocaleData = i18n.setLocaleData.bind(i18n); +/** + * Resets all current Tannin instance locale data and sets the specified + * locale data for the domain. Accepts data in a Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param {LocaleData} [data] Locale data configuration. + * @param {string} [domain] Domain for which configuration applies. + */ + +var resetLocaleData = i18n.resetLocaleData.bind(i18n); +/** + * Subscribes to changes of locale data + * + * @param {SubscribeCallback} callback Subscription callback + * @return {UnsubscribeCallback} Unsubscribe callback + */ + +var subscribe = i18n.subscribe.bind(i18n); +/** + * Retrieve the translation of text. + * + * @see https://developer.wordpress.org/reference/functions/__/ + * + * @param {string} text Text to translate. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} Translated text. + */ + +var __ = i18n.__.bind(i18n); +/** + * Retrieve translated string with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_x/ + * + * @param {string} text Text to translate. + * @param {string} context Context information for the translators. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} Translated context string without pipe. + */ + +var _x = i18n._x.bind(i18n); +/** + * Translates and retrieves the singular or plural form based on the supplied + * number. + * + * @see https://developer.wordpress.org/reference/functions/_n/ + * + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {number} number The number to compare against to use either the + * singular or plural form. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} The translated singular or plural form. + */ + +var _n = i18n._n.bind(i18n); +/** + * Translates and retrieves the singular or plural form based on the supplied + * number, with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_nx/ + * + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {number} number The number to compare against to use either the + * singular or plural form. + * @param {string} context Context information for the translators. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} The translated singular or plural form. + */ + +var _nx = i18n._nx.bind(i18n); +/** + * Check if current locale is RTL. + * + * **RTL (Right To Left)** is a locale property indicating that text is written from right to left. + * For example, the `he` locale (for Hebrew) specifies right-to-left. Arabic (ar) is another common + * language written RTL. The opposite of RTL, LTR (Left To Right) is used in other languages, + * including English (`en`, `en-US`, `en-GB`, etc.), Spanish (`es`), and French (`fr`). + * + * @return {boolean} Whether locale is RTL. + */ + +var isRTL = i18n.isRTL.bind(i18n); +/** + * Check if there is a translation for a given string (in singular form). + * + * @param {string} single Singular form of the string to look up. + * @param {string} [context] Context information for the translators. + * @param {string} [domain] Domain to retrieve the translated text. + * @return {boolean} Whether the translation exists or not. + */ + +var hasTranslation = i18n.hasTranslation.bind(i18n); +//# sourceMappingURL=default-i18n.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/index.js": +/*!************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/index.js ***! + \************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ __: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.__), +/* harmony export */ _n: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._n), +/* harmony export */ _nx: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._nx), +/* harmony export */ _x: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._x), +/* harmony export */ createI18n: () => (/* reexport safe */ _create_i18n__WEBPACK_IMPORTED_MODULE_1__.createI18n), +/* harmony export */ defaultI18n: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__["default"]), +/* harmony export */ getLocaleData: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.getLocaleData), +/* harmony export */ hasTranslation: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.hasTranslation), +/* harmony export */ isRTL: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.isRTL), +/* harmony export */ resetLocaleData: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.resetLocaleData), +/* harmony export */ setLocaleData: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.setLocaleData), +/* harmony export */ sprintf: () => (/* reexport safe */ _sprintf__WEBPACK_IMPORTED_MODULE_0__.sprintf), +/* harmony export */ subscribe: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.subscribe) +/* harmony export */ }); +/* harmony import */ var _sprintf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sprintf */ "./node_modules/@wordpress/i18n/build-module/sprintf.js"); +/* harmony import */ var _create_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create-i18n */ "./node_modules/@wordpress/i18n/build-module/create-i18n.js"); +/* harmony import */ var _default_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./default-i18n */ "./node_modules/@wordpress/i18n/build-module/default-i18n.js"); + + + +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/sprintf.js": +/*!**************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/sprintf.js ***! + \**************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ sprintf: () => (/* binding */ sprintf) +/* harmony export */ }); +/* harmony import */ var memize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! memize */ "./node_modules/memize/index.js"); +/* harmony import */ var memize__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(memize__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var sprintf_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! sprintf-js */ "./node_modules/sprintf-js/src/sprintf.js"); +/* harmony import */ var sprintf_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(sprintf_js__WEBPACK_IMPORTED_MODULE_1__); +/** + * External dependencies + */ + + +/** + * Log to console, once per message; or more precisely, per referentially equal + * argument set. Because Jed throws errors, we log these to the console instead + * to avoid crashing the application. + * + * @param {...*} args Arguments to pass to `console.error` + */ + +var logErrorOnce = memize__WEBPACK_IMPORTED_MODULE_0___default()(console.error); // eslint-disable-line no-console + +/** + * Returns a formatted string. If an error occurs in applying the format, the + * original format string is returned. + * + * @param {string} format The format of the string to generate. + * @param {...*} args Arguments to apply to the format. + * + * @see https://www.npmjs.com/package/sprintf-js + * + * @return {string} The formatted string. + */ + +function sprintf(format) { + try { + for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + return sprintf_js__WEBPACK_IMPORTED_MODULE_1___default().sprintf.apply((sprintf_js__WEBPACK_IMPORTED_MODULE_1___default()), [format].concat(args)); + } catch (error) { + logErrorOnce('sprintf error: \n\n' + error.toString()); + return format; + } +} +//# sourceMappingURL=sprintf.js.map + +/***/ }), + +/***/ "./js/src/core/constants.js": +/*!**********************************!*\ + !*** ./js/src/core/constants.js ***! + \**********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ CHECKED_CLASS: () => (/* binding */ CHECKED_CLASS), +/* harmony export */ CURRENT_CLASS: () => (/* binding */ CURRENT_CLASS), +/* harmony export */ DISABLED_CLASS: () => (/* binding */ DISABLED_CLASS), +/* harmony export */ HIDDEN_CLASS: () => (/* binding */ HIDDEN_CLASS), +/* harmony export */ HIDE_JS_CLASS: () => (/* binding */ HIDE_JS_CLASS), +/* harmony export */ HOOKS: () => (/* binding */ HOOKS), +/* harmony export */ PLUGIN_URL: () => (/* binding */ PLUGIN_URL), +/* harmony export */ SINGLE_SETTINGS_CLASS: () => (/* binding */ SINGLE_SETTINGS_CLASS), +/* harmony export */ nonce: () => (/* binding */ nonce) +/* harmony export */ }); +var _window$frmGlobal = window.frmGlobal, + PLUGIN_URL = _window$frmGlobal.url, + nonce = _window$frmGlobal.nonce; + +var HIDDEN_CLASS = 'frm_hidden'; +var DISABLED_CLASS = 'frm_disabled'; +var HIDE_JS_CLASS = 'frm-hide-js'; +var CURRENT_CLASS = 'frm-current'; +var CHECKED_CLASS = 'frm-checked'; +var SINGLE_SETTINGS_CLASS = 'frm-single-settings'; +var HOOKS = { + SHOW_FIELD_SETTINGS: 'frmShowedFieldSettings' +}; + +/***/ }), + +/***/ "./js/src/core/factory/createPageElements.js": +/*!***************************************************!*\ + !*** ./js/src/core/factory/createPageElements.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createPageElements: () => (/* binding */ createPageElements) +/* harmony export */ }); +function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } +function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +/** + * Creates a page elements manager. + * + * @param {Object} [initialElements={}] An object containing initial DOM elements. + * @throws {Error} Throws an error if the `initialElements` is not an object. + * @return {Object} An object with methods to get and add elements. + */ +function createPageElements() { + var initialElements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + if (_typeof(initialElements) !== 'object' || initialElements === null) { + throw new Error('createPageElements: initialElements must be a non-null object'); + } + var elements = initialElements; + + /** + * Retrieve the initialized essential DOM elements. + * + * @return {Object} The initialized elements object. + */ + function getElements() { + return elements; + } + + /** + * Add new elements to the elements object. + * + * @param {Object} newElements An object containing new elements to be added. + * @throws {Error} Throws an error if the `newElements` is not a non-null object. + * @return {void} Updates the elements object by merging the new elements into it. + */ + function addElements(newElements) { + if (_typeof(newElements) !== 'object' || newElements === null) { + throw new Error('addElements: newElements must be a non-null object'); + } + elements = _objectSpread(_objectSpread({}, elements), newElements); + } + return { + getElements: getElements, + addElements: addElements + }; +} + +/***/ }), + +/***/ "./js/src/core/factory/createPageState.js": +/*!************************************************!*\ + !*** ./js/src/core/factory/createPageState.js ***! + \************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createPageState: () => (/* binding */ createPageState) +/* harmony export */ }); +function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } +function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +/** + * Creates a page state manager. + * + * @param {Object} [initialState={}] An object containing the initial state. + * @throws {Error} Throws an error if the `initialState` is not a plain object. + * @return {Object} An object with methods to initialize, get, and set the page state. + */ +function createPageState() { + var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + if (_typeof(initialState) !== 'object' || initialState === null) { + throw new Error('createPageState: initialState must be a non-null object'); + } + var state = initialState; + + /** + * Returns the current page state. + * + * @return {Object|null} The current state of the page or null if not initialized. + */ + var getState = function getState() { + return state; + }; + + /** + * Returns a specific property from the current page state. + * + * @param {string} propertyName The name of the property to retrieve. + * @return {*} The value of the specified property, or null if it doesn't exist. + */ + var getSingleState = function getSingleState(propertyName) { + var value = Reflect.get(state, propertyName); + + // We convert `undefined` to `null` for a consistent API. + // This makes it easier for users to handle the results since all missing properties return `null`. + return value === undefined ? null : value; + }; + + /** + * Updates the page state with new values. + * + * @param {Object} newState The new values to update the state with. + * @throws {Error} Throws an error if `newState` is not a plain object. + * @return {void} + */ + var setState = function setState(newState) { + if (_typeof(newState) !== 'object' || newState === null) { + throw new Error('setState: newState must be a non-null object'); + } + state = _objectSpread(_objectSpread({}, state), newState); + }; + + /** + * Updates a specific property in the page state with a new value. + * + * @param {string} propertyName The name of the property to update. + * @param {*} value The new value to set for the property. + * @return {void} + */ + var setSingleState = function setSingleState(propertyName, value) { + if (Reflect.has(state, propertyName)) { + Reflect.set(state, propertyName, value); + } + }; + return { + getState: getState, + getSingleState: getSingleState, + setState: setState, + setSingleState: setSingleState + }; +} + +/***/ }), + +/***/ "./js/src/core/factory/index.js": +/*!**************************************!*\ + !*** ./js/src/core/factory/index.js ***! + \**************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createPageElements: () => (/* reexport safe */ _createPageElements__WEBPACK_IMPORTED_MODULE_0__.createPageElements), +/* harmony export */ createPageState: () => (/* reexport safe */ _createPageState__WEBPACK_IMPORTED_MODULE_1__.createPageState) +/* harmony export */ }); +/* harmony import */ var _createPageElements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./createPageElements */ "./js/src/core/factory/createPageElements.js"); +/* harmony import */ var _createPageState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./createPageState */ "./js/src/core/factory/createPageState.js"); + + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/constants.js": +/*!************************************************!*\ + !*** ./js/src/core/page-skeleton/constants.js ***! + \************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ PREFIX: () => (/* binding */ PREFIX), +/* harmony export */ SEARCH_RESULT_ITEM: () => (/* binding */ SEARCH_RESULT_ITEM), +/* harmony export */ VIEWS: () => (/* binding */ VIEWS) +/* harmony export */ }); +var PREFIX = 'frm-page-skeleton'; +var SEARCH_RESULT_ITEM = 'frm-card-item'; +var VIEWS = { + ALL_ITEMS: 'all-items' +}; + +/***/ }), + +/***/ "./js/src/core/page-skeleton/elements/elements.js": +/*!********************************************************!*\ + !*** ./js/src/core/page-skeleton/elements/elements.js ***! + \********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addElements: () => (/* binding */ addElements), +/* harmony export */ getElements: () => (/* binding */ getElements) +/* harmony export */ }); +/* harmony import */ var core_factory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/factory */ "./js/src/core/factory/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ "./js/src/core/page-skeleton/constants.js"); +/* harmony import */ var _emptyStateElement__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./emptyStateElement */ "./js/src/core/page-skeleton/elements/emptyStateElement.js"); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } +function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + +var bodyContent = document.getElementById('post-body-content'); +var sidebar = document.getElementById("".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-sidebar")); + +// Append empty state elements to body content +var emptyState = (0,_emptyStateElement__WEBPACK_IMPORTED_MODULE_2__.createEmptyStateElement)(); +bodyContent === null || bodyContent === void 0 || bodyContent.append(emptyState); +var emptyStateElements = (0,_emptyStateElement__WEBPACK_IMPORTED_MODULE_2__.getEmptyStateElements)(); +var _createPageElements = (0,core_factory__WEBPACK_IMPORTED_MODULE_0__.createPageElements)(_objectSpread({ + bodyContent: bodyContent, + // Sidebar elements + sidebar: sidebar, + searchInput: sidebar.querySelector('.frm-search-input'), + categoryItems: sidebar.querySelectorAll(".".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-cat")), + allItemsCategory: sidebar.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-cat[data-category=\"").concat(_constants__WEBPACK_IMPORTED_MODULE_1__.VIEWS.ALL_ITEMS, "\"]")) + }, emptyStateElements)), + getElements = _createPageElements.getElements, + addElements = _createPageElements.addElements; + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/elements/emptyStateElement.js": +/*!*****************************************************************!*\ + !*** ./js/src/core/page-skeleton/elements/emptyStateElement.js ***! + \*****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createEmptyStateElement: () => (/* binding */ createEmptyStateElement), +/* harmony export */ getEmptyStateElements: () => (/* binding */ getEmptyStateElements) +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ "./js/src/core/page-skeleton/constants.js"); +/** + * WordPress dependencies + */ + + +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + +var _window$frmDom = window.frmDom, + tag = _window$frmDom.tag, + div = _window$frmDom.div, + a = _window$frmDom.a, + img = _window$frmDom.img; + +/** + * Create and return the Empty State HTML element. + * + * @return {HTMLElement} The Empty State element. + */ +function createEmptyStateElement() { + var button = a({ + className: 'button button-primary frm-button-primary' + }); + button.setAttribute('role', 'button'); + return div({ + id: "".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-empty-state"), + className: "frm-flex-col frm-flex-center frm-gap-md ".concat(core_constants__WEBPACK_IMPORTED_MODULE_1__.HIDDEN_CLASS), + children: [img({ + src: "".concat(core_constants__WEBPACK_IMPORTED_MODULE_1__.PLUGIN_URL, "/images/page-skeleton/empty-state.svg"), + alt: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Empty State', 'formidable') + }), div({ + className: 'frmcenter', + children: [tag('h2', { + className: "".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-title frm-mb-0") + }), tag('p', { + className: "".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-text frm-mb-0") + })] + }), button] + }); +} + +/** + * Return the elements related to the Empty State. + * + * @return {Object} Object containing Empty State related DOM elements. + */ +function getEmptyStateElements() { + var emptyState = document.querySelector("#".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-empty-state")); + return { + emptyState: emptyState, + emptyStateTitle: emptyState === null || emptyState === void 0 ? void 0 : emptyState.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-title")), + emptyStateText: emptyState === null || emptyState === void 0 ? void 0 : emptyState.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-text")), + emptyStateButton: emptyState === null || emptyState === void 0 ? void 0 : emptyState.querySelector('.button') + }; +} + +/***/ }), + +/***/ "./js/src/core/page-skeleton/elements/index.js": +/*!*****************************************************!*\ + !*** ./js/src/core/page-skeleton/elements/index.js ***! + \*****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_0__.addElements), +/* harmony export */ getElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_0__.getElements) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./elements */ "./js/src/core/page-skeleton/elements/elements.js"); + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/events/categoryListener.js": +/*!**************************************************************!*\ + !*** ./js/src/core/page-skeleton/events/categoryListener.js ***! + \**************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addCategoryEvents: () => (/* binding */ addCategoryEvents) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../elements */ "./js/src/core/page-skeleton/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared */ "./js/src/core/page-skeleton/shared/index.js"); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! . */ "./js/src/core/page-skeleton/events/index.js"); +/** + * External dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +/** + * Manages event handling for sidebar category links. + * + * @return {void} + */ +function addCategoryEvents() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + categoryItems = _getElements.categoryItems; + + // Attach click and keyboard event listeners to each sidebar category + categoryItems.forEach(function (category) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.onClickPreventDefault)(category, onCategoryClick); + category.addEventListener('keydown', onCategoryKeydown); + }); +} + +/** + * Handles the click event on a category item. + * + * @private + * @param {Event} event The click event object. + */ +var onCategoryClick = function onCategoryClick(event) { + var clickedCategory = event.currentTarget; + var newSelectedCategory = clickedCategory.getAttribute('data-category'); + var _getState = (0,_shared__WEBPACK_IMPORTED_MODULE_3__.getState)(), + selectedCategory = _getState.selectedCategory, + selectedCategoryEl = _getState.selectedCategoryEl, + notEmptySearchText = _getState.notEmptySearchText; + + // If the selected category hasn't changed, return early + if (selectedCategory === newSelectedCategory) { + return; + } + + /** + * Filter hook to modify the selected category. + * + * @param {string} selectedCategory The selected category + */ + selectedCategory = wp.hooks.applyFilters('frmPage.selectedCategory', newSelectedCategory); + + // Highlight the newly clicked category and update the application state + selectedCategoryEl.classList.remove(core_constants__WEBPACK_IMPORTED_MODULE_0__.CURRENT_CLASS); + selectedCategoryEl = clickedCategory; + selectedCategoryEl.classList.add(core_constants__WEBPACK_IMPORTED_MODULE_0__.CURRENT_CLASS); + (0,_shared__WEBPACK_IMPORTED_MODULE_3__.setState)({ + selectedCategory: selectedCategory, + selectedCategoryEl: selectedCategoryEl + }); + + // Reset the search input if it contains text + if (notEmptySearchText) { + (0,___WEBPACK_IMPORTED_MODULE_4__.resetSearchInput)(); + } + + /** + * Trigger custom action to update category content. + * + * @param {string} selectedCategory The selected category. + */ + wp.hooks.doAction('frmPage.onCategoryClick', selectedCategory); + + // Smoothly display the updated UI elements + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + bodyContent = _getElements2.bodyContent; + new core_utils__WEBPACK_IMPORTED_MODULE_1__.frmAnimate(bodyContent).fadeIn(); +}; + +/** + * Handles the keyboard event on a category item. + * + * @param {KeyboardEvent} event The keyboard event object. + * @return {void} + */ +function onCategoryKeydown(event) { + // Only respond to 'Enter' or 'Space' key presses + if (event.key === 'Enter' || event.key === ' ') { + event.preventDefault(); + onCategoryClick(event); + } +} + +/***/ }), + +/***/ "./js/src/core/page-skeleton/events/index.js": +/*!***************************************************!*\ + !*** ./js/src/core/page-skeleton/events/index.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addCategoryEvents: () => (/* reexport safe */ _categoryListener__WEBPACK_IMPORTED_MODULE_1__.addCategoryEvents), +/* harmony export */ resetSearchInput: () => (/* binding */ resetSearchInput) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../elements */ "./js/src/core/page-skeleton/elements/index.js"); +/* harmony import */ var _categoryListener__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./categoryListener */ "./js/src/core/page-skeleton/events/categoryListener.js"); +/** + * Internal dependencies + */ + + +/** + * Resets the value of the search input and triggers an input event. + * + * @return {void} + */ +function resetSearchInput() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_0__.getElements)(), + searchInput = _getElements.searchInput; + searchInput.value = ''; + searchInput.dispatchEvent(new Event('input', { + bubbles: true + })); +} + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/index.js": +/*!********************************************!*\ + !*** ./js/src/core/page-skeleton/index.js ***! + \********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ PREFIX: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.PREFIX), +/* harmony export */ SEARCH_RESULT_ITEM: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SEARCH_RESULT_ITEM), +/* harmony export */ VIEWS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.VIEWS), +/* harmony export */ addCategoryEvents: () => (/* reexport safe */ _events__WEBPACK_IMPORTED_MODULE_3__.addCategoryEvents), +/* harmony export */ addElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_1__.addElements), +/* harmony export */ getElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_1__.getElements), +/* harmony export */ getSingleState: () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.getSingleState), +/* harmony export */ getState: () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.getState), +/* harmony export */ resetSearchInput: () => (/* reexport safe */ _events__WEBPACK_IMPORTED_MODULE_3__.resetSearchInput), +/* harmony export */ setSingleState: () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.setSingleState), +/* harmony export */ setState: () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.setState) +/* harmony export */ }); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ "./js/src/core/page-skeleton/constants.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./elements */ "./js/src/core/page-skeleton/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shared */ "./js/src/core/page-skeleton/shared/index.js"); +/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./events */ "./js/src/core/page-skeleton/events/index.js"); + + + + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/shared/index.js": +/*!***************************************************!*\ + !*** ./js/src/core/page-skeleton/shared/index.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ getSingleState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.getSingleState), +/* harmony export */ getState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.getState), +/* harmony export */ setSingleState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.setSingleState), +/* harmony export */ setState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_0__.setState) +/* harmony export */ }); +/* harmony import */ var _pageState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageState */ "./js/src/core/page-skeleton/shared/pageState.js"); + + +/***/ }), + +/***/ "./js/src/core/page-skeleton/shared/pageState.js": +/*!*******************************************************!*\ + !*** ./js/src/core/page-skeleton/shared/pageState.js ***! + \*******************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ getSingleState: () => (/* binding */ getSingleState), +/* harmony export */ getState: () => (/* binding */ getState), +/* harmony export */ setSingleState: () => (/* binding */ setSingleState), +/* harmony export */ setState: () => (/* binding */ setState) +/* harmony export */ }); +/* harmony import */ var core_factory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/factory */ "./js/src/core/factory/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../elements */ "./js/src/core/page-skeleton/elements/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ "./js/src/core/page-skeleton/constants.js"); +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + +var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_1__.getElements)(), + allItemsCategory = _getElements.allItemsCategory; +var _createPageState = (0,core_factory__WEBPACK_IMPORTED_MODULE_0__.createPageState)({ + notEmptySearchText: false, + selectedCategory: _constants__WEBPACK_IMPORTED_MODULE_2__.VIEWS.ALL_ITEMS, + selectedCategoryEl: allItemsCategory + }), + getState = _createPageState.getState, + getSingleState = _createPageState.getSingleState, + setState = _createPageState.setState, + setSingleState = _createPageState.setSingleState; + + +/***/ }), + +/***/ "./js/src/core/ui/addProgressToCardBoxes.js": +/*!**************************************************!*\ + !*** ./js/src/core/ui/addProgressToCardBoxes.js ***! + \**************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Internal Dependencies + */ +var span = window.frmDom.span; + +/** + * Adds a progress bar to each card box element to visually indicate its position in the sequence. + * + * @param {Element[]} cardBoxes Collection of card box elements to enhance with progress bars. + * @return {void} + */ +function addProgressToCardBoxes(cardBoxes) { + if (!Array.isArray(cardBoxes) || !cardBoxes.length) { + console.warn('addProgressToCardBoxes: Expected a non-empty array of cardBoxes.'); + return; + } + cardBoxes.forEach(function (element, index) { + // Exclude cards that either don't require a progress bar or already include one + if (!element.classList.contains('frm-has-progress-bar') || element.querySelector('.frm-card-box-progress-bar')) { + return; + } + var progressBar = span(); + var widthPercentage = (index + 1) / cardBoxes.length * 100; + progressBar.style.width = "".concat(widthPercentage, "%"); + var progressBarContainer = span({ + className: 'frm-card-box-progress-bar', + child: progressBar + }); + element.prepend(progressBarContainer); + }); +} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (addProgressToCardBoxes); + +/***/ }), + +/***/ "./js/src/core/ui/counter.js": +/*!***********************************!*\ + !*** ./js/src/core/ui/counter.js ***! + \***********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Updates the text content of an element with a counter value using smooth animation. + * + * @param {HTMLElement|string} element The DOM element or selector to update + * @param {number|string} value The new counter value to set + * @param {Object} options Animation options + * @param {number} options.duration Duration in milliseconds (default: 3000) + * @param {Function} options.easing Easing function (default: easeOutQuart) + * @throws {Error} When element is not found or invalid + * @return {HTMLElement} The updated element for method chaining + */ +var counter = function counter(element, value) { + var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; + var targetElement = typeof element === 'string' ? document.querySelector(element) : element; + if (!targetElement || !(targetElement instanceof HTMLElement)) { + return null; + } + var targetValue = typeof value === 'number' ? value : parseInt(value, 10); + if (isNaN(targetValue)) { + console.warn('Counter: Invalid value provided, defaulting to 0'); + return setElementValueAndReturn(targetElement, '0'); + } + + // Don't run the animation if the sent value is 0 + if (targetValue === 0) { + return setElementValueAndReturn(targetElement, '0'); + } + var _options$duration = options.duration, + duration = _options$duration === void 0 ? 3000 : _options$duration, + _options$easing = options.easing, + easing = _options$easing === void 0 ? easeOutQuart : _options$easing; + var startValue = parseInt(targetElement.textContent, 10) || 0; + var change = targetValue - startValue; + + // Skip animation if no change needed + if (change === 0) { + return targetElement; + } + + // Cancel any existing animation + if (targetElement._counterAnimation) { + cancelAnimationFrame(targetElement._counterAnimation); + } + + // Start animation + targetElement.classList.add('frm-fadein'); + targetElement._counterAnimation = requestAnimationFrame(function (timestamp) { + return _animateCounter(timestamp, targetElement, startValue, targetValue, duration, change, easing); + }); + return targetElement; +}; + +/** + * Helper function to set element text content and return element + * + * @param {HTMLElement} element Target element + * @param {string|number} value Value to set + * @return {HTMLElement} The element for method chaining + */ +var setElementValueAndReturn = function setElementValueAndReturn(element, value) { + element.textContent = String(value); + return element; +}; + +/** + * Standalone animation function for counter (optimized to prevent redefinition) + * + * @param {number} timestamp Current timestamp from requestAnimationFrame + * @param {HTMLElement} element Target element to animate + * @param {number} startValue Starting counter value + * @param {number} targetValue Target counter value + * @param {number} duration Animation duration in milliseconds + * @param {number} change Total change amount (targetValue - startValue) + * @param {Function} easing Easing function + * @return {void} + */ +var _animateCounter = function animateCounter(timestamp, element, startValue, targetValue, duration, change, easing) { + if (!element._counterStartTime) { + element._counterStartTime = timestamp; + element._counterLastTimestamp = timestamp; + element._counterFrameDropCount = 0; + element._counterLastValue = startValue; + } + var frameDelta = timestamp - element._counterLastTimestamp; + var elapsed = timestamp - element._counterStartTime; + + // Performance monitoring: detect animation stuttering + // If frame gaps exceed 50ms (indicating browser lag/blocking), count as frame drop + if (frameDelta > 50 && element._counterLastTimestamp !== null) { + element._counterFrameDropCount++; + + // Fallback strategy: after 3 frame drops, abandon JS animation for CSS transition + // This prevents choppy animations when browser is under heavy load + if (element._counterFrameDropCount > 3) { + element.style.transition = "opacity ".concat(Math.max(duration - elapsed, 100), "ms ease-out"); + element.textContent = String(targetValue); + delete element._counterAnimation; + return; + } + } + + // Calculate eased progress and current value + var progress = Math.min(elapsed / duration, 1); + var easedProgress = easing(progress); + var currentValue = Math.round(startValue + change * easedProgress); + + // Only update DOM if value actually changed (reduce unnecessary reflows) + if (currentValue !== element._counterLastValue) { + element.textContent = String(currentValue); + element._counterLastValue = currentValue; + } + element._counterLastTimestamp = timestamp; + + // Continue animation or finish + if (progress < 1) { + element._counterAnimation = requestAnimationFrame(function (timestamp) { + return _animateCounter(timestamp, element, startValue, targetValue, duration, change, easing); + }); + return; + } + + // Ensure final value is exact + element.textContent = String(targetValue); + + // Clean up all counter-related properties + ['_counterAnimation', '_counterStartTime', '_counterLastTimestamp', '_counterFrameDropCount', '_counterLastValue'].forEach(function (prop) { + return delete element[prop]; + }); + element.style.removeProperty('transition'); +}; + +/** + * Easing function for smooth animation + * + * @param {number} t Progress from 0 to 1 + * @return {number} Eased value + */ +var easeOutQuart = function easeOutQuart(t) { + return 1 - Math.pow(1 - t, 4); +}; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (counter); + +/***/ }), + +/***/ "./js/src/core/ui/index.js": +/*!*********************************!*\ + !*** ./js/src/core/ui/index.js ***! + \*********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addProgressToCardBoxes: () => (/* reexport safe */ _addProgressToCardBoxes__WEBPACK_IMPORTED_MODULE_0__["default"]), +/* harmony export */ counter: () => (/* reexport safe */ _counter__WEBPACK_IMPORTED_MODULE_1__["default"]) +/* harmony export */ }); +/* harmony import */ var _addProgressToCardBoxes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./addProgressToCardBoxes */ "./js/src/core/ui/addProgressToCardBoxes.js"); +/* harmony import */ var _counter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./counter */ "./js/src/core/ui/counter.js"); + + + +/***/ }), + +/***/ "./js/src/core/utils/animation.js": +/*!****************************************!*\ + !*** ./js/src/core/utils/animation.js ***! + \****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmAnimate: () => (/* binding */ frmAnimate) +/* harmony export */ }); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +var frmAnimate = /*#__PURE__*/function () { + /** + * Construct frmAnimate + * + * @param {Element|Element[]} elements The elements to animate. + * @param {'default'|'cascade'|'cascade-3d'} type The animation type: default | cascade | cascade-3d + */ + function frmAnimate(elements) { + var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default'; + _classCallCheck(this, frmAnimate); + this.elements = elements; + this.type = type; + this.prepareElements(); + } + + /** + * Init animation - fadeIn. + * Requires this.type = 'default'; + * ex: new frmAnimate( elements ).fadeIn(); + */ + return _createClass(frmAnimate, [{ + key: "fadeIn", + value: function fadeIn() { + var _this = this; + this.applyStyleToElements(function (element) { + element.classList.add('frm-fadein-up'); + element.addEventListener('animationend', function () { + _this.resetOpacity(); + element.classList.remove('frm-fadein-up'); + }, { + once: true + }); + }); + } + + /** + * Init animation - cascadeFadeIn. + * Requires this.type = 'cascade'|'cascade-3d'; + * ex: new frmAnimate( elements, 'cascade' ).cascadeFadeIn(); + * new frmAnimate( elements, 'cascade-3d' ).cascadeFadeIn(); + * + * @param {number} delay The transition delay value. + */ + }, { + key: "cascadeFadeIn", + value: function cascadeFadeIn() { + var _this2 = this; + var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.03; + setTimeout(function () { + _this2.applyStyleToElements(function (element, index) { + element.classList.remove('frm-animate'); + element.style.transitionDelay = "".concat((index + 1) * delay, "s"); + }); + }, 200); + } + }, { + key: "prepareElements", + value: function prepareElements() { + var _this3 = this; + this.applyStyleToElements(function (element) { + if ('default' === _this3.type) { + element.style.opacity = '0.0'; + } + if ('cascade' === _this3.type) { + element.classList.add('frm-init-cascade-animation'); + } + if ('cascade-3d' === _this3.type) { + element.classList.add('frm-init-fadein-3d'); + } + element.classList.add('frm-animate'); + }); + } + }, { + key: "resetOpacity", + value: function resetOpacity() { + this.applyStyleToElements(function (element) { + return element.style.opacity = '1.0'; + }); + } + }, { + key: "applyStyleToElements", + value: function applyStyleToElements(callback) { + if (this.elements instanceof Element) { + callback(this.elements, 0); + return; + } + if (0 < this.elements.length) { + this.elements.forEach(function (element, index) { + return callback(element, index); + }); + } + } + }]); +}(); + +/***/ }), + +/***/ "./js/src/core/utils/async.js": +/*!************************************!*\ + !*** ./js/src/core/utils/async.js ***! + \************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addToRequestQueue: () => (/* binding */ addToRequestQueue) +/* harmony export */ }); +// Initialize lastPromise with a resolved promise as the starting point for the queue +var lastPromise = Promise.resolve(); + +/** + * Adds a task to the request queue. + * + * @param {function(): Promise} task A function that returns a promise. + * @return {Promise} The new last promise in the queue. + */ +var addToRequestQueue = function addToRequestQueue(task) { + return lastPromise = lastPromise.then(task).catch(task); +}; + +/***/ }), + +/***/ "./js/src/core/utils/error.js": +/*!************************************!*\ + !*** ./js/src/core/utils/error.js ***! + \************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ showFormError: () => (/* binding */ showFormError) +/* harmony export */ }); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! . */ "./js/src/core/utils/index.js"); +/** + * Internal dependencies + */ + + +/** + * Displays form validation error messages. + * + * @param {string} inputId The ID selector for the input field with the error. + * @param {string} errorId The ID selector for the error message display element. + * @param {string} type The categorization of the error (e.g., "invalid", "empty"). + * @param {string} [message] Optional. The specific error message to display. + * @return {void} + */ +var showFormError = function showFormError(inputId, errorId, type, message) { + var inputElement = document.querySelector(inputId); + var errorElement = document.querySelector(errorId); + if (!inputElement || !errorElement) { + console.warn('showFormError: Unable to find input or error element.'); + return; + } + + // If a message is provided, update the span element's text that matches the error type + if (message) { + var span = errorElement.querySelector("span[frm-error=\"".concat(type, "\"]")); + if (span) { + span.textContent = message; + } + } + + // Assign the error type and make the error message visible + errorElement.setAttribute('frm-error', type); + (0,___WEBPACK_IMPORTED_MODULE_0__.show)(errorElement); + + // Hide the error message when the user starts typing in the faulty input field + inputElement.addEventListener('keyup', function () { + (0,___WEBPACK_IMPORTED_MODULE_0__.hide)(errorElement); + }, { + once: true + }); +}; + +/***/ }), + +/***/ "./js/src/core/utils/globalModules.js": +/*!********************************************!*\ + !*** ./js/src/core/utils/globalModules.js ***! + \********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ a: () => (/* binding */ a), +/* harmony export */ bold: () => (/* binding */ bold), +/* harmony export */ button: () => (/* binding */ button), +/* harmony export */ div: () => (/* binding */ div), +/* harmony export */ doJsonPost: () => (/* binding */ doJsonPost), +/* harmony export */ documentOn: () => (/* binding */ documentOn), +/* harmony export */ footerButton: () => (/* binding */ footerButton), +/* harmony export */ img: () => (/* binding */ img), +/* harmony export */ maybeCreateModal: () => (/* binding */ maybeCreateModal), +/* harmony export */ onClickPreventDefault: () => (/* binding */ onClickPreventDefault), +/* harmony export */ p: () => (/* binding */ p), +/* harmony export */ span: () => (/* binding */ span), +/* harmony export */ svg: () => (/* binding */ svg), +/* harmony export */ tag: () => (/* binding */ tag) +/* harmony export */ }); +var _frmDom = frmDom, + div = _frmDom.div, + span = _frmDom.span, + tag = _frmDom.tag, + a = _frmDom.a, + img = _frmDom.img, + svg = _frmDom.svg; +var _frmDom$modal = frmDom.modal, + maybeCreateModal = _frmDom$modal.maybeCreateModal, + footerButton = _frmDom$modal.footerButton; +var _frmDom$util = frmDom.util, + onClickPreventDefault = _frmDom$util.onClickPreventDefault, + documentOn = _frmDom$util.documentOn; +var doJsonPost = frmDom.ajax.doJsonPost; +var p = function p(args) { + return tag('p', args); +}; +var bold = function bold(args) { + return tag('strong', args); +}; +var button = function button(args) { + return tag('button', args); +}; + + +/***/ }), + +/***/ "./js/src/core/utils/index.js": +/*!************************************!*\ + !*** ./js/src/core/utils/index.js ***! + \************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ a: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.a), +/* harmony export */ addToRequestQueue: () => (/* reexport safe */ _async__WEBPACK_IMPORTED_MODULE_1__.addToRequestQueue), +/* harmony export */ bold: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.bold), +/* harmony export */ button: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.button), +/* harmony export */ div: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.div), +/* harmony export */ doJsonPost: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.doJsonPost), +/* harmony export */ documentOn: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.documentOn), +/* harmony export */ footerButton: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.footerButton), +/* harmony export */ frmAnimate: () => (/* reexport safe */ _animation__WEBPACK_IMPORTED_MODULE_0__.frmAnimate), +/* harmony export */ getQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.getQueryParam), +/* harmony export */ hasQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.hasQueryParam), +/* harmony export */ hide: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.hide), +/* harmony export */ hideElements: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.hideElements), +/* harmony export */ img: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.img), +/* harmony export */ isEmptyObject: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_5__.isEmptyObject), +/* harmony export */ isHTMLElement: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_5__.isHTMLElement), +/* harmony export */ isValidEmail: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_5__.isValidEmail), +/* harmony export */ isVisible: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.isVisible), +/* harmony export */ maybeCreateModal: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.maybeCreateModal), +/* harmony export */ onClickPreventDefault: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.onClickPreventDefault), +/* harmony export */ p: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.p), +/* harmony export */ removeParamFromHistory: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.removeParamFromHistory), +/* harmony export */ removeQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.removeQueryParam), +/* harmony export */ setQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.setQueryParam), +/* harmony export */ show: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.show), +/* harmony export */ showElements: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.showElements), +/* harmony export */ showFormError: () => (/* reexport safe */ _error__WEBPACK_IMPORTED_MODULE_2__.showFormError), +/* harmony export */ span: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.span), +/* harmony export */ svg: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.svg), +/* harmony export */ tag: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.tag) +/* harmony export */ }); +/* harmony import */ var _animation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./animation */ "./js/src/core/utils/animation.js"); +/* harmony import */ var _async__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./async */ "./js/src/core/utils/async.js"); +/* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./error */ "./js/src/core/utils/error.js"); +/* harmony import */ var _globalModules__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./globalModules */ "./js/src/core/utils/globalModules.js"); +/* harmony import */ var _url__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./url */ "./js/src/core/utils/url.js"); +/* harmony import */ var _validation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./validation */ "./js/src/core/utils/validation.js"); +/* harmony import */ var _visibility__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./visibility */ "./js/src/core/utils/visibility.js"); + + + + + + + + +/***/ }), + +/***/ "./js/src/core/utils/url.js": +/*!**********************************!*\ + !*** ./js/src/core/utils/url.js ***! + \**********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ getQueryParam: () => (/* binding */ getQueryParam), +/* harmony export */ hasQueryParam: () => (/* binding */ hasQueryParam), +/* harmony export */ removeParamFromHistory: () => (/* binding */ removeParamFromHistory), +/* harmony export */ removeQueryParam: () => (/* binding */ removeQueryParam), +/* harmony export */ setQueryParam: () => (/* binding */ setQueryParam) +/* harmony export */ }); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +/** + * Initializes URL and URLSearchParams objects from the current window's location + */ +var url = new URL(window.location.href); +var urlParams = url.searchParams; + +/** + * Gets the value of a specified query parameter from the current URL. + * + * @param {string} paramName The name of the query parameter to retrieve. + * @return {string|null} The value associated with the specified query parameter name, or null if not found. + */ +var getQueryParam = function getQueryParam(paramName) { + return urlParams.get(paramName); +}; + +/** + * Removes a query parameter from the current URL and returns the updated URL string. + * + * @param {string} paramName The name of the query parameter to remove. + * @return {string} The updated URL string. + */ +var removeQueryParam = function removeQueryParam(paramName) { + urlParams.delete(paramName); + url.search = urlParams.toString(); + return url.toString(); +}; + +/** + * Sets the value of a query parameter in the current URL and optionally updates the browser's history state. + * + * @param {string} paramName The name of the query parameter to set. + * @param {string} paramValue The value to set for the query parameter. + * @param {string} [updateMethod='pushState'] The method to use for updating the history state. Accepts 'pushState' or 'replaceState'. + * @return {string} The updated URL string. + */ +var setQueryParam = function setQueryParam(paramName, paramValue) { + var updateMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'pushState'; + urlParams.set(paramName, paramValue); + url.search = urlParams.toString(); + if (['pushState', 'replaceState'].includes(updateMethod)) { + var state = _defineProperty({}, paramName, paramValue); + window.history[updateMethod](state, '', url); + } + return url.toString(); +}; + +/** + * Checks if a query parameter exists in the current URL. + * + * @param {string} paramName The name of the query parameter to check. + * @return {boolean} True if the query parameter exists, otherwise false. + */ +var hasQueryParam = function hasQueryParam(paramName) { + return urlParams.has(paramName); +}; + +/** + * Removes a query parameter and updates history with replaceState. + * + * @param {string} paramName The query parameter to remove. + * @return {void} + */ +var removeParamFromHistory = function removeParamFromHistory(paramName) { + return history.replaceState({}, '', removeQueryParam(paramName)); +}; + +/***/ }), + +/***/ "./js/src/core/utils/validation.js": +/*!*****************************************!*\ + !*** ./js/src/core/utils/validation.js ***! + \*****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ isEmptyObject: () => (/* binding */ isEmptyObject), +/* harmony export */ isHTMLElement: () => (/* binding */ isHTMLElement), +/* harmony export */ isValidEmail: () => (/* binding */ isValidEmail) +/* harmony export */ }); +/** + * Validates an email address using a regular expression. + * + * @param {string} email The email address to validate. + * @return {boolean} True if the email address is valid, otherwise false. + */ +var isValidEmail = function isValidEmail(email) { + return typeof email === 'string' ? /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i.test(email) : false; +}; + +/** + * Validates if the given element is an instance of HTMLElement. + * + * @param {any} element Element to be checked. + * @return {boolean} True if it's an HTMLElement, otherwise false. + */ +var isHTMLElement = function isHTMLElement(element) { + return element instanceof HTMLElement || console.warn('Invalid argument: Element must be an instance of HTMLElement') || false; +}; + +/** + * Checks if the given object is empty. + * + * @param {Object} obj The object to check. + * @return {boolean} True if the object is empty, otherwise false. + */ +var isEmptyObject = function isEmptyObject(obj) { + return Object.keys(obj).length === 0 && obj.constructor === Object; +}; + +/***/ }), + +/***/ "./js/src/core/utils/visibility.js": +/*!*****************************************!*\ + !*** ./js/src/core/utils/visibility.js ***! + \*****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ hide: () => (/* binding */ hide), +/* harmony export */ hideElements: () => (/* binding */ hideElements), +/* harmony export */ isVisible: () => (/* binding */ isVisible), +/* harmony export */ show: () => (/* binding */ show), +/* harmony export */ showElements: () => (/* binding */ showElements) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/** + * Internal dependencies + */ + + +/** + * Shows specified elements by removing the hidden class. + * + * @param {Array} elements An array of elements to show. + * @return {void} + */ +var showElements = function showElements(elements) { + var _Array$from; + return (_Array$from = Array.from(elements)) === null || _Array$from === void 0 ? void 0 : _Array$from.forEach(function (element) { + return show(element); + }); +}; + +/** + * Hides specified elements by adding the hidden class. + * + * @param {Array} elements An array of elements to hide. + * @return {void} + */ +var hideElements = function hideElements(elements) { + var _Array$from2; + return (_Array$from2 = Array.from(elements)) === null || _Array$from2 === void 0 ? void 0 : _Array$from2.forEach(function (element) { + return hide(element); + }); +}; + +/** + * Removes the hidden class to show the element. + * + * @param {Element} element The element to show. + * @return {void} + */ +var show = function show(element) { + return element === null || element === void 0 ? void 0 : element.classList.remove(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDDEN_CLASS); +}; + +/** + * Adds the hidden class to hide the element. + * + * @param {Element} element The element to hide. + * @return {void} + */ +var hide = function hide(element) { + return element === null || element === void 0 ? void 0 : element.classList.add(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDDEN_CLASS); +}; + +/** + * Checks if an element is visible. + * + * @param {HTMLElement} element The HTML element to check for visibility. + * @return {boolean} Returns true if the element is visible, otherwise false. + */ +var isVisible = function isVisible(element) { + var styles = window.getComputedStyle(element); + return styles.getPropertyValue('display') !== 'none'; +}; + +/***/ }), + +/***/ "./js/src/form-templates/elements/applicationTemplatesElement.js": +/*!***********************************************************************!*\ + !*** ./js/src/form-templates/elements/applicationTemplatesElement.js ***! + \***********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addApplicationTemplatesElement: () => (/* binding */ addApplicationTemplatesElement), +/* harmony export */ createApplicationTemplates: () => (/* binding */ createApplicationTemplates) +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./elements */ "./js/src/form-templates/elements/elements.js"); +/** + * WordPress dependencies + */ + + +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + +var _window$frmDom = window.frmDom, + tag = _window$frmDom.tag, + div = _window$frmDom.div, + span = _window$frmDom.span, + a = _window$frmDom.a, + img = _window$frmDom.img; + +// Application templates element +var applicationTemplates; + +// Base URL for the thumbnail images of applications +var thumbnailBaseURL = "".concat(core_constants__WEBPACK_IMPORTED_MODULE_1__.PLUGIN_URL, "/images/applications/thumbnails"); + +/** + * Create and return the application templates HTML element. + * + * @param {Object[]} applications Array of application objects. + * @return {void} + */ +function createApplicationTemplates(applications) { + if (!applications || !applications.length) { + return; + } + var templateItems = applications.map(function (template) { + return createTemplateItem(template); + }); + applicationTemplates = div({ + id: "".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-applications"), + className: core_constants__WEBPACK_IMPORTED_MODULE_1__.HIDDEN_CLASS, + children: [tag('h2', { + text: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Application Templates'), + className: 'frm-text-sm frm-mb-sm' + }), tag('ul', { + className: "".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-list frm-list-grid-layout"), + children: templateItems + })] + }); +} + +/** + * Create and return an individual item element for a application template. + * + * @private + * @param {Object} template The application object. + * @return {HTMLElement} Element representing a single application template. + */ +function createTemplateItem(template) { + var name = template.name, + key = template.key, + hasLiteThumbnail = template.hasLiteThumbnail, + isWebp = template.isWebp; + var thumbnailURL = hasLiteThumbnail ? isWebp ? "".concat(thumbnailBaseURL, "/").concat(key, ".webp") : "".concat(thumbnailBaseURL, "/").concat(key, ".png") : "".concat(thumbnailBaseURL, "/placeholder.svg"); + return tag('li', { + className: 'frm-card-item', + data: { + href: "".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.applicationsUrl, "&triggerViewApplicationModal=1&template=").concat(key), + 'frm-search-text': name.toLowerCase() + }, + children: [div({ + className: "".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-item-icon"), + child: img({ + src: thumbnailURL + }) + }), div({ + className: "".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-item-body"), + children: [span({ + text: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Ready Made Solution', 'formidable'), + className: 'frm-meta-tag frm-orange-tag frm-text-xs' + }), tag('h3', { + text: name, + className: 'frm-text-sm frm-font-medium frm-m-0' + }), a({ + text: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('See all applications', 'formidable'), + className: 'frm-text-xs frm-font-semibold', + href: _shared__WEBPACK_IMPORTED_MODULE_2__.applicationsUrl + })] + })] + }); +} + +/** + * Inject application Templates elements into the DOM and the elements object. + * + * @return {void} + */ +function addApplicationTemplatesElement() { + var elements = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(); + if (elements.applicationTemplates || undefined === applicationTemplates) { + return; + } + elements.bodyContent.append(applicationTemplates); + (0,_elements__WEBPACK_IMPORTED_MODULE_3__.addElements)({ + applicationTemplates: applicationTemplates, + applicationTemplatesTitle: applicationTemplates.querySelector('h2'), + applicationTemplatesList: applicationTemplates.querySelector(".".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-list")), + applicationTemplateItems: applicationTemplates.querySelectorAll('.frm-card-item') + }); +} + +/***/ }), + +/***/ "./js/src/form-templates/elements/elements.js": +/*!****************************************************!*\ + !*** ./js/src/form-templates/elements/elements.js ***! + \****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addElements: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.addElements), +/* harmony export */ getElements: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.getElements) +/* harmony export */ }); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +var _document$getElementB, _document$getElementB2; +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + +var _getElements = (0,core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.getElements)(), + bodyContent = _getElements.bodyContent; +var templatesList = document.getElementById("".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-list")); +var customTemplatesSection = document.getElementById("".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-custom-list-section")); +var favoritesCategory = document.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.PREFIX, "-cat[data-category=\"").concat(_shared__WEBPACK_IMPORTED_MODULE_1__.VIEW_SLUGS.FAVORITES, "\"]")); +var modal = document.getElementById("".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-modal")); +(0,core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.addElements)({ + // Body elements + headerCancelButton: (_document$getElementB = document.getElementById('frm-publishing')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.querySelector('a'), + createFormButton: document.getElementById("".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-create-form")), + pageTitle: document.getElementById("".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-page-title")), + pageTitleText: document.getElementById("".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-page-title-text")), + pageTitleDivider: document.getElementById("".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-page-title-divider")), + upsellBanner: (_document$getElementB2 = document.getElementById('frm-renew-subscription-banner')) !== null && _document$getElementB2 !== void 0 ? _document$getElementB2 : document.getElementById('frm-upgrade-banner'), + extraTemplateCountElements: document.querySelectorAll(".".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-extra-templates-count")), + // Templates elements + templatesList: templatesList, + templateItems: templatesList.querySelectorAll('.frm-card-item'), + availableTemplateItems: templatesList.querySelectorAll(".frm-card-item:not(.".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-locked-item)")), + twinFeaturedTemplateItems: templatesList.querySelectorAll(".".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-featured-item")), + featuredTemplatesList: document.getElementById("".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-featured-list")), + // Custom Templates Section elements + customTemplatesSection: customTemplatesSection, + customTemplateItems: customTemplatesSection.querySelectorAll('.frm-card-item'), + customTemplatesTitle: document.getElementById("".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-custom-list-title")), + customTemplatesList: document.getElementById("".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-custom-list")), + // Sidebar elements + favoritesCategory: favoritesCategory, + favoritesCategoryCountEl: favoritesCategory === null || favoritesCategory === void 0 ? void 0 : favoritesCategory.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.PREFIX, "-cat-count")), + availableTemplatesCategory: document.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.PREFIX, "-cat[data-category=\"").concat(_shared__WEBPACK_IMPORTED_MODULE_1__.VIEW_SLUGS.AVAILABLE_TEMPLATES, "\"]")), + getFreeTemplatesBannerButton: document.querySelector('.frm-get-free-templates-banner .button'), + // Modal elements + modal: modal, + modalItems: modal === null || modal === void 0 ? void 0 : modal.querySelectorAll(".".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-modal-item")), + // Create New Template Modal + showCreateTemplateModalButton: document.getElementById('frm-show-create-template-modal'), + createTemplateModal: document.getElementById('frm-create-template-modal'), + createTemplateFormsDropdown: document.getElementById('frm-create-template-modal-forms-select'), + createTemplateName: document.getElementById('frm_create_template_name'), + createTemplateDescription: document.getElementById('frm_create_template_description'), + createTemplateButton: document.getElementById('frm-create-template-button'), + // Renew Account Modal + renewAccountModal: document.getElementById('frm-renew-modal'), + // Leave Email Modal + leaveEmailModal: document.getElementById('frm-leave-email-modal'), + leaveEmailModalInput: document.getElementById('frm_leave_email'), + leaveEmailModalButton: document.getElementById('frm-get-code-button'), + // Upgrade Modal + upgradeModal: document.getElementById('frm-form-upgrade-modal'), + upgradeModalTemplateNames: modal === null || modal === void 0 ? void 0 : modal.querySelectorAll('.frm-upgrade-modal-template-name'), + upgradeModalPlansIcons: modal === null || modal === void 0 ? void 0 : modal.querySelectorAll('.frm-upgrade-modal-plan-icon'), + upgradeModalLink: document.getElementById('frm-upgrade-modal-link'), + // New Template Form elements + newTemplateForm: document.getElementById('frm-new-template'), + newTemplateNameInput: document.getElementById('frm_template_name'), + newTemplateDescriptionInput: document.getElementById('frm_template_desc'), + newTemplateLinkInput: document.getElementById('frm_link'), + newTemplateActionInput: document.getElementById('frm_action_type'), + // Add children of the bodyContent to the elements object. + bodyContentChildren: bodyContent === null || bodyContent === void 0 ? void 0 : bodyContent.children +}); + + +/***/ }), + +/***/ "./js/src/form-templates/elements/index.js": +/*!*************************************************!*\ + !*** ./js/src/form-templates/elements/index.js ***! + \*************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addApplicationTemplatesElement: () => (/* reexport safe */ _applicationTemplatesElement__WEBPACK_IMPORTED_MODULE_1__.addApplicationTemplatesElement), +/* harmony export */ addElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_0__.addElements), +/* harmony export */ createApplicationTemplates: () => (/* reexport safe */ _applicationTemplatesElement__WEBPACK_IMPORTED_MODULE_1__.createApplicationTemplates), +/* harmony export */ getElements: () => (/* reexport safe */ _elements__WEBPACK_IMPORTED_MODULE_0__.getElements) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./elements */ "./js/src/form-templates/elements/elements.js"); +/* harmony import */ var _applicationTemplatesElement__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./applicationTemplatesElement */ "./js/src/form-templates/elements/applicationTemplatesElement.js"); + + + +/***/ }), + +/***/ "./js/src/form-templates/events/applicationTemplateListener.js": +/*!*********************************************************************!*\ + !*** ./js/src/form-templates/events/applicationTemplateListener.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addApplicationTemplateEvents: () => (/* binding */ addApplicationTemplateEvents) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/** + * Internal dependencies + */ + + +/** + * Manages event handling for an application template. + * + * @return {void} + */ +function addApplicationTemplateEvents() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_0__.getElements)(), + applicationTemplateItems = _getElements.applicationTemplateItems; + if (undefined === applicationTemplateItems) { + return; + } + + // Attach click event listener + applicationTemplateItems.forEach(function (template) { + template.addEventListener('click', onApplicationTemplateClick); + }); +} + +/** + * Handles the click event on an application template. + * + * @private + * @param {Event} event The click event object. + * @return {void} + */ +var onApplicationTemplateClick = function onApplicationTemplateClick(event) { + // Check if the clicked element is an anchor tag + if (event.target.closest('a')) { + return; + } + var applicationTemplate = event.currentTarget; + window.location.href = applicationTemplate.dataset.href; +}; + +/***/ }), + +/***/ "./js/src/form-templates/events/createFormButtonListener.js": +/*!******************************************************************!*\ + !*** ./js/src/form-templates/events/createFormButtonListener.js ***! + \******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/** + * WordPress dependencies + */ + + +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + +/** + * Manages event handling for the "Create a blank form" button. + * + * @return {void} + */ +function addCreateFormButtonEvents() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + createFormButton = _getElements.createFormButton; + + // Attach click event listener + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.onClickPreventDefault)(createFormButton, onCreateFormButtonClick); +} + +/** + * Handles the click event on the "Create a blank form" button. + * + * @private + * @return {void} + */ +var onCreateFormButtonClick = function onCreateFormButtonClick() { + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + createFormButton = _getElements2.createFormButton, + newTemplateForm = _getElements2.newTemplateForm, + newTemplateNameInput = _getElements2.newTemplateNameInput, + newTemplateActionInput = _getElements2.newTemplateActionInput; + var installNewForm = window.frmAdminBuild.installNewForm; + newTemplateNameInput.value = ''; + newTemplateActionInput.value = 'frm_install_form'; + installNewForm(newTemplateForm, 'frm_install_form', createFormButton); +}; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (addCreateFormButtonEvents); + +/***/ }), + +/***/ "./js/src/form-templates/events/createTemplateListeners.js": +/*!*****************************************************************!*\ + !*** ./js/src/form-templates/events/createTemplateListeners.js ***! + \*****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ui */ "./js/src/form-templates/ui/index.js"); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./js/src/form-templates/utils/index.js"); +/** + * WordPress dependencies + */ + + +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + + + + +/** + * Manages event handling for the 'Create New Template' modal. + * + * @return {void} + */ +function addCreateTemplateEvents() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + createTemplateFormsDropdown = _getElements.createTemplateFormsDropdown, + createTemplateButton = _getElements.createTemplateButton, + showCreateTemplateModalButton = _getElements.showCreateTemplateModalButton, + emptyStateButton = _getElements.emptyStateButton; + + // Show the 'Create New Template' modal when either empty state or show modal button is clicked + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.onClickPreventDefault)(showCreateTemplateModalButton, onShowCreateTemplateModalButtonClick); + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.onClickPreventDefault)(emptyStateButton, onShowCreateTemplateModalButtonClick); + + // Handle changes in the forms selection dropdown for creating a new template + createTemplateFormsDropdown.addEventListener('change', onFormsSelectChange); + + // Create a new template when the create button inside the modal is clicked + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.onClickPreventDefault)(createTemplateButton, onCreateTemplateButtonClick); +} + +/** + * Handles the click event on the 'Create Template' button, showing the 'Create New Template' modal. + * + * @private + * @return {void} + */ +var onShowCreateTemplateModalButtonClick = function onShowCreateTemplateModalButtonClick() { + var _getState = (0,_shared__WEBPACK_IMPORTED_MODULE_3__.getState)(), + selectedCategory = _getState.selectedCategory; + if (!(0,_utils__WEBPACK_IMPORTED_MODULE_5__.isCustomCategory)(selectedCategory)) { + return; + } + (0,_ui__WEBPACK_IMPORTED_MODULE_4__.showCreateTemplateModal)(); +}; + +/** + * Handles changes in the forms selection dropdown for creating a new template. + * + * @private + * @return {void} + */ +var onFormsSelectChange = function onFormsSelectChange() { + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + formsSelect = _getElements2.createTemplateFormsDropdown; + var formId = formsSelect.value; + if (!formId || formId === 'no-forms') { + toggleDisableModalElements(true); + return; + } + toggleDisableModalElements(false); + var selectedOption = formsSelect.options[formsSelect.selectedIndex]; + var formDescription = selectedOption.dataset.description.trim(); + var formName = selectedOption.dataset.name.trim(); + var templateString = " ".concat((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Template', 'formidable')); + if (!formName.endsWith(templateString)) { + formName += templateString; + } + var _getElements3 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + createTemplateName = _getElements3.createTemplateName, + createTemplateDescription = _getElements3.createTemplateDescription; + createTemplateName.value = formName; + createTemplateDescription.value = formDescription; +}; + +/** + * Toggles the disabled state of elements in the 'Create Template' modal. + * + * @private + * @param {boolean} shouldDisable True to disable, false to enable. + * @return {void} + */ +var toggleDisableModalElements = function toggleDisableModalElements(shouldDisable) { + var _getElements4 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + createTemplateName = _getElements4.createTemplateName, + createTemplateDescription = _getElements4.createTemplateDescription, + createTemplateButton = _getElements4.createTemplateButton; + + // Toggle the disabled attribute for input and textarea + [createTemplateName, createTemplateDescription].forEach(function (element) { + element.disabled = shouldDisable; + if (shouldDisable) { + element.value = ''; // Clear the content for input and textarea + } + }); + + // Toggle the disabled class for the button + createTemplateButton.classList.toggle('disabled', shouldDisable); +}; + +/** + * Handles the click event on the 'Create Template' button to create a new template. + * + * @private + * @return {void} + */ +var onCreateTemplateButtonClick = function onCreateTemplateButtonClick() { + var installNewForm = window.frmAdminBuild.installNewForm; + var actionName = 'frm_create_template'; + var _getElements5 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + newTemplateForm = _getElements5.newTemplateForm, + newTemplateActionInput = _getElements5.newTemplateActionInput, + newTemplateNameInput = _getElements5.newTemplateNameInput, + newTemplateDescriptionInput = _getElements5.newTemplateDescriptionInput, + newTemplateLinkInput = _getElements5.newTemplateLinkInput, + createTemplateName = _getElements5.createTemplateName, + createTemplateDescription = _getElements5.createTemplateDescription, + createTemplateFormsDropdown = _getElements5.createTemplateFormsDropdown, + createTemplateButton = _getElements5.createTemplateButton; + newTemplateActionInput.value = actionName; + newTemplateNameInput.value = createTemplateName.value.trim(); + newTemplateDescriptionInput.value = createTemplateDescription.value.trim(); + newTemplateLinkInput.value = createTemplateFormsDropdown.value; + + // Install new form template + installNewForm(newTemplateForm, actionName, createTemplateButton); +}; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (addCreateTemplateEvents); + +/***/ }), + +/***/ "./js/src/form-templates/events/favoriteButtonListener.js": +/*!****************************************************************!*\ + !*** ./js/src/form-templates/events/favoriteButtonListener.js ***! + \****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ui */ "./js/src/form-templates/ui/index.js"); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./js/src/form-templates/utils/index.js"); +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + + + +var FAVORITE_BUTTON_CLASS = ".".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-item-favorite-button"); +var HEART_ICON_SELECTOR = "".concat(FAVORITE_BUTTON_CLASS, " use"); +var FILLED_HEART_ICON = '#frm_heart_solid_icon'; +var LINEAR_HEART_ICON = '#frm_heart_icon'; +var OPERATION = { + ADD: 'add', + REMOVE: 'remove' +}; + +/** + * Manages event handling for favorite buttons. + * + * @return {void} + */ +function addFavoriteButtonEvents() { + var favoriteButtons = document.querySelectorAll(FAVORITE_BUTTON_CLASS); + + // Attach click event listeners to each favorite button + favoriteButtons.forEach(function (favoriteButton) { + return (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.onClickPreventDefault)(favoriteButton, onFavoriteButtonClick); + }); +} + +/** + * Handles the click event on the add to favorite button. + * + * @private + * @param {Event} event The click event object. + * @return {void} + */ +var onFavoriteButtonClick = function onFavoriteButtonClick(event) { + var _twinFeaturedTemplate; + var favoriteButton = event.currentTarget; + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_1__.getElements)(), + templatesList = _getElements.templatesList, + featuredTemplatesList = _getElements.featuredTemplatesList, + favoritesCategoryCountEl = _getElements.favoritesCategoryCountEl, + customTemplatesTitle = _getElements.customTemplatesTitle; + + /** + * Get necessary template information + */ + var template = favoriteButton.closest('.frm-card-item'); + var templateId = template.dataset.id; + var isFavorited = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.isFavoriteTemplate)(template); + var isTemplateCustom = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.isCustomTemplate)(template); + var isTemplateFeatured = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.isFeaturedTemplate)(template); + + /** + * Toggle the favorite status in the UI. + * If template is featured, toggle its twin version in the respective list. + */ + var twinFeaturedTemplate = null; + template.classList.toggle("".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-favorite-item"), !isFavorited); + if (isTemplateFeatured) { + var templateList = template.closest("#".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-list")) ? featuredTemplatesList : templatesList; + if (templateList) { + twinFeaturedTemplate = templateList.querySelector(".frm-card-item[data-id=\"".concat(templateId, "\"]")); + // Toggle twin template's favorite status + twinFeaturedTemplate.classList.toggle("".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-favorite-item"), !isFavorited); + } + } + + /** + * Update favorite counts and icons based on the new state + */ + var _getState = (0,_shared__WEBPACK_IMPORTED_MODULE_2__.getState)(), + selectedCategory = _getState.selectedCategory, + favoritesCount = _getState.favoritesCount; + var currentOperation = isFavorited ? OPERATION.REMOVE : OPERATION.ADD; + var heartIcon = template.querySelector(HEART_ICON_SELECTOR); + var twinTemplateHeartIcon = (_twinFeaturedTemplate = twinFeaturedTemplate) === null || _twinFeaturedTemplate === void 0 ? void 0 : _twinFeaturedTemplate.querySelector(HEART_ICON_SELECTOR); + if (OPERATION.ADD === currentOperation) { + // Increment favorite counts + ++favoritesCount.total; + if (isTemplateCustom) { + ++favoritesCount.custom; + } else { + ++favoritesCount.default; + } + // Set heart icon to filled + heartIcon.setAttribute('href', FILLED_HEART_ICON); + twinTemplateHeartIcon === null || twinTemplateHeartIcon === void 0 || twinTemplateHeartIcon.setAttribute('href', FILLED_HEART_ICON); + } else { + // Decrement favorite counts + --favoritesCount.total; + if (isTemplateCustom) { + --favoritesCount.custom; + } else { + --favoritesCount.default; + } + // Set heart icon to outline + heartIcon.setAttribute('href', LINEAR_HEART_ICON); + twinTemplateHeartIcon === null || twinTemplateHeartIcon === void 0 || twinTemplateHeartIcon.setAttribute('href', LINEAR_HEART_ICON); + } + + // Update UI and state to reflect new favorite counts + favoritesCategoryCountEl.textContent = favoritesCount.total; + (0,_shared__WEBPACK_IMPORTED_MODULE_2__.setSingleState)('favoritesCount', favoritesCount); + + /** + * Hide UI elements if 'Favorites' is active and counts are zero. + */ + if ((0,_utils__WEBPACK_IMPORTED_MODULE_4__.isFavoritesCategory)(selectedCategory)) { + if (0 === favoritesCount.total) { + (0,_ui__WEBPACK_IMPORTED_MODULE_3__.showFavoritesEmptyState)(); + } + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hide)(template); + if (0 === favoritesCount.default) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hide)(templatesList); + } + if (0 === favoritesCount.custom || 0 === favoritesCount.default) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hide)(customTemplatesTitle); + } + } + + // Update server-side data for favorite templates + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.addToRequestQueue)(function () { + return updateFavoriteTemplate(templateId, currentOperation, isTemplateCustom); + }); +}; + +/** + * Update server-side data for favorite templates. + * + * @param {string} id The template ID. + * @param {string} operation The operation to perform ('add' or 'remove'). + * @param {boolean} isCustom Flag indicating whether the template is custom. + * @return {Promise} The result of the server-side update. + */ +function updateFavoriteTemplate(id, operation, isCustom) { + var formData = new FormData(); + var doJsonPost = frmDom.ajax.doJsonPost; + formData.append('template_id', id); + formData.append('operation', operation); + formData.append('is_custom_template', isCustom); + return doJsonPost('add_or_remove_favorite_template', formData); +} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (addFavoriteButtonEvents); + +/***/ }), + +/***/ "./js/src/form-templates/events/getFreeTemplatesListener.js": +/*!******************************************************************!*\ + !*** ./js/src/form-templates/events/getFreeTemplatesListener.js ***! + \******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ui */ "./js/src/form-templates/ui/index.js"); +function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); } +function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); } +function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); } +function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; } +/** + * External dependencies + */ + +var tag = window.frmDom.tag; + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +/** + * Manages event handling for the "Get Templates" button. + * + * @return {void} + */ +function addGetFreeTemplatesEvents() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + leaveEmailModalButton = _getElements.leaveEmailModalButton, + getFreeTemplatesBannerButton = _getElements.getFreeTemplatesBannerButton; + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.onClickPreventDefault)(leaveEmailModalButton, onGetTemplatesButtonClick); + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.onClickPreventDefault)(getFreeTemplatesBannerButton, _ui__WEBPACK_IMPORTED_MODULE_3__.showLeaveEmailModal); +} + +/** + * Handles the click event on the "Get Templates" button. + * + * @private + * @return {void} + */ +var onGetTemplatesButtonClick = /*#__PURE__*/function () { + var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() { + var _getElements2, leaveEmailModalInput, email, _getElements3, leaveEmailModalButton, formData, data, doJsonPost, _t; + return _regenerator().w(function (_context) { + while (1) switch (_context.p = _context.n) { + case 0: + _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), leaveEmailModalInput = _getElements2.leaveEmailModalInput; + email = leaveEmailModalInput.value.trim(); // Check if the email field is empty + if (email) { + _context.n = 1; + break; + } + (0,_ui__WEBPACK_IMPORTED_MODULE_3__.showEmailAddressError)('empty'); + return _context.a(2); + case 1: + if ((0,core_utils__WEBPACK_IMPORTED_MODULE_0__.isValidEmail)(email)) { + _context.n = 2; + break; + } + (0,_ui__WEBPACK_IMPORTED_MODULE_3__.showEmailAddressError)('invalid'); + return _context.a(2); + case 2: + // Disable the button + _getElements3 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), leaveEmailModalButton = _getElements3.leaveEmailModalButton; + leaveEmailModalButton.style.setProperty('cursor', 'not-allowed'); + leaveEmailModalButton.classList.add('frm_loading_button'); + formData = new FormData(); + formData.append('email', email); + doJsonPost = frmDom.ajax.doJsonPost; + _context.p = 3; + _context.n = 4; + return doJsonPost('get_free_templates', formData); + case 4: + data = _context.v; + _context.n = 6; + break; + case 5: + _context.p = 5; + _t = _context.v; + console.error('An error occurred:', _t); + showFailedToGetTemplates(); + return _context.a(2); + case 6: + if (data.success) { + _context.n = 7; + break; + } + showFailedToGetTemplates(); + return _context.a(2); + case 7: + if ((0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hasQueryParam)('free-templates')) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.removeQueryParam)('free-templates'); + } + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.setQueryParam)('registered-for-free-templates', '1'); + window.location.reload(); + case 8: + return _context.a(2); + } + }, _callee, null, [[3, 5]]); + })); + return function onGetTemplatesButtonClick() { + return _ref.apply(this, arguments); + }; +}(); + +/** + * Shows a message indicating that templates could not be retrieved. + * + * @private + * @return {void} + */ +function showFailedToGetTemplates() { + var _getElements4 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + leaveEmailModal = _getElements4.leaveEmailModal; + leaveEmailModal.querySelector('.inside').replaceChildren(tag('p', (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Failed to get templates, please try again later.', 'formidable'))); + leaveEmailModal.querySelector('.frm_modal_footer').classList.add('frm_hidden'); +} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (addGetFreeTemplatesEvents); + +/***/ }), + +/***/ "./js/src/form-templates/events/index.js": +/*!***********************************************!*\ + !*** ./js/src/form-templates/events/index.js ***! + \***********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addApplicationTemplateEvents: () => (/* reexport safe */ _applicationTemplateListener__WEBPACK_IMPORTED_MODULE_8__.addApplicationTemplateEvents), +/* harmony export */ addEventListeners: () => (/* binding */ addEventListeners) +/* harmony export */ }); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _createFormButtonListener__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./createFormButtonListener */ "./js/src/form-templates/events/createFormButtonListener.js"); +/* harmony import */ var _favoriteButtonListener__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./favoriteButtonListener */ "./js/src/form-templates/events/favoriteButtonListener.js"); +/* harmony import */ var _useTemplateButtonListener__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useTemplateButtonListener */ "./js/src/form-templates/events/useTemplateButtonListener.js"); +/* harmony import */ var _searchListener__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./searchListener */ "./js/src/form-templates/events/searchListener.js"); +/* harmony import */ var _createTemplateListeners__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./createTemplateListeners */ "./js/src/form-templates/events/createTemplateListeners.js"); +/* harmony import */ var _getFreeTemplatesListener__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./getFreeTemplatesListener */ "./js/src/form-templates/events/getFreeTemplatesListener.js"); +/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../ui */ "./js/src/form-templates/ui/index.js"); +/* harmony import */ var _applicationTemplateListener__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./applicationTemplateListener */ "./js/src/form-templates/events/applicationTemplateListener.js"); +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + + + + + + + +/** + * Attaches event listeners for handling user interactions. + * + * @return {void} + */ +function addEventListeners() { + (0,core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.addCategoryEvents)(); + wp.hooks.addAction('frmPage.onCategoryClick', 'frmFormTemplates', function (selectedCategory) { + // Display templates of the selected category + (0,_ui__WEBPACK_IMPORTED_MODULE_7__.showSelectedCategory)(selectedCategory); + }); + (0,_createFormButtonListener__WEBPACK_IMPORTED_MODULE_1__["default"])(); + (0,_favoriteButtonListener__WEBPACK_IMPORTED_MODULE_2__["default"])(); + (0,_useTemplateButtonListener__WEBPACK_IMPORTED_MODULE_3__["default"])(); + (0,_searchListener__WEBPACK_IMPORTED_MODULE_4__["default"])(); + (0,_createTemplateListeners__WEBPACK_IMPORTED_MODULE_5__["default"])(); + (0,_getFreeTemplatesListener__WEBPACK_IMPORTED_MODULE_6__["default"])(); +} + + +/***/ }), + +/***/ "./js/src/form-templates/events/searchListener.js": +/*!********************************************************!*\ + !*** ./js/src/form-templates/events/searchListener.js ***! + \********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ui */ "./js/src/form-templates/ui/index.js"); +/** + * External dependencies + */ + + + +/** + * Internal dependencies + */ + + + +var initSearch = window.frmDom.search.init; + +/** + * Adds search-related event listeners by calling the 'initSearch' function. + * + * @see frmDom.search method + * @return {void} + */ +function addSearchEvents() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + searchInput = _getElements.searchInput, + emptyStateButton = _getElements.emptyStateButton; + initSearch(searchInput, 'frm-card-item', { + handleSearchResult: handleSearchResult + }); + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.onClickPreventDefault)(emptyStateButton, onEmptyStateButtonClick); +} + +/** + * Manages UI state based on search results and input value. + * + * @private + * @param {Object} args Contains flags for search status. + * @param {boolean} args.foundSomething True if search yielded results. + * @param {boolean} args.notEmptySearchText True if search input is not empty. + * @param {Event} event The event object (input, search, or change event). + * @return {void} + */ +function handleSearchResult(_ref, event) { + var foundSomething = _ref.foundSomething, + notEmptySearchText = _ref.notEmptySearchText; + // Prevent double calls as window.frmDom.search.init attaches both 'input' and 'search' events, + // triggering this method twice on 'x' button click. + if (event && event.type === 'search' && event.target.value === '') { + return; + } + var state = (0,_shared__WEBPACK_IMPORTED_MODULE_3__.getState)(); + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + allItemsCategory = _getElements2.allItemsCategory; + (0,_shared__WEBPACK_IMPORTED_MODULE_3__.setSingleState)('notEmptySearchText', notEmptySearchText); + + // Revert to 'All Templates' if search and selected category are both empty + if (!state.notEmptySearchText && !state.selectedCategory) { + allItemsCategory.dispatchEvent(new Event('click', { + bubbles: true + })); + return; + } + + // Display search state if a category is selected + if (state.selectedCategory) { + (0,_ui__WEBPACK_IMPORTED_MODULE_4__.showSearchState)(notEmptySearchText); + + // Setting "selectedCategory" to an empty string as a flag for search state + if (notEmptySearchText) { + (0,_shared__WEBPACK_IMPORTED_MODULE_3__.setSingleState)('selectedCategory', ''); + } + } + (0,_ui__WEBPACK_IMPORTED_MODULE_4__.displaySearchElements)(foundSomething, notEmptySearchText); +} + +/** + * Handles the click event on the empty state button. + * + * @private + * @return {void} + */ +var onEmptyStateButtonClick = function onEmptyStateButtonClick() { + var _emptyState$dataset; + var _getElements3 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + emptyState = _getElements3.emptyState; + if (_shared__WEBPACK_IMPORTED_MODULE_3__.VIEW_SLUGS.SEARCH !== ((_emptyState$dataset = emptyState.dataset) === null || _emptyState$dataset === void 0 ? void 0 : _emptyState$dataset.view)) { + return; + } + + // Set selectedCategory to '' as search state flag that triggers ALL_ITEMS category if search input is empty + // @see handleSearchResult() + (0,_shared__WEBPACK_IMPORTED_MODULE_3__.setSingleState)('selectedCategory', ''); + (0,core_page_skeleton__WEBPACK_IMPORTED_MODULE_1__.resetSearchInput)(); + var _getElements4 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + searchInput = _getElements4.searchInput; + searchInput.focus(); +}; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (addSearchEvents); + +/***/ }), + +/***/ "./js/src/form-templates/events/useTemplateButtonListener.js": +/*!*******************************************************************!*\ + !*** ./js/src/form-templates/events/useTemplateButtonListener.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/* harmony import */ var _ui___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ui/ */ "./js/src/form-templates/ui/index.js"); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./js/src/form-templates/utils/index.js"); +/** + * Internal dependencies + */ + + + + + +/** + * Manages event handling for use template buttons. + * + * @return {void} + */ +function addUseTemplateButtonEvents() { + var useTemplateButtons = document.querySelectorAll(".".concat(_shared__WEBPACK_IMPORTED_MODULE_1__.PREFIX, "-use-template-button")); + + // Attach click event listeners to each use template button + useTemplateButtons.forEach(function (useTemplateButton) { + return useTemplateButton.addEventListener('click', onUseTemplateButtonClick); + }); +} + +/** + * Handles the click event on the use template button. + * + * @private + * @param {Event} event The click event object. + * @return {void} + */ +var onUseTemplateButtonClick = function onUseTemplateButtonClick(event) { + var useTemplateButton = event.currentTarget; + var template = useTemplateButton.closest('.frm-card-item'); + var isLocked = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.isLockedTemplate)(template); + var isTemplateCustom = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.isCustomTemplate)(template); + + // Allow the default link behavior, if the template is custom and not locked + if (!isLocked && isTemplateCustom) { + return; + } + + // Prevent the default link behavior for non-custom or locked templates + event.preventDefault(); + + // Handle locked templates + if (isLocked) { + (0,_ui___WEBPACK_IMPORTED_MODULE_2__.showLockedTemplateModal)(template); + return; + } + + // Prepare for new template installation + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_0__.getElements)(), + newTemplateForm = _getElements.newTemplateForm, + newTemplateNameInput = _getElements.newTemplateNameInput, + newTemplateDescriptionInput = _getElements.newTemplateDescriptionInput, + newTemplateLinkInput = _getElements.newTemplateLinkInput, + newTemplateActionInput = _getElements.newTemplateActionInput; + var installNewForm = window.frmAdminBuild.installNewForm; + var templateName = template.querySelector('.frm-form-template-name').textContent.trim(); + var templateDescription = template.querySelector('.frm-form-templates-item-description').textContent.trim(); + var actionName = 'frm_install_template'; + newTemplateNameInput.value = templateName; + newTemplateDescriptionInput.value = templateDescription; + newTemplateActionInput.value = actionName; + newTemplateLinkInput.value = useTemplateButton.href; + + // Install new form template + installNewForm(newTemplateForm, actionName, useTemplateButton); +}; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (addUseTemplateButtonEvents); + +/***/ }), + +/***/ "./js/src/form-templates/initializeFormTemplates.js": +/*!**********************************************************!*\ + !*** ./js/src/form-templates/initializeFormTemplates.js ***! + \**********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./js/src/form-templates/ui/index.js"); +/* harmony import */ var _templates__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./templates */ "./js/src/form-templates/templates/index.js"); +/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./events */ "./js/src/form-templates/events/index.js"); +/** + * Internal dependencies + */ + + + + +/** + * Initializes form templates. + * + * @return {void} + */ +function initializeFormTemplates() { + (0,_templates__WEBPACK_IMPORTED_MODULE_1__.maybeAddApplicationTemplates)(); + (0,_ui__WEBPACK_IMPORTED_MODULE_0__.initializeModal)(); + (0,_templates__WEBPACK_IMPORTED_MODULE_1__.buildCategorizedTemplates)(); + (0,_ui__WEBPACK_IMPORTED_MODULE_0__.setupInitialView)(); + (0,_events__WEBPACK_IMPORTED_MODULE_2__.addEventListeners)(); +} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (initializeFormTemplates); + +/***/ }), + +/***/ "./js/src/form-templates/shared/constants.js": +/*!***************************************************!*\ + !*** ./js/src/form-templates/shared/constants.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ FEATURED_TEMPLATES_IDS: () => (/* binding */ FEATURED_TEMPLATES_IDS), +/* harmony export */ FREE_TEMPLATES_IDS: () => (/* binding */ FREE_TEMPLATES_IDS), +/* harmony export */ MODAL_SIZES: () => (/* binding */ MODAL_SIZES), +/* harmony export */ PLANS: () => (/* binding */ PLANS), +/* harmony export */ PREFIX: () => (/* binding */ PREFIX), +/* harmony export */ VIEW_SLUGS: () => (/* binding */ VIEW_SLUGS), +/* harmony export */ applicationsUrl: () => (/* binding */ applicationsUrl), +/* harmony export */ canAccessApplicationDashboard: () => (/* binding */ canAccessApplicationDashboard), +/* harmony export */ upgradeLink: () => (/* binding */ upgradeLink) +/* harmony export */ }); +var _window$frmGlobal = window.frmGlobal, + canAccessApplicationDashboard = _window$frmGlobal.canAccessApplicationDashboard, + applicationsUrl = _window$frmGlobal.applicationsUrl; + +var _window$frmFormTempla = window.frmFormTemplatesVars, + FEATURED_TEMPLATES_IDS = _window$frmFormTempla.FEATURED_TEMPLATES_IDS, + FREE_TEMPLATES_IDS = _window$frmFormTempla.FREE_TEMPLATES_IDS, + upgradeLink = _window$frmFormTempla.upgradeLink; + +var PREFIX = 'frm-form-templates'; +var VIEW_SLUGS = { + AVAILABLE_TEMPLATES: 'available-templates', + FAVORITES: 'favorites', + CUSTOM: 'custom', + SEARCH: 'search' +}; +var PLANS = { + BASIC: 'basic', + PLUS: 'plus', + BUSINESS: 'business', + ELITE: 'elite', + RENEW: 'renew', + FREE: 'free' +}; +var MODAL_SIZES = { + GENERAL: '440px', + CREATE_TEMPLATE: '550px' +}; + +/***/ }), + +/***/ "./js/src/form-templates/shared/index.js": +/*!***********************************************!*\ + !*** ./js/src/form-templates/shared/index.js ***! + \***********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ FEATURED_TEMPLATES_IDS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.FEATURED_TEMPLATES_IDS), +/* harmony export */ FREE_TEMPLATES_IDS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.FREE_TEMPLATES_IDS), +/* harmony export */ MODAL_SIZES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.MODAL_SIZES), +/* harmony export */ PLANS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.PLANS), +/* harmony export */ PREFIX: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.PREFIX), +/* harmony export */ VIEW_SLUGS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.VIEW_SLUGS), +/* harmony export */ applicationsUrl: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.applicationsUrl), +/* harmony export */ canAccessApplicationDashboard: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.canAccessApplicationDashboard), +/* harmony export */ getSingleState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_1__.getSingleState), +/* harmony export */ getState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_1__.getState), +/* harmony export */ setSingleState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_1__.setSingleState), +/* harmony export */ setState: () => (/* reexport safe */ _pageState__WEBPACK_IMPORTED_MODULE_1__.setState), +/* harmony export */ upgradeLink: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.upgradeLink) +/* harmony export */ }); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ "./js/src/form-templates/shared/constants.js"); +/* harmony import */ var _pageState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pageState */ "./js/src/form-templates/shared/pageState.js"); + + + +/***/ }), + +/***/ "./js/src/form-templates/shared/pageState.js": +/*!***************************************************!*\ + !*** ./js/src/form-templates/shared/pageState.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ getSingleState: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.getSingleState), +/* harmony export */ getState: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.getState), +/* harmony export */ setSingleState: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.setSingleState), +/* harmony export */ setState: () => (/* reexport safe */ core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.setState) +/* harmony export */ }); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + +var _window$frmFormTempla = window.frmFormTemplatesVars, + templatesCount = _window$frmFormTempla.templatesCount, + favoritesCount = _window$frmFormTempla.favoritesCount, + customCount = _window$frmFormTempla.customCount; +var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_1__.getElements)(), + availableTemplateItems = _getElements.availableTemplateItems; +var availableTemplatesCount = availableTemplateItems.length; +(0,core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.setState)({ + availableTemplatesCount: availableTemplatesCount, + customCount: Number(customCount), + extraTemplatesCount: templatesCount - availableTemplatesCount, + favoritesCount: favoritesCount +}); + + +/***/ }), + +/***/ "./js/src/form-templates/templates/applicationTemplates.js": +/*!*****************************************************************!*\ + !*** ./js/src/form-templates/templates/applicationTemplates.js ***! + \*****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ maybeAddApplicationTemplates: () => (/* binding */ maybeAddApplicationTemplates) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../events */ "./js/src/form-templates/events/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/** + * Internal dependencies + */ + + + + +/** + * Adds application templates if the user has dashboard access. + * + * @return {void} + */ +function maybeAddApplicationTemplates() { + // Exit if the user doesn't have permission to see application dashboard + if (!_shared__WEBPACK_IMPORTED_MODULE_2__.canAccessApplicationDashboard) { + return; + } + var doJsonFetch = frmDom.ajax.doJsonFetch; + doJsonFetch('get_applications_data&view=templates').then(setupApplicationTemplates); +} + +/** + * Sets up application templates by creating HTML elements, injecting them into the DOM, + * and adding event handlers. + * + * @private + * @param {Object} data The data object containing information for application templates. + * @return {void} + */ +function setupApplicationTemplates(data) { + // Create application templates + (0,_elements__WEBPACK_IMPORTED_MODULE_0__.createApplicationTemplates)(data.templates); + + // Inject templates into the DOM + (0,_elements__WEBPACK_IMPORTED_MODULE_0__.addApplicationTemplatesElement)(); + + // Set up event handling + (0,_events__WEBPACK_IMPORTED_MODULE_1__.addApplicationTemplateEvents)(); +} + +/***/ }), + +/***/ "./js/src/form-templates/templates/categorizeTemplates.js": +/*!****************************************************************!*\ + !*** ./js/src/form-templates/templates/categorizeTemplates.js ***! + \****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ buildCategorizedTemplates: () => (/* binding */ buildCategorizedTemplates), +/* harmony export */ categorizedTemplates: () => (/* binding */ categorizedTemplates) +/* harmony export */ }); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/** + * Internal dependencies + */ + +var categorizedTemplates = {}; + +/** + * Builds a categorized list of templates. + * + * @return {void} + */ +function buildCategorizedTemplates() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_0__.getElements)(), + templateItems = _getElements.templateItems; + templateItems.forEach(function (template) { + // Extract and split the categories from data attribute + var categories = template.getAttribute('data-categories').split(','); + categories.forEach(function (category) { + // Initialize the category array if not already done + if (!categorizedTemplates[category]) { + categorizedTemplates[category] = []; + } + + // Add the template to the appropriate category + categorizedTemplates[category].push(template); + }); + }); +} + +/***/ }), + +/***/ "./js/src/form-templates/templates/index.js": +/*!**************************************************!*\ + !*** ./js/src/form-templates/templates/index.js ***! + \**************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ buildCategorizedTemplates: () => (/* reexport safe */ _categorizeTemplates__WEBPACK_IMPORTED_MODULE_0__.buildCategorizedTemplates), +/* harmony export */ categorizedTemplates: () => (/* reexport safe */ _categorizeTemplates__WEBPACK_IMPORTED_MODULE_0__.categorizedTemplates), +/* harmony export */ maybeAddApplicationTemplates: () => (/* reexport safe */ _applicationTemplates__WEBPACK_IMPORTED_MODULE_1__.maybeAddApplicationTemplates) +/* harmony export */ }); +/* harmony import */ var _categorizeTemplates__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./categorizeTemplates */ "./js/src/form-templates/templates/categorizeTemplates.js"); +/* harmony import */ var _applicationTemplates__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./applicationTemplates */ "./js/src/form-templates/templates/applicationTemplates.js"); + + + +/***/ }), + +/***/ "./js/src/form-templates/ui/index.js": +/*!*******************************************!*\ + !*** ./js/src/form-templates/ui/index.js ***! + \*******************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ displaySearchElements: () => (/* reexport safe */ _searchState__WEBPACK_IMPORTED_MODULE_5__.displaySearchElements), +/* harmony export */ getModalWidget: () => (/* reexport safe */ _initializeModal__WEBPACK_IMPORTED_MODULE_1__.getModalWidget), +/* harmony export */ initializeModal: () => (/* reexport safe */ _initializeModal__WEBPACK_IMPORTED_MODULE_1__.initializeModal), +/* harmony export */ setupInitialView: () => (/* reexport safe */ _setupInitialView__WEBPACK_IMPORTED_MODULE_0__["default"]), +/* harmony export */ showAllTemplates: () => (/* reexport safe */ _showSelectedCategory__WEBPACK_IMPORTED_MODULE_4__.showAllTemplates), +/* harmony export */ showAvailableTemplates: () => (/* reexport safe */ _showSelectedCategory__WEBPACK_IMPORTED_MODULE_4__.showAvailableTemplates), +/* harmony export */ showAvailableTemplatesEmptyState: () => (/* reexport safe */ _showEmptyState__WEBPACK_IMPORTED_MODULE_6__.showAvailableTemplatesEmptyState), +/* harmony export */ showCreateTemplateModal: () => (/* reexport safe */ _showModal__WEBPACK_IMPORTED_MODULE_7__.showCreateTemplateModal), +/* harmony export */ showCustomTemplates: () => (/* reexport safe */ _showSelectedCategory__WEBPACK_IMPORTED_MODULE_4__.showCustomTemplates), +/* harmony export */ showCustomTemplatesEmptyState: () => (/* reexport safe */ _showEmptyState__WEBPACK_IMPORTED_MODULE_6__.showCustomTemplatesEmptyState), +/* harmony export */ showEmailAddressError: () => (/* reexport safe */ _showError__WEBPACK_IMPORTED_MODULE_8__.showEmailAddressError), +/* harmony export */ showFavoriteTemplates: () => (/* reexport safe */ _showSelectedCategory__WEBPACK_IMPORTED_MODULE_4__.showFavoriteTemplates), +/* harmony export */ showFavoritesEmptyState: () => (/* reexport safe */ _showEmptyState__WEBPACK_IMPORTED_MODULE_6__.showFavoritesEmptyState), +/* harmony export */ showHeaderCancelButton: () => (/* reexport safe */ _showHeaderCancelButton__WEBPACK_IMPORTED_MODULE_3__.showHeaderCancelButton), +/* harmony export */ showLeaveEmailModal: () => (/* reexport safe */ _showModal__WEBPACK_IMPORTED_MODULE_7__.showLeaveEmailModal), +/* harmony export */ showLockedTemplateModal: () => (/* reexport safe */ _showModal__WEBPACK_IMPORTED_MODULE_7__.showLockedTemplateModal), +/* harmony export */ showRenewAccountModal: () => (/* reexport safe */ _showModal__WEBPACK_IMPORTED_MODULE_7__.showRenewAccountModal), +/* harmony export */ showSearchEmptyState: () => (/* reexport safe */ _showEmptyState__WEBPACK_IMPORTED_MODULE_6__.showSearchEmptyState), +/* harmony export */ showSearchState: () => (/* reexport safe */ _searchState__WEBPACK_IMPORTED_MODULE_5__.showSearchState), +/* harmony export */ showSelectedCategory: () => (/* reexport safe */ _showSelectedCategory__WEBPACK_IMPORTED_MODULE_4__.showSelectedCategory), +/* harmony export */ showUpgradeModal: () => (/* reexport safe */ _showModal__WEBPACK_IMPORTED_MODULE_7__.showUpgradeModal), +/* harmony export */ updatePageTitle: () => (/* reexport safe */ _pageTitle__WEBPACK_IMPORTED_MODULE_2__.updatePageTitle) +/* harmony export */ }); +/* harmony import */ var _setupInitialView__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./setupInitialView */ "./js/src/form-templates/ui/setupInitialView.js"); +/* harmony import */ var _initializeModal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./initializeModal */ "./js/src/form-templates/ui/initializeModal.js"); +/* harmony import */ var _pageTitle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pageTitle */ "./js/src/form-templates/ui/pageTitle.js"); +/* harmony import */ var _showHeaderCancelButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./showHeaderCancelButton */ "./js/src/form-templates/ui/showHeaderCancelButton.js"); +/* harmony import */ var _showSelectedCategory__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./showSelectedCategory */ "./js/src/form-templates/ui/showSelectedCategory.js"); +/* harmony import */ var _searchState__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./searchState */ "./js/src/form-templates/ui/searchState.js"); +/* harmony import */ var _showEmptyState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./showEmptyState */ "./js/src/form-templates/ui/showEmptyState.js"); +/* harmony import */ var _showModal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./showModal */ "./js/src/form-templates/ui/showModal.js"); +/* harmony import */ var _showError__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./showError */ "./js/src/form-templates/ui/showError.js"); + + + + + + + + + + +/***/ }), + +/***/ "./js/src/form-templates/ui/initializeModal.js": +/*!*****************************************************!*\ + !*** ./js/src/form-templates/ui/initializeModal.js ***! + \*****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ getModalWidget: () => (/* binding */ getModalWidget), +/* harmony export */ initializeModal: () => (/* binding */ initializeModal) +/* harmony export */ }); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ */ "./js/src/form-templates/ui/index.js"); +function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); } +function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); } +function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); } +function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; } +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + + +var modalWidget = null; + +/** + * Initialize the modal widget. + * + * @return {void} + */ +function initializeModal() { + return _initializeModal.apply(this, arguments); +} + +/** + * Retrieve the modal widget. + * + * @return {Object|false} The modal widget or false. + */ +function _initializeModal() { + _initializeModal = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() { + var _window$frmAdminBuild, initModal, offsetModalY, _getElements, leaveEmailModal; + return _regenerator().w(function (_context) { + while (1) switch (_context.n) { + case 0: + _window$frmAdminBuild = window.frmAdminBuild, initModal = _window$frmAdminBuild.initModal, offsetModalY = _window$frmAdminBuild.offsetModalY; + modalWidget = initModal('#frm-form-templates-modal', _shared__WEBPACK_IMPORTED_MODULE_2__.MODAL_SIZES.GENERAL); + + // Set the vertical offset for the modal + if (modalWidget) { + offsetModalY(modalWidget, '103px'); + } + + // Show the email modal if the 'free-templates' query param is present + if ((0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hasQueryParam)('free-templates')) { + _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_1__.getElements)(), leaveEmailModal = _getElements.leaveEmailModal; + if (leaveEmailModal) { + (0,___WEBPACK_IMPORTED_MODULE_3__.showLeaveEmailModal)(); + } + } + + // Customize the confirm modal appearance: adjusting its width and vertical position + wp.hooks.addAction('frmAdmin.beforeOpenConfirmModal', 'frmFormTemplates', function (options) { + var confirmModal = options.$info; + confirmModal.dialog('option', 'width', _shared__WEBPACK_IMPORTED_MODULE_2__.MODAL_SIZES.CREATE_TEMPLATE); + offsetModalY(confirmModal, '103px'); + }); + case 1: + return _context.a(2); + } + }, _callee); + })); + return _initializeModal.apply(this, arguments); +} +function getModalWidget() { + return modalWidget; +} + +/***/ }), + +/***/ "./js/src/form-templates/ui/pageTitle.js": +/*!***********************************************!*\ + !*** ./js/src/form-templates/ui/pageTitle.js ***! + \***********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ updatePageTitle: () => (/* binding */ updatePageTitle) +/* harmony export */ }); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + + +/** + * Sets the page title based on a given string or the currently selected category. + * + * @param {string} [title] Optional title to display. + * @return {void} + */ +function updatePageTitle(title) { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_1__.getElements)(), + pageTitleText = _getElements.pageTitleText; + var newTitle = title || (0,_shared__WEBPACK_IMPORTED_MODULE_2__.getSingleState)('selectedCategoryEl').querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_0__.PREFIX, "-cat-text")).textContent; + pageTitleText.textContent = newTitle; +} + +/***/ }), + +/***/ "./js/src/form-templates/ui/searchState.js": +/*!*************************************************!*\ + !*** ./js/src/form-templates/ui/searchState.js ***! + \*************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ displaySearchElements: () => (/* binding */ displaySearchElements), +/* harmony export */ showSearchState: () => (/* binding */ showSearchState) +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! . */ "./js/src/form-templates/ui/index.js"); +/** + * WordPress dependencies + */ + + +/** + * External dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +/** + * Updates the UI to display the search state. + * + * @param {boolean} notEmptySearchText True if search input is not empty. + * @return {void} + */ +function showSearchState(notEmptySearchText) { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(), + bodyContent = _getElements.bodyContent, + bodyContentChildren = _getElements.bodyContentChildren, + pageTitle = _getElements.pageTitle, + templatesList = _getElements.templatesList, + applicationTemplates = _getElements.applicationTemplates; + var bodyContentAnimate = new core_utils__WEBPACK_IMPORTED_MODULE_2__.frmAnimate(bodyContent); + + // Remove highlighting from the currently selected category if the search text is not empty + if (notEmptySearchText) { + (0,_shared__WEBPACK_IMPORTED_MODULE_4__.getSingleState)('selectedCategoryEl').classList.remove(core_constants__WEBPACK_IMPORTED_MODULE_1__.CURRENT_CLASS); + } + + // Hide non-relevant elements in the body content + (0,core_utils__WEBPACK_IMPORTED_MODULE_2__.hideElements)(bodyContentChildren); + + // Update the page title and display relevant elements + (0,___WEBPACK_IMPORTED_MODULE_5__.updatePageTitle)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Search Result', 'formidable')); + (0,core_utils__WEBPACK_IMPORTED_MODULE_2__.showElements)([pageTitle, templatesList, applicationTemplates]); + + // Smoothly display the updated UI elements + bodyContentAnimate.fadeIn(); +} + +/** + * Displays search results based on search outcome. + * + * @param {boolean} foundSomething True if search yielded results. + * @return {void} + */ +function displaySearchElements(foundSomething) { + // Show empty state if no templates found + if (!foundSomething) { + (0,___WEBPACK_IMPORTED_MODULE_5__.showSearchEmptyState)(); + return; + } + + // Hide empty state if currently displayed + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(), + emptyState = _getElements2.emptyState; + if ((0,core_utils__WEBPACK_IMPORTED_MODULE_2__.isVisible)(emptyState)) { + var _getElements3 = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(), + pageTitle = _getElements3.pageTitle; + (0,core_utils__WEBPACK_IMPORTED_MODULE_2__.hide)(emptyState); + (0,core_utils__WEBPACK_IMPORTED_MODULE_2__.show)(pageTitle); + } + var _getElements4 = (0,_elements__WEBPACK_IMPORTED_MODULE_3__.getElements)(), + templatesList = _getElements4.templatesList, + applicationTemplates = _getElements4.applicationTemplates, + applicationTemplatesTitle = _getElements4.applicationTemplatesTitle, + applicationTemplatesList = _getElements4.applicationTemplatesList; + (0,core_utils__WEBPACK_IMPORTED_MODULE_2__.showElements)([templatesList, applicationTemplates, applicationTemplatesTitle]); + if (templatesList.offsetHeight === 0) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_2__.hideElements)([templatesList, applicationTemplatesTitle]); + } + if ((applicationTemplatesList === null || applicationTemplatesList === void 0 ? void 0 : applicationTemplatesList.offsetHeight) === 0) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_2__.hide)(applicationTemplates); + } +} + +/***/ }), + +/***/ "./js/src/form-templates/ui/setupInitialView.js": +/*!******************************************************!*\ + !*** ./js/src/form-templates/ui/setupInitialView.js ***! + \******************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var core_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/ui */ "./js/src/core/ui/index.js"); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ */ "./js/src/form-templates/ui/index.js"); +/** + * External dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + +/** + * Sets up the initial view, performing any required + * DOM manipulations for proper element presentation. + * + * @return {void} + */ +function setupInitialView() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_4__.getElements)(), + sidebar = _getElements.sidebar, + searchInput = _getElements.searchInput, + bodyContent = _getElements.bodyContent, + twinFeaturedTemplateItems = _getElements.twinFeaturedTemplateItems, + availableTemplatesCategory = _getElements.availableTemplatesCategory, + extraTemplateCountElements = _getElements.extraTemplateCountElements; + var bodyContentAnimate = new core_utils__WEBPACK_IMPORTED_MODULE_1__.frmAnimate(bodyContent); + searchInput.value = ''; + + // Hide the twin featured template items + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hideElements)(twinFeaturedTemplateItems); + setupAvailableTemplatesCategory(availableTemplatesCategory); + + // Update extra templates count + extraTemplateCountElements.forEach(function (element) { + return element.textContent = (0,_shared__WEBPACK_IMPORTED_MODULE_5__.getSingleState)('extraTemplatesCount'); + }); + + // Smoothly display the updated UI elements + bodyContent.classList.remove(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDE_JS_CLASS); + sidebar.classList.remove(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDE_JS_CLASS); + bodyContentAnimate.fadeIn(); + + // Show the "Cancel" button in the header if the 'return_page' query param is present + if ((0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hasQueryParam)('return_page')) { + (0,___WEBPACK_IMPORTED_MODULE_6__.showHeaderCancelButton)(); + } +} + +/** + * Sets up the 'Available Templates' category with proper count display + * + * @param {Element} availableTemplatesCategory The Available Templates category element + * @return {void} + */ +function setupAvailableTemplatesCategory(availableTemplatesCategory) { + if (!availableTemplatesCategory) { + return; + } + var availableTemplatesCount = (0,_shared__WEBPACK_IMPORTED_MODULE_5__.getSingleState)('availableTemplatesCount'); + if (!(0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hasQueryParam)('registered-for-free-templates')) { + availableTemplatesCategory.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_3__.PREFIX, "-cat-count")).textContent = availableTemplatesCount; + return; + } + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.removeParamFromHistory)('registered-for-free-templates'); + runAvailableTemplatesEffects(availableTemplatesCategory, availableTemplatesCount); +} + +/** + * Runs effects for the Available Templates category when the + * 'registered-for-free-templates' query parameter is present. + * + * @param {Element} element The Available Templates category element + * @param {number} count The count of available templates + * @return {void} + */ +function runAvailableTemplatesEffects(element, count) { + setTimeout(function () { + element.dispatchEvent(new Event('click', { + bubbles: true + })); + }, 0); + setTimeout(function () { + (0,core_ui__WEBPACK_IMPORTED_MODULE_2__.counter)(element.querySelector(".".concat(core_page_skeleton__WEBPACK_IMPORTED_MODULE_3__.PREFIX, "-cat-count")), count); + }, 150); + setTimeout(function () { + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_4__.getElements)(), + availableTemplateItems = _getElements2.availableTemplateItems; + availableTemplateItems.forEach(function (item) { + if (_shared__WEBPACK_IMPORTED_MODULE_5__.FREE_TEMPLATES_IDS.includes(Number(item.dataset.id))) { + return; + } + item.classList.add('frm-background-highlight'); + + // Remove class after animation completes to prevent restart + item.addEventListener('animationend', function handleAnimationEnd(event) { + if (event.animationName === 'backgroundHighlight') { + this.classList.remove('frm-background-highlight'); + this.removeEventListener('animationend', handleAnimationEnd); + } + }); + }); + }, 750); +} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (setupInitialView); + +/***/ }), + +/***/ "./js/src/form-templates/ui/showEmptyState.js": +/*!****************************************************!*\ + !*** ./js/src/form-templates/ui/showEmptyState.js ***! + \****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ showAvailableTemplatesEmptyState: () => (/* binding */ showAvailableTemplatesEmptyState), +/* harmony export */ showCustomTemplatesEmptyState: () => (/* binding */ showCustomTemplatesEmptyState), +/* harmony export */ showFavoritesEmptyState: () => (/* binding */ showFavoritesEmptyState), +/* harmony export */ showSearchEmptyState: () => (/* binding */ showSearchEmptyState) +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/** + * WordPress dependencies + */ + + +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + + +/** + * Display the search-empty state. + * + * @return {void} + */ +function showSearchEmptyState() { + var _emptyState$dataset; + var _getState = (0,_shared__WEBPACK_IMPORTED_MODULE_3__.getState)(), + notEmptySearchText = _getState.notEmptySearchText; + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + pageTitle = _getElements.pageTitle, + emptyState = _getElements.emptyState, + emptyStateButton = _getElements.emptyStateButton, + applicationTemplates = _getElements.applicationTemplates; + + // Toggle visibility and remove attributes based on search status + if (_shared__WEBPACK_IMPORTED_MODULE_3__.VIEW_SLUGS.SEARCH === ((_emptyState$dataset = emptyState.dataset) === null || _emptyState$dataset === void 0 ? void 0 : _emptyState$dataset.view)) { + if (notEmptySearchText) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.show)(emptyState); + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hideElements)([pageTitle, applicationTemplates]); + } else { + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hide)(emptyState); + emptyState.removeAttribute('data-view'); + } + return; + } + + // Assign state attributes + emptyState.setAttribute('data-view', _shared__WEBPACK_IMPORTED_MODULE_3__.VIEW_SLUGS.SEARCH); + + // Update text content + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + emptyStateTitle = _getElements2.emptyStateTitle, + emptyStateText = _getElements2.emptyStateText; + emptyStateTitle.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('No templates found', 'formidable'); + emptyStateText.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Sorry, we didn\'t find any templates that match your criteria.', 'formidable'); + emptyStateButton.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Start from Scratch', 'formidable'); + + // Display the empty state + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hideElements)([pageTitle, applicationTemplates]); + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.showElements)([emptyState, emptyStateButton]); +} + +/** + * Display the favorites-empty state. + * + * @return {void} + */ +function showFavoritesEmptyState() { + var _getElements3 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + pageTitle = _getElements3.pageTitle, + emptyState = _getElements3.emptyState, + emptyStateButton = _getElements3.emptyStateButton; + + // Assign state attributes + emptyState.setAttribute('data-view', _shared__WEBPACK_IMPORTED_MODULE_3__.VIEW_SLUGS.FAVORITES); + + // Update text content + var _getElements4 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + emptyStateTitle = _getElements4.emptyStateTitle, + emptyStateText = _getElements4.emptyStateText; + emptyStateTitle.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('No favorites', 'formidable'); + emptyStateText.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('You haven\'t added any templates to your favorites yet.', 'formidable'); + + // Display the empty state + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hideElements)([pageTitle, emptyStateButton]); + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.show)(emptyState); +} + +/** + * Display the custom-empty state. + * + * @return {void} + */ +function showCustomTemplatesEmptyState() { + var _getElements5 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + pageTitle = _getElements5.pageTitle, + emptyState = _getElements5.emptyState, + emptyStateButton = _getElements5.emptyStateButton; + + // Assign state attributes + emptyState.setAttribute('data-view', _shared__WEBPACK_IMPORTED_MODULE_3__.VIEW_SLUGS.CUSTOM); + + // Update text content + var _getElements6 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + emptyStateTitle = _getElements6.emptyStateTitle, + emptyStateText = _getElements6.emptyStateText; + emptyStateTitle.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('You currently have no templates.', 'formidable'); + emptyStateText.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('You haven\'t created any form templates. Begin now to simplify your workflow and save time.', 'formidable'); + emptyStateButton.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Create Template', 'formidable'); + + // Display the empty state + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hide)(pageTitle); + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.showElements)([emptyState, emptyStateButton]); +} + +/** + * Display the available-templates-empty state. + * + * @return {void} + */ +function showAvailableTemplatesEmptyState() { + var _getElements7 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + pageTitle = _getElements7.pageTitle, + emptyState = _getElements7.emptyState, + emptyStateButton = _getElements7.emptyStateButton; + + // Assign state attributes + emptyState.setAttribute('data-view', _shared__WEBPACK_IMPORTED_MODULE_3__.VIEW_SLUGS.AVAILABLE_TEMPLATES); + + // Update text content + var _getElements8 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + emptyStateTitle = _getElements8.emptyStateTitle, + emptyStateText = _getElements8.emptyStateText; + var _getState2 = (0,_shared__WEBPACK_IMPORTED_MODULE_3__.getState)(), + extraTemplatesCount = _getState2.extraTemplatesCount; + emptyStateTitle.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('No Templates Available', 'formidable'); + emptyStateText.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.sprintf)( + // translators: %s is the number of extra templates available + (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Upgrade to PRO for %s+ options or explore Free Templates.', 'formidable'), extraTemplatesCount); + + // Display the empty state + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hideElements)([pageTitle, emptyStateButton]); + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.show)(emptyState); +} + +/***/ }), + +/***/ "./js/src/form-templates/ui/showError.js": +/*!***********************************************!*\ + !*** ./js/src/form-templates/ui/showError.js ***! + \***********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ showEmailAddressError: () => (/* binding */ showEmailAddressError) +/* harmony export */ }); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/** + * External dependencies + */ + + +/** + * Displays errors related to the email address field. + * + * @param {string} type The categorization of the error (e.g., "invalid", "empty"). + * @return {void} + */ +var showEmailAddressError = function showEmailAddressError(type) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.showFormError)('#frm_leave_email', '#frm_leave_email_error', type); +}; + +/***/ }), + +/***/ "./js/src/form-templates/ui/showHeaderCancelButton.js": +/*!************************************************************!*\ + !*** ./js/src/form-templates/ui/showHeaderCancelButton.js ***! + \************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ showHeaderCancelButton: () => (/* binding */ showHeaderCancelButton) +/* harmony export */ }); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + +/** + * Display the "Cancel" button in the header. + * + * @return {void} + */ +function showHeaderCancelButton() { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_1__.getElements)(), + headerCancelButton = _getElements.headerCancelButton; + new core_utils__WEBPACK_IMPORTED_MODULE_0__.frmAnimate(headerCancelButton).fadeIn(); +} + +/***/ }), + +/***/ "./js/src/form-templates/ui/showModal.js": +/*!***********************************************!*\ + !*** ./js/src/form-templates/ui/showModal.js ***! + \***********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ showCreateTemplateModal: () => (/* binding */ showCreateTemplateModal), +/* harmony export */ showLeaveEmailModal: () => (/* binding */ showLeaveEmailModal), +/* harmony export */ showLockedTemplateModal: () => (/* binding */ showLockedTemplateModal), +/* harmony export */ showRenewAccountModal: () => (/* binding */ showRenewAccountModal), +/* harmony export */ showUpgradeModal: () => (/* binding */ showUpgradeModal) +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ */ "./js/src/form-templates/ui/index.js"); +function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); } +function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); } +function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); } +function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; } +/** + * WordPress dependencies + */ + + +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + + + +/** + * Display the locked template modal. + * + * @param {HTMLElement} template The template element. + * @return {void} + */ +function showLockedTemplateModal(template) { + var plan = template.dataset.requiredPlan; + switch (plan) { + case _shared__WEBPACK_IMPORTED_MODULE_3__.PLANS.BASIC: + case _shared__WEBPACK_IMPORTED_MODULE_3__.PLANS.PLUS: + case _shared__WEBPACK_IMPORTED_MODULE_3__.PLANS.BUSINESS: + case _shared__WEBPACK_IMPORTED_MODULE_3__.PLANS.ELITE: + showUpgradeModal(plan, template); + break; + case _shared__WEBPACK_IMPORTED_MODULE_3__.PLANS.RENEW: + showRenewAccountModal(); + break; + case _shared__WEBPACK_IMPORTED_MODULE_3__.PLANS.FREE: + showLeaveEmailModal(); + break; + } +} + +/** + * Base function to show a modal dialog with a customizable pre-open execution step. + * + * @param {Function} executePreOpen The function to be executed before opening the modal dialog. + * @return {Function} A higher-order function that can be invoked to display the modal dialog. + */ +var showModal = function showModal(executePreOpen) { + return /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() { + var dialogWidget, + _getElements, + modalItems, + _len, + params, + _key, + _args = arguments; + return _regenerator().w(function (_context) { + while (1) switch (_context.n) { + case 0: + dialogWidget = (0,___WEBPACK_IMPORTED_MODULE_4__.getModalWidget)(); + if (dialogWidget) { + _context.n = 1; + break; + } + return _context.a(2); + case 1: + _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), modalItems = _getElements.modalItems; + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hideElements)(modalItems); + dialogWidget.dialog('option', 'width', _shared__WEBPACK_IMPORTED_MODULE_3__.MODAL_SIZES.GENERAL); + for (_len = _args.length, params = new Array(_len), _key = 0; _key < _len; _key++) { + params[_key] = _args[_key]; + } + _context.n = 2; + return executePreOpen === null || executePreOpen === void 0 ? void 0 : executePreOpen.apply(void 0, params); + case 2: + dialogWidget.dialog('open'); + case 3: + return _context.a(2); + } + }, _callee); + })); +}; + +// Mapping each plan to the subsequent plans it can upgrade to +var upgradablePlans = { + basic: ['basic', 'plus', 'business', 'elite'], + plus: ['plus', 'business', 'elite'], + business: ['business', 'elite'], + elite: ['elite'] +}; + +/** + * Display the modal dialog to prompt the user to upgrade their account. + * + * @param {string} plan Current plan name + * @param {HTMLElement} template The template element + * @return {void} + */ +var showUpgradeModal = showModal(function (plan, template) { + var templateName = template.querySelector('.frm-form-template-name').textContent.trim(); + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + upgradeModal = _getElements2.upgradeModal, + upgradeModalTemplateNames = _getElements2.upgradeModalTemplateNames, + upgradeModalPlansIcons = _getElements2.upgradeModalPlansIcons, + upgradeModalLink = _getElements2.upgradeModalLink; + + // Update template names + upgradeModalTemplateNames.forEach(function (element) { + return element.textContent = templateName; + }); + + // Update plan icons and their availability + upgradeModalPlansIcons.forEach(function (icon) { + var planType = icon.dataset.plan; + var shouldDisplayCheck = upgradablePlans[plan].includes(planType); + + // Toggle icon class based on plan availability + icon.classList.toggle('frm_green', shouldDisplayCheck); + + // Update SVG icon + var svg = icon.querySelector('svg > use'); + svg.setAttribute('href', shouldDisplayCheck ? '#frm_checkmark_icon' : '#frm_close_icon'); + }); + + // Append template slug to the upgrade modal link URL + var templateSlug = template.dataset.slug ? "-".concat(template.dataset.slug) : ''; + upgradeModalLink.href = _shared__WEBPACK_IMPORTED_MODULE_3__.upgradeLink + templateSlug; + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.show)(upgradeModal); +}); + +/** + * Display the modal dialog to prompt the user to renew their account. + * + * @return {void} + */ +var showRenewAccountModal = showModal(function () { + var _getElements3 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + renewAccountModal = _getElements3.renewAccountModal; + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.show)(renewAccountModal); +}); + +/** + * Display the modal dialog to prompt the user to leave an email. + * + * @return {void} + */ +var showLeaveEmailModal = showModal(function () { + var _getElements4 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + leaveEmailModal = _getElements4.leaveEmailModal; + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.show)(leaveEmailModal); +}); + +/** + * Displays a modal dialog prompting the user to create a new template. + * + * @return {void} + */ +var showCreateTemplateModal = showModal(function () { + var dialogWidget = (0,___WEBPACK_IMPORTED_MODULE_4__.getModalWidget)(); + dialogWidget.dialog('option', 'width', _shared__WEBPACK_IMPORTED_MODULE_3__.MODAL_SIZES.CREATE_TEMPLATE); + var _getElements5 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + createTemplateModal = _getElements5.createTemplateModal; + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.show)(createTemplateModal); +}); + +/***/ }), + +/***/ "./js/src/form-templates/ui/showSelectedCategory.js": +/*!**********************************************************!*\ + !*** ./js/src/form-templates/ui/showSelectedCategory.js ***! + \**********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ showAllTemplates: () => (/* binding */ showAllTemplates), +/* harmony export */ showAvailableTemplates: () => (/* binding */ showAvailableTemplates), +/* harmony export */ showCustomTemplates: () => (/* binding */ showCustomTemplates), +/* harmony export */ showFavoriteTemplates: () => (/* binding */ showFavoriteTemplates), +/* harmony export */ showSelectedCategory: () => (/* binding */ showSelectedCategory) +/* harmony export */ }); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../elements */ "./js/src/form-templates/elements/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./js/src/form-templates/utils/index.js"); +/* harmony import */ var _templates__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../templates */ "./js/src/form-templates/templates/index.js"); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ */ "./js/src/form-templates/ui/index.js"); +function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); } +function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } +function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } +function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); } +function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); } +function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } +/** + * External dependencies + */ + + + +/** + * Internal dependencies + */ + + + + + + +/** + * Show templates based on selected category. + * + * @param {string} selectedCategory The selected category to display templates for. + * @return {void} + */ +function showSelectedCategory(selectedCategory) { + var _getElements = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + bodyContentChildren = _getElements.bodyContentChildren, + pageTitle = _getElements.pageTitle, + showCreateTemplateModalButton = _getElements.showCreateTemplateModalButton, + templatesList = _getElements.templatesList, + templateItems = _getElements.templateItems, + upsellBanner = _getElements.upsellBanner; + if (core_page_skeleton__WEBPACK_IMPORTED_MODULE_1__.VIEWS.ALL_ITEMS !== selectedCategory) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hideElements)(bodyContentChildren); + } + (0,___WEBPACK_IMPORTED_MODULE_6__.updatePageTitle)(); + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hide)(showCreateTemplateModalButton); + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.show)(pageTitle); + switch (selectedCategory) { + case core_page_skeleton__WEBPACK_IMPORTED_MODULE_1__.VIEWS.ALL_ITEMS: + showAllTemplates(); + break; + case _shared__WEBPACK_IMPORTED_MODULE_3__.VIEW_SLUGS.AVAILABLE_TEMPLATES: + showAvailableTemplates(); + break; + case _shared__WEBPACK_IMPORTED_MODULE_3__.VIEW_SLUGS.FAVORITES: + showFavoriteTemplates(); + break; + case _shared__WEBPACK_IMPORTED_MODULE_3__.VIEW_SLUGS.CUSTOM: + showCustomTemplates(); + break; + default: + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hideElements)(templateItems); // Clear the view for new content + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.showElements)([upsellBanner, templatesList].concat(_toConsumableArray(_templates__WEBPACK_IMPORTED_MODULE_5__.categorizedTemplates[selectedCategory]))); + break; + } +} + +/** + * Shows all templates when 'All Templates' is the selected category. + * + * @return {void} + */ +function showAllTemplates() { + var _getElements2 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + bodyContentChildren = _getElements2.bodyContentChildren, + pageTitleDivider = _getElements2.pageTitleDivider, + templateItems = _getElements2.templateItems, + twinFeaturedTemplateItems = _getElements2.twinFeaturedTemplateItems, + customTemplatesSection = _getElements2.customTemplatesSection, + emptyState = _getElements2.emptyState, + applicationTemplates = _getElements2.applicationTemplates; + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.showElements)([].concat(_toConsumableArray(bodyContentChildren), _toConsumableArray(templateItems))); + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hideElements)([pageTitleDivider].concat(_toConsumableArray(twinFeaturedTemplateItems), [customTemplatesSection, emptyState, applicationTemplates])); +} + +/** + * Shows favorite templates. + * + * @return {void} + */ +function showFavoriteTemplates() { + var _getState = (0,_shared__WEBPACK_IMPORTED_MODULE_3__.getState)(), + favoritesCount = _getState.favoritesCount; + if (0 === favoritesCount.total) { + (0,___WEBPACK_IMPORTED_MODULE_6__.showFavoritesEmptyState)(); + return; + } + var _getElements3 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + bodyContent = _getElements3.bodyContent, + templatesList = _getElements3.templatesList, + templateItems = _getElements3.templateItems, + customTemplatesSection = _getElements3.customTemplatesSection, + customTemplatesTitle = _getElements3.customTemplatesTitle, + customTemplatesList = _getElements3.customTemplatesList, + customTemplateItems = _getElements3.customTemplateItems; + + // Clear the view for new content + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hideElements)(templateItems); + var elementsToShow = []; + + // Get all favorite items from the DOM and add the elements to show + var favoriteItems = bodyContent.querySelectorAll(".".concat(_shared__WEBPACK_IMPORTED_MODULE_3__.PREFIX, "-favorite-item")); + elementsToShow.push.apply(elementsToShow, _toConsumableArray(favoriteItems)); + + // Add default favorites if available + if (favoritesCount.default > 0) { + elementsToShow.push(templatesList); + } + + // Add custom favorites if available + if (favoritesCount.custom > 0) { + var nonFavCustomTemplates = Array.from(customTemplateItems).filter(function (template) { + return !(0,_utils__WEBPACK_IMPORTED_MODULE_4__.isFavoriteTemplate)(template); + }); + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hideElements)(nonFavCustomTemplates); + elementsToShow.push(customTemplatesSection); + elementsToShow.push(customTemplatesList); + if (0 === favoritesCount.default) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hide)(customTemplatesTitle); + } else { + elementsToShow.push(customTemplatesTitle); + } + } + + // Show elements that were selected to be shown + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.showElements)(elementsToShow); +} + +/** + * Shows custom templates. + * + * @return {void} + */ +function showCustomTemplates() { + var _getState2 = (0,_shared__WEBPACK_IMPORTED_MODULE_3__.getState)(), + customCount = _getState2.customCount; + if (0 === customCount) { + (0,___WEBPACK_IMPORTED_MODULE_6__.showCustomTemplatesEmptyState)(); + return; + } + var _getElements4 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + showCreateTemplateModalButton = _getElements4.showCreateTemplateModalButton, + pageTitleDivider = _getElements4.pageTitleDivider, + customTemplatesSection = _getElements4.customTemplatesSection, + customTemplatesList = _getElements4.customTemplatesList, + customTemplatesTitle = _getElements4.customTemplatesTitle, + customTemplateItems = _getElements4.customTemplateItems; + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hide)(customTemplatesTitle); + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.showElements)([showCreateTemplateModalButton, pageTitleDivider, customTemplatesSection, customTemplatesList].concat(_toConsumableArray(customTemplateItems))); +} + +/** + * Shows available templates. + * + * @return {void} + */ +function showAvailableTemplates() { + var _getState3 = (0,_shared__WEBPACK_IMPORTED_MODULE_3__.getState)(), + availableTemplatesCount = _getState3.availableTemplatesCount; + if (0 === availableTemplatesCount) { + (0,___WEBPACK_IMPORTED_MODULE_6__.showAvailableTemplatesEmptyState)(); + return; + } + var _getElements5 = (0,_elements__WEBPACK_IMPORTED_MODULE_2__.getElements)(), + templatesList = _getElements5.templatesList, + templateItems = _getElements5.templateItems, + availableTemplateItems = _getElements5.availableTemplateItems, + upsellBanner = _getElements5.upsellBanner; + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.hideElements)(templateItems); // Clear the view for new content + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.showElements)([upsellBanner, templatesList].concat(_toConsumableArray(availableTemplateItems))); +} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (showSelectedCategory); + +/***/ }), + +/***/ "./js/src/form-templates/utils/index.js": +/*!**********************************************!*\ + !*** ./js/src/form-templates/utils/index.js ***! + \**********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ isAllTemplatesCategory: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_0__.isAllTemplatesCategory), +/* harmony export */ isCustomCategory: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_0__.isCustomCategory), +/* harmony export */ isCustomTemplate: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_0__.isCustomTemplate), +/* harmony export */ isFavoriteTemplate: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_0__.isFavoriteTemplate), +/* harmony export */ isFavoritesCategory: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_0__.isFavoritesCategory), +/* harmony export */ isFeaturedTemplate: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_0__.isFeaturedTemplate), +/* harmony export */ isLockedTemplate: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_0__.isLockedTemplate) +/* harmony export */ }); +/* harmony import */ var _validation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validation */ "./js/src/form-templates/utils/validation.js"); + + +/***/ }), + +/***/ "./js/src/form-templates/utils/validation.js": +/*!***************************************************!*\ + !*** ./js/src/form-templates/utils/validation.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ isAllTemplatesCategory: () => (/* binding */ isAllTemplatesCategory), +/* harmony export */ isCustomCategory: () => (/* binding */ isCustomCategory), +/* harmony export */ isCustomTemplate: () => (/* binding */ isCustomTemplate), +/* harmony export */ isFavoriteTemplate: () => (/* binding */ isFavoriteTemplate), +/* harmony export */ isFavoritesCategory: () => (/* binding */ isFavoritesCategory), +/* harmony export */ isFeaturedTemplate: () => (/* binding */ isFeaturedTemplate), +/* harmony export */ isLockedTemplate: () => (/* binding */ isLockedTemplate) +/* harmony export */ }); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var core_page_skeleton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/page-skeleton */ "./js/src/core/page-skeleton/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../shared */ "./js/src/form-templates/shared/index.js"); +/** + * External dependencies + */ + + + +/** + * Internal dependencies + */ + + +/** + * Checks if the category is "All Templates". + * + * @param {string} category The category slug. + * @return {boolean} True if the category is "All Templates", otherwise false. + */ +var isAllTemplatesCategory = function isAllTemplatesCategory(category) { + return core_page_skeleton__WEBPACK_IMPORTED_MODULE_1__.VIEWS.ALL_ITEMS === category; +}; + +/** + * Checks if the category is "Favorites". + * + * @param {string} category The category slug. + * @return {boolean} True if the category is "Favorites", otherwise false. + */ +var isFavoritesCategory = function isFavoritesCategory(category) { + return _shared__WEBPACK_IMPORTED_MODULE_2__.VIEW_SLUGS.FAVORITES === category; +}; + +/** + * Checks if the category is "Custom". + * + * @param {string} category The category slug. + * @return {boolean} True if the category is "Custom", otherwise false. + */ +var isCustomCategory = function isCustomCategory(category) { + return _shared__WEBPACK_IMPORTED_MODULE_2__.VIEW_SLUGS.CUSTOM === category; +}; + +/** + * Checks if a template is a favorite. + * + * @param {HTMLElement} template The template element. + * @return {boolean} True if the template is a favorite, otherwise false. + */ +var isFavoriteTemplate = function isFavoriteTemplate(template) { + return (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.isHTMLElement)(template) ? template.classList.contains("".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-favorite-item")) : false; +}; + +/** + * Checks if a template is custom. + * + * @param {HTMLElement} template The template element. + * @return {boolean} True if the template is custom, otherwise false. + */ +var isCustomTemplate = function isCustomTemplate(template) { + return (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.isHTMLElement)(template) ? template.classList.contains("".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-custom-item")) : false; +}; + +/** + * Checks if a template is featured. + * + * @param {HTMLElement} template The template element. + * @return {boolean} True if the template is featured, otherwise false. + */ +var isFeaturedTemplate = function isFeaturedTemplate(template) { + return (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.isHTMLElement)(template) ? _shared__WEBPACK_IMPORTED_MODULE_2__.FEATURED_TEMPLATES_IDS.includes(Number(template.dataset.id)) : false; +}; + +/** + * Checks if a template is locked. + * + * @param {HTMLElement} template The template element. + * @return {boolean} True if the template is locked, otherwise false. + */ +var isLockedTemplate = function isLockedTemplate(template) { + return (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.isHTMLElement)(template) ? template.classList.contains("".concat(_shared__WEBPACK_IMPORTED_MODULE_2__.PREFIX, "-locked-item")) : false; +}; + +/***/ }), + +/***/ "./node_modules/memize/index.js": +/*!**************************************!*\ + !*** ./node_modules/memize/index.js ***! + \**************************************/ +/***/ ((module) => { + +/** + * Memize options object. + * + * @typedef MemizeOptions + * + * @property {number} [maxSize] Maximum size of the cache. + */ + +/** + * Internal cache entry. + * + * @typedef MemizeCacheNode + * + * @property {?MemizeCacheNode|undefined} [prev] Previous node. + * @property {?MemizeCacheNode|undefined} [next] Next node. + * @property {Array<*>} args Function arguments for cache + * entry. + * @property {*} val Function result. + */ + +/** + * Properties of the enhanced function for controlling cache. + * + * @typedef MemizeMemoizedFunction + * + * @property {()=>void} clear Clear the cache. + */ + +/** + * Accepts a function to be memoized, and returns a new memoized function, with + * optional options. + * + * @template {Function} F + * + * @param {F} fn Function to memoize. + * @param {MemizeOptions} [options] Options object. + * + * @return {F & MemizeMemoizedFunction} Memoized function. + */ +function memize( fn, options ) { + var size = 0; + + /** @type {?MemizeCacheNode|undefined} */ + var head; + + /** @type {?MemizeCacheNode|undefined} */ + var tail; + + options = options || {}; + + function memoized( /* ...args */ ) { + var node = head, + len = arguments.length, + args, i; + + searchCache: while ( node ) { + // Perform a shallow equality test to confirm that whether the node + // under test is a candidate for the arguments passed. Two arrays + // are shallowly equal if their length matches and each entry is + // strictly equal between the two sets. Avoid abstracting to a + // function which could incur an arguments leaking deoptimization. + + // Check whether node arguments match arguments length + if ( node.args.length !== arguments.length ) { + node = node.next; + continue; + } + + // Check whether node arguments match arguments values + for ( i = 0; i < len; i++ ) { + if ( node.args[ i ] !== arguments[ i ] ) { + node = node.next; + continue searchCache; + } + } + + // At this point we can assume we've found a match + + // Surface matched node to head if not already + if ( node !== head ) { + // As tail, shift to previous. Must only shift if not also + // head, since if both head and tail, there is no previous. + if ( node === tail ) { + tail = node.prev; + } + + // Adjust siblings to point to each other. If node was tail, + // this also handles new tail's empty `next` assignment. + /** @type {MemizeCacheNode} */ ( node.prev ).next = node.next; + if ( node.next ) { + node.next.prev = node.prev; + } + + node.next = head; + node.prev = null; + /** @type {MemizeCacheNode} */ ( head ).prev = node; + head = node; + } + + // Return immediately + return node.val; + } + + // No cached value found. Continue to insertion phase: + + // Create a copy of arguments (avoid leaking deoptimization) + args = new Array( len ); + for ( i = 0; i < len; i++ ) { + args[ i ] = arguments[ i ]; + } + + node = { + args: args, + + // Generate the result from original function + val: fn.apply( null, args ), + }; + + // Don't need to check whether node is already head, since it would + // have been returned above already if it was + + // Shift existing head down list + if ( head ) { + head.prev = node; + node.next = head; + } else { + // If no head, follows that there's no tail (at initial or reset) + tail = node; + } + + // Trim tail if we're reached max size and are pending cache insertion + if ( size === /** @type {MemizeOptions} */ ( options ).maxSize ) { + tail = /** @type {MemizeCacheNode} */ ( tail ).prev; + /** @type {MemizeCacheNode} */ ( tail ).next = null; + } else { + size++; + } + + head = node; + + return node.val; + } + + memoized.clear = function() { + head = null; + tail = null; + size = 0; + }; + + if ( false ) {} + + // Ignore reason: There's not a clear solution to create an intersection of + // the function with additional properties, where the goal is to retain the + // function signature of the incoming argument and add control properties + // on the return value. + + // @ts-ignore + return memoized; +} + +module.exports = memize; + + +/***/ }), + +/***/ "./node_modules/sprintf-js/src/sprintf.js": +/*!************************************************!*\ + !*** ./node_modules/sprintf-js/src/sprintf.js ***! + \************************************************/ +/***/ ((module, exports, __webpack_require__) => { + +var __WEBPACK_AMD_DEFINE_RESULT__;/* global window, exports, define */ + +!function() { + 'use strict' + + var re = { + 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 sprintf(key) { + // `arguments` is not an array, but should be fine for this call + return sprintf_format(sprintf_parse(key), arguments) + } + + function vsprintf(fmt, argv) { + return sprintf.apply(null, [fmt].concat(argv || [])) + } + + function sprintf_format(parse_tree, argv) { + var cursor = 1, tree_length = parse_tree.length, arg, output = '', i, k, ph, pad, pad_character, pad_length, is_positive, sign + for (i = 0; i < tree_length; i++) { + if (typeof parse_tree[i] === 'string') { + output += parse_tree[i] + } + else if (typeof parse_tree[i] === 'object') { + ph = parse_tree[i] // convenience purposes only + if (ph.keys) { // keyword argument + arg = argv[cursor] + for (k = 0; k < ph.keys.length; k++) { + if (arg == undefined) { + throw new Error(sprintf('[sprintf] Cannot access property "%s" of undefined value "%s"', ph.keys[k], ph.keys[k-1])) + } + arg = arg[ph.keys[k]] + } + } + else if (ph.param_no) { // positional argument (explicit) + arg = argv[ph.param_no] + } + else { // positional argument (implicit) + arg = argv[cursor++] + } + + if (re.not_type.test(ph.type) && re.not_primitive.test(ph.type) && arg instanceof Function) { + arg = arg() + } + + if (re.numeric_arg.test(ph.type) && (typeof arg !== 'number' && isNaN(arg))) { + throw new TypeError(sprintf('[sprintf] expecting number but found %T', arg)) + } + + if (re.number.test(ph.type)) { + is_positive = arg >= 0 + } + + switch (ph.type) { + case 'b': + arg = parseInt(arg, 10).toString(2) + break + case 'c': + arg = String.fromCharCode(parseInt(arg, 10)) + break + case 'd': + case 'i': + arg = parseInt(arg, 10) + break + case 'j': + arg = JSON.stringify(arg, null, ph.width ? parseInt(ph.width) : 0) + break + case 'e': + arg = ph.precision ? parseFloat(arg).toExponential(ph.precision) : parseFloat(arg).toExponential() + break + case 'f': + arg = ph.precision ? parseFloat(arg).toFixed(ph.precision) : parseFloat(arg) + break + case 'g': + arg = ph.precision ? String(Number(arg.toPrecision(ph.precision))) : parseFloat(arg) + break + case 'o': + arg = (parseInt(arg, 10) >>> 0).toString(8) + break + case 's': + arg = String(arg) + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 't': + arg = String(!!arg) + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 'T': + arg = Object.prototype.toString.call(arg).slice(8, -1).toLowerCase() + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 'u': + arg = parseInt(arg, 10) >>> 0 + break + case 'v': + arg = arg.valueOf() + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 'x': + arg = (parseInt(arg, 10) >>> 0).toString(16) + break + case 'X': + arg = (parseInt(arg, 10) >>> 0).toString(16).toUpperCase() + break + } + if (re.json.test(ph.type)) { + output += arg + } + else { + if (re.number.test(ph.type) && (!is_positive || ph.sign)) { + sign = is_positive ? '+' : '-' + arg = arg.toString().replace(re.sign, '') + } + else { + sign = '' + } + pad_character = ph.pad_char ? ph.pad_char === '0' ? '0' : ph.pad_char.charAt(1) : ' ' + pad_length = ph.width - (sign + arg).length + pad = ph.width ? (pad_length > 0 ? pad_character.repeat(pad_length) : '') : '' + output += ph.align ? sign + arg + pad : (pad_character === '0' ? sign + pad + arg : pad + sign + arg) + } + } + } + return output + } + + var sprintf_cache = Object.create(null) + + function sprintf_parse(fmt) { + if (sprintf_cache[fmt]) { + return sprintf_cache[fmt] + } + + var _fmt = fmt, match, parse_tree = [], arg_names = 0 + while (_fmt) { + if ((match = re.text.exec(_fmt)) !== null) { + parse_tree.push(match[0]) + } + else if ((match = re.modulo.exec(_fmt)) !== null) { + parse_tree.push('%') + } + else if ((match = re.placeholder.exec(_fmt)) !== null) { + if (match[2]) { + arg_names |= 1 + var field_list = [], replacement_field = match[2], field_match = [] + if ((field_match = re.key.exec(replacement_field)) !== null) { + field_list.push(field_match[1]) + while ((replacement_field = replacement_field.substring(field_match[0].length)) !== '') { + if ((field_match = re.key_access.exec(replacement_field)) !== null) { + field_list.push(field_match[1]) + } + else if ((field_match = re.index_access.exec(replacement_field)) !== null) { + field_list.push(field_match[1]) + } + else { + throw new SyntaxError('[sprintf] failed to parse named argument key') + } + } + } + else { + throw new SyntaxError('[sprintf] failed to parse named argument key') + } + match[2] = field_list + } + else { + arg_names |= 2 + } + if (arg_names === 3) { + throw new Error('[sprintf] mixing positional and named placeholders is not (yet) supported') + } + + parse_tree.push( + { + placeholder: match[0], + param_no: match[1], + keys: match[2], + sign: match[3], + pad_char: match[4], + align: match[5], + width: match[6], + precision: match[7], + type: match[8] + } + ) + } + else { + throw new SyntaxError('[sprintf] unexpected placeholder') + } + _fmt = _fmt.substring(match[0].length) + } + return sprintf_cache[fmt] = parse_tree + } + + /** + * export to either browser or node.js + */ + /* eslint-disable quote-props */ + if (true) { + exports.sprintf = sprintf + exports.vsprintf = vsprintf + } + if (typeof window !== 'undefined') { + window['sprintf'] = sprintf + window['vsprintf'] = vsprintf + + if (true) { + !(__WEBPACK_AMD_DEFINE_RESULT__ = (function() { + return { + 'sprintf': sprintf, + 'vsprintf': vsprintf + } + }).call(exports, __webpack_require__, exports, module), + __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)) + } + } + /* eslint-enable quote-props */ +}(); // eslint-disable-line + + +/***/ }), + +/***/ "./node_modules/tannin/index.js": +/*!**************************************!*\ + !*** ./node_modules/tannin/index.js ***! + \**************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ Tannin) +/* harmony export */ }); +/* harmony import */ var _tannin_plural_forms__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tannin/plural-forms */ "./node_modules/@tannin/plural-forms/index.js"); + + +/** + * Tannin constructor options. + * + * @typedef {Object} TanninOptions + * + * @property {string} [contextDelimiter] Joiner in string lookup with context. + * @property {Function} [onMissingKey] Callback to invoke when key missing. + */ + +/** + * Domain metadata. + * + * @typedef {Object} TanninDomainMetadata + * + * @property {string} [domain] Domain name. + * @property {string} [lang] Language code. + * @property {(string|Function)} [plural_forms] Plural forms expression or + * function evaluator. + */ + +/** + * Domain translation pair respectively representing the singular and plural + * translation. + * + * @typedef {[string,string]} TanninTranslation + */ + +/** + * Locale data domain. The key is used as reference for lookup, the value an + * array of two string entries respectively representing the singular and plural + * translation. + * + * @typedef {{[key:string]:TanninDomainMetadata|TanninTranslation,'':TanninDomainMetadata|TanninTranslation}} TanninLocaleDomain + */ + +/** + * Jed-formatted locale data. + * + * @see http://messageformat.github.io/Jed/ + * + * @typedef {{[domain:string]:TanninLocaleDomain}} TanninLocaleData + */ + +/** + * Default Tannin constructor options. + * + * @type {TanninOptions} + */ +var DEFAULT_OPTIONS = { + contextDelimiter: '\u0004', + onMissingKey: null, +}; + +/** + * Given a specific locale data's config `plural_forms` value, returns the + * expression. + * + * @example + * + * ``` + * getPluralExpression( 'nplurals=2; plural=(n != 1);' ) === '(n != 1)' + * ``` + * + * @param {string} pf Locale data plural forms. + * + * @return {string} Plural forms expression. + */ +function getPluralExpression( pf ) { + var parts, i, part; + + parts = pf.split( ';' ); + + for ( i = 0; i < parts.length; i++ ) { + part = parts[ i ].trim(); + if ( part.indexOf( 'plural=' ) === 0 ) { + return part.substr( 7 ); + } + } +} + +/** + * Tannin constructor. + * + * @class + * + * @param {TanninLocaleData} data Jed-formatted locale data. + * @param {TanninOptions} [options] Tannin options. + */ +function Tannin( data, options ) { + var key; + + /** + * Jed-formatted locale data. + * + * @name Tannin#data + * @type {TanninLocaleData} + */ + this.data = data; + + /** + * Plural forms function cache, keyed by plural forms string. + * + * @name Tannin#pluralForms + * @type {Object} + */ + this.pluralForms = {}; + + /** + * Effective options for instance, including defaults. + * + * @name Tannin#options + * @type {TanninOptions} + */ + this.options = {}; + + for ( key in DEFAULT_OPTIONS ) { + this.options[ key ] = options !== undefined && key in options + ? options[ key ] + : DEFAULT_OPTIONS[ key ]; + } +} + +/** + * Returns the plural form index for the given domain and value. + * + * @param {string} domain Domain on which to calculate plural form. + * @param {number} n Value for which plural form is to be calculated. + * + * @return {number} Plural form index. + */ +Tannin.prototype.getPluralForm = function( domain, n ) { + var getPluralForm = this.pluralForms[ domain ], + config, plural, pf; + + if ( ! getPluralForm ) { + config = this.data[ domain ][ '' ]; + + pf = ( + config[ 'Plural-Forms' ] || + config[ 'plural-forms' ] || + // Ignore reason: As known, there's no way to document the empty + // string property on a key to guarantee this as metadata. + // @ts-ignore + config.plural_forms + ); + + if ( typeof pf !== 'function' ) { + plural = getPluralExpression( + config[ 'Plural-Forms' ] || + config[ 'plural-forms' ] || + // Ignore reason: As known, there's no way to document the empty + // string property on a key to guarantee this as metadata. + // @ts-ignore + config.plural_forms + ); + + pf = (0,_tannin_plural_forms__WEBPACK_IMPORTED_MODULE_0__["default"])( plural ); + } + + getPluralForm = this.pluralForms[ domain ] = pf; + } + + return getPluralForm( n ); +}; + +/** + * Translate a string. + * + * @param {string} domain Translation domain. + * @param {string|void} context Context distinguishing terms of the same name. + * @param {string} singular Primary key for translation lookup. + * @param {string=} plural Fallback value used for non-zero plural + * form index. + * @param {number=} n Value to use in calculating plural form. + * + * @return {string} Translated string. + */ +Tannin.prototype.dcnpgettext = function( domain, context, singular, plural, n ) { + var index, key, entry; + + if ( n === undefined ) { + // Default to singular. + index = 0; + } else { + // Find index by evaluating plural form for value. + index = this.getPluralForm( domain, n ); + } + + key = singular; + + // If provided, context is prepended to key with delimiter. + if ( context ) { + key = context + this.options.contextDelimiter + singular; + } + + entry = this.data[ domain ][ key ]; + + // Verify not only that entry exists, but that the intended index is within + // range and non-empty. + if ( entry && entry[ index ] ) { + return entry[ index ]; + } + + if ( this.options.onMissingKey ) { + this.options.onMissingKey( singular, domain ); + } + + // If entry not found, fall back to singular vs. plural with zero index + // representing the singular value. + return index === 0 ? singular : plural; +}; + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _arrayLikeToArray) +/* harmony export */ }); +function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! + \**********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _arrayWithoutHoles) +/* harmony export */ }); +/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); + +function _arrayWithoutHoles(r) { + if (Array.isArray(r)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _classCallCheck) +/* harmony export */ }); +function _classCallCheck(a, n) { + if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _defineProperty) +/* harmony export */ }); +/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); + +function _defineProperty(e, r, t) { + return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0 + }) : e[r] = t, e; +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js": +/*!********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! + \********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _iterableToArray) +/* harmony export */ }); +function _iterableToArray(r) { + if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! + \**********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _nonIterableSpread) +/* harmony export */ }); +function _nonIterableSpread() { + throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! + \**********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _toConsumableArray) +/* harmony export */ }); +/* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithoutHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js"); +/* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js"); +/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); +/* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableSpread.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js"); + + + + +function _toConsumableArray(r) { + return (0,_arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r) || (0,_nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": +/*!****************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! + \****************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ toPrimitive) +/* harmony export */ }); +/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); + +function toPrimitive(t, r) { + if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || "default"); + if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; + throw new TypeError("@@toPrimitive must return a primitive value."); + } + return ("string" === r ? String : Number)(t); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": +/*!******************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! + \******************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ toPropertyKey) +/* harmony export */ }); +/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); +/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); + + +function toPropertyKey(t) { + var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); + return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": +/*!***********************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \***********************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _typeof) +/* harmony export */ }); +function _typeof(o) { + "@babel/helpers - typeof"; + + return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { + return typeof o; + } : function (o) { + return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; + }, _typeof(o); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": +/*!*******************************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! + \*******************************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _unsupportedIterableToArray) +/* harmony export */ }); +/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); + +function _unsupportedIterableToArray(r, a) { + if (r) { + if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; + } +} + + +/***/ }) + +/******/ }); +/************************************************************************/ +/******/ // The module cache +/******/ var __webpack_module_cache__ = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ // Check if module is in cache +/******/ var cachedModule = __webpack_module_cache__[moduleId]; +/******/ if (cachedModule !== undefined) { +/******/ return cachedModule.exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = __webpack_module_cache__[moduleId] = { +/******/ // no module.id needed +/******/ // no module.loaded needed +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/compat get default export */ +/******/ (() => { +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = (module) => { +/******/ var getter = module && module.__esModule ? +/******/ () => (module['default']) : +/******/ () => (module); +/******/ __webpack_require__.d(getter, { a: getter }); +/******/ return getter; +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/define property getters */ +/******/ (() => { +/******/ // define getter functions for harmony exports +/******/ __webpack_require__.d = (exports, definition) => { +/******/ for(var key in definition) { +/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { +/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); +/******/ } +/******/ } +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ (() => { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = (exports) => { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ })(); +/******/ +/************************************************************************/ +var __webpack_exports__ = {}; +// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. +(() => { +"use strict"; +/*!****************************************!*\ + !*** ./js/src/form-templates/index.js ***! + \****************************************/ +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/dom-ready */ "./node_modules/@wordpress/dom-ready/build-module/index.js"); +/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./shared */ "./js/src/form-templates/shared/index.js"); +/* harmony import */ var _initializeFormTemplates__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./initializeFormTemplates */ "./js/src/form-templates/initializeFormTemplates.js"); +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +(0,_wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2__["default"])(function () { + /** + * Entry point for pre-initialization adjustments to the page state. + * + * @param {Object} state Current state of the page. + */ + wp.hooks.doAction('frmFormTemplates.beforeInitialize', { + getState: _shared__WEBPACK_IMPORTED_MODULE_0__.getState, + setState: _shared__WEBPACK_IMPORTED_MODULE_0__.setState + }); + + // Initialize the form templates + (0,_initializeFormTemplates__WEBPACK_IMPORTED_MODULE_1__["default"])(); + + /** + * Entry point for post-initialization custom logic or adjustments to the page state. + * + * @param {Object} state Current state of the page. + */ + wp.hooks.doAction('frmFormTemplates.afterInitialize', { + getState: _shared__WEBPACK_IMPORTED_MODULE_0__.getState, + setState: _shared__WEBPACK_IMPORTED_MODULE_0__.setState + }); + + /** + * Trigger a specific action to interact with the hidden form '#frm-new-template', + * which is used for creating or using a form template. + * + * @param {HTMLElement} $form The jQuery object containing the hidden form element. + */ + wp.hooks.doAction('frm_new_form_modal_form', jQuery('#frm-new-template')); +}); +})(); + +/******/ })() +; +//# sourceMappingURL=form-templates.js.map \ No newline at end of file diff --git a/js/formidable-settings-components.js b/js/formidable-settings-components.js index 7c6275284a..d6a786b727 100644 --- a/js/formidable-settings-components.js +++ b/js/formidable-settings-components.js @@ -1 +1,2931 @@ -(()=>{"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;n0&&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;n0&&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)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 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;n0))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 +/******/ (() => { // webpackBootstrap +/******/ "use strict"; +/******/ var __webpack_modules__ = ({ + +/***/ "./node_modules/@wordpress/dom-ready/build-module/index.js": +/*!*****************************************************************!*\ + !*** ./node_modules/@wordpress/dom-ready/build-module/index.js ***! + \*****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ domReady) +/* harmony export */ }); +/** + * @typedef {() => void} Callback + * + * TODO: Remove this typedef and inline `() => void` type. + * + * This typedef is used so that a descriptive type is provided in our + * automatically generated documentation. + * + * An in-line type `() => void` would be preferable, but the generated + * documentation is `null` in that case. + * + * @see https://github.com/WordPress/gutenberg/issues/18045 + */ + +/** + * Specify a function to execute when the DOM is fully loaded. + * + * @param {Callback} callback A function to execute after the DOM is ready. + * + * @example + * ```js + * import domReady from '@wordpress/dom-ready'; + * + * domReady( function() { + * //do something after DOM loads. + * } ); + * ``` + * + * @return {void} + */ +function domReady(callback) { + if (typeof document === 'undefined') { + return; + } + + if (document.readyState === 'complete' || // DOMContentLoaded + Images/Styles/etc loaded, so we call directly. + document.readyState === 'interactive' // DOMContentLoaded fires at this point, so we call directly. + ) { + return void callback(); + } // DOMContentLoaded has not fired yet, delay callback until then. + + + document.addEventListener('DOMContentLoaded', callback); +} +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./js/src/admin/components/dependent-updater-component.js": +/*!****************************************************************!*\ + !*** ./js/src/admin/components/dependent-updater-component.js ***! + \****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ frmStyleDependentUpdaterComponent) +/* harmony export */ }); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +/** + * This component updates the dependent style element's values and triggers a custom change event for each style element, initiating the style preview. + * The names of the elements that will be updated are specified using the "will-change" attribute. + * It is primarily used in components from Style/Quick Settings. + * For instance, when the "FrmPrimaryColorStyleComponent" is changed, it simultaneously updates various style elements like border color, text color, and button backgrounds. + */ +var frmStyleDependentUpdaterComponent = /*#__PURE__*/function () { + /** + * Creates an instance of frmStyleDependentUpdaterComponent. + * + * @param {HTMLElement} component - The component element. + */ + function frmStyleDependentUpdaterComponent(component) { + _classCallCheck(this, frmStyleDependentUpdaterComponent); + this.component = component; + try { + var willChangeData = JSON.parse(this.component.dataset.willChange); + this.data = { + propagateInputs: this.initPropagationList(willChangeData), + changeEvent: new Event('change', { + bubbles: true + }) + }; + } catch (error) { + console.error('Error parsing JSON data from "will-change" attribute.', error); + } + } + + /** + * Initializes the list of inputs to propagate changes to. + * The selection is made by provided input's names list in "will-change" attribute. + * + * @param {string[]} inputNames - The names of the inputs to propagate changes to. + * @return {HTMLElement[]} - The list of inputs to propagate changes to. + */ + return _createClass(frmStyleDependentUpdaterComponent, [{ + key: "initPropagationList", + value: function initPropagationList(inputNames) { + var list = []; + inputNames.forEach(function (name) { + var input = document.querySelector("input[name=\"".concat(name, "\"]")); + if (input) { + list.push(input); + } + }); + return list; + } + + /** + * Updates all dependent elements with the given value. + * + * @param {string} value - The value to update the dependent elements with. + */ + }, { + key: "updateAllDependentElements", + value: function updateAllDependentElements(value) { + this.data.propagateInputs.forEach(function (input) { + input.value = value; + }); + this.data.propagateInputs[0].dispatchEvent(this.data.changeEvent); + } + }]); +}(); + + +/***/ }), + +/***/ "./js/src/components/class-tabs-navigator.js": +/*!***************************************************!*\ + !*** ./js/src/components/class-tabs-navigator.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmTabsNavigator: () => (/* binding */ frmTabsNavigator) +/* harmony export */ }); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +var frmTabsNavigator = /*#__PURE__*/function () { + function frmTabsNavigator(wrapper) { + _classCallCheck(this, frmTabsNavigator); + if (wrapper === undefined) { + return; + } + this.wrapper = wrapper instanceof Element ? wrapper : document.querySelector(wrapper); + if (null === this.wrapper) { + return; + } + 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 = document.documentElement.dir === 'rtl' || document.body.dir === 'rtl'; + this.resizeObserver = null; + this.init(); + } + return _createClass(frmTabsNavigator, [{ + key: "init", + value: function init() { + var _this = this; + if (null === this.wrapper || !this.navs.length || null === this.slideTrackLine || null === this.slideTrack || !this.slides.length) { + return; + } + this.navs.forEach(function (nav, index) { + nav.addEventListener('click', function (event) { + return _this.onNavClick(event, index); + }); + if (nav.classList.contains('frm-active')) { + _this.initSlideTrackUnderline(nav); + } + }); + this.slideTrackLine.style.display = 'block'; + this.setupScrollbarObserver(); + // Cleanup observers when page unloads to prevent memory leaks + window.addEventListener('beforeunload', this.cleanupObservers); + } + }, { + key: "onNavClick", + value: function onNavClick(event, index) { + var navItem = event.currentTarget; + event.preventDefault(); + this.removeActiveClassnameFromNavs(); + navItem.classList.add('frm-active'); + this.initSlideTrackUnderline(navItem); + this.changeSlide(index); + + // Handle special case for frm_insert_fields_tab + var navLink = navItem.querySelector('a'); + if (navLink && navLink.id === 'frm_insert_fields_tab' && !navLink.closest('#frm_adv_info')) { + var _window$frmAdminBuild, _window$frmAdminBuild2; + (_window$frmAdminBuild = window.frmAdminBuild) === null || _window$frmAdminBuild === void 0 || (_window$frmAdminBuild2 = _window$frmAdminBuild.clearSettingsBox) === null || _window$frmAdminBuild2 === void 0 || _window$frmAdminBuild2.call(_window$frmAdminBuild); + } + } + }, { + key: "initSlideTrackUnderline", + value: function initSlideTrackUnderline(nav) { + var activeNav = nav !== undefined ? nav : this.navs.filter(function (nav) { + return nav.classList.contains('frm-active'); + }); + this.positionUnderlineIndicator(activeNav); + } + + /** + * Sets up a ResizeObserver to watch for scrollbar changes in the parent container. + * Automatically repositions the underline indicator when layout changes occur. + */ + }, { + key: "setupScrollbarObserver", + value: function setupScrollbarObserver() { + var _this2 = this; + var resizeObserverTarget = document.querySelector('.frm-scrollbar-wrapper, .styling_settings') || document.body; + if (!resizeObserverTarget || !('ResizeObserver' in window)) { + return; + } + this.resizeObserver = new ResizeObserver(function () { + var activeNav = _this2.wrapper.querySelector('.frm-tabs-navs ul > li.frm-active'); + if (activeNav) { + _this2.positionUnderlineIndicator(activeNav); + } + }); + this.resizeObserver.observe(resizeObserverTarget); + } + + /** + * Cleans up observers to prevent memory leaks. + */ + }, { + key: "cleanupObservers", + value: function cleanupObservers() { + if (this.resizeObserver) { + this.resizeObserver.disconnect(); + this.resizeObserver = null; + } + } + + /** + * Positions the underline indicator based on the active navigation element. + * + * @param {HTMLElement} activeNav The active navigation element to position the underline under + */ + }, { + key: "positionUnderlineIndicator", + value: function positionUnderlineIndicator(activeNav) { + var _this3 = this; + requestAnimationFrame(function () { + var position = _this3.isRTL ? -(activeNav.parentElement.offsetWidth - activeNav.offsetLeft - activeNav.offsetWidth) : activeNav.offsetLeft; + _this3.slideTrackLine.style.transform = "translateX(".concat(position, "px)"); + _this3.slideTrackLine.style.width = "".concat(activeNav.clientWidth, "px"); + }); + } + }, { + key: "changeSlide", + value: function changeSlide(index) { + this.removeActiveClassnameFromSlides(); + var translate = index == 0 ? '0px' : "calc( ( ".concat(index * 100, "% + ").concat(parseInt(this.flexboxSlidesGap, 10) * index, "px ) * ").concat(this.isRTL ? 1 : -1, " )"); + if ('0px' !== translate) { + this.slideTrack.style.transform = "translateX(".concat(translate, ")"); + } else { + this.slideTrack.style.removeProperty('transform'); + } + if (index in this.slides) { + this.slides[index].classList.add('frm-active'); + } + } + }, { + key: "removeActiveClassnameFromSlides", + value: function removeActiveClassnameFromSlides() { + this.slides.forEach(function (slide) { + return slide.classList.remove('frm-active'); + }); + } + }, { + key: "removeActiveClassnameFromNavs", + value: function removeActiveClassnameFromNavs() { + this.navs.forEach(function (nav) { + return nav.classList.remove('frm-active'); + }); + } + }]); +}(); + +/***/ }), + +/***/ "./js/src/core/constants.js": +/*!**********************************!*\ + !*** ./js/src/core/constants.js ***! + \**********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ CHECKED_CLASS: () => (/* binding */ CHECKED_CLASS), +/* harmony export */ CURRENT_CLASS: () => (/* binding */ CURRENT_CLASS), +/* harmony export */ DISABLED_CLASS: () => (/* binding */ DISABLED_CLASS), +/* harmony export */ HIDDEN_CLASS: () => (/* binding */ HIDDEN_CLASS), +/* harmony export */ HIDE_JS_CLASS: () => (/* binding */ HIDE_JS_CLASS), +/* harmony export */ HOOKS: () => (/* binding */ HOOKS), +/* harmony export */ PLUGIN_URL: () => (/* binding */ PLUGIN_URL), +/* harmony export */ SINGLE_SETTINGS_CLASS: () => (/* binding */ SINGLE_SETTINGS_CLASS), +/* harmony export */ nonce: () => (/* binding */ nonce) +/* harmony export */ }); +var _window$frmGlobal = window.frmGlobal, + PLUGIN_URL = _window$frmGlobal.url, + nonce = _window$frmGlobal.nonce; + +var HIDDEN_CLASS = 'frm_hidden'; +var DISABLED_CLASS = 'frm_disabled'; +var HIDE_JS_CLASS = 'frm-hide-js'; +var CURRENT_CLASS = 'frm-current'; +var CHECKED_CLASS = 'frm-checked'; +var SINGLE_SETTINGS_CLASS = 'frm-single-settings'; +var HOOKS = { + SHOW_FIELD_SETTINGS: 'frmShowedFieldSettings' +}; + +/***/ }), + +/***/ "./js/src/core/utils/animation.js": +/*!****************************************!*\ + !*** ./js/src/core/utils/animation.js ***! + \****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmAnimate: () => (/* binding */ frmAnimate) +/* harmony export */ }); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +var frmAnimate = /*#__PURE__*/function () { + /** + * Construct frmAnimate + * + * @param {Element|Element[]} elements The elements to animate. + * @param {'default'|'cascade'|'cascade-3d'} type The animation type: default | cascade | cascade-3d + */ + function frmAnimate(elements) { + var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default'; + _classCallCheck(this, frmAnimate); + this.elements = elements; + this.type = type; + this.prepareElements(); + } + + /** + * Init animation - fadeIn. + * Requires this.type = 'default'; + * ex: new frmAnimate( elements ).fadeIn(); + */ + return _createClass(frmAnimate, [{ + key: "fadeIn", + value: function fadeIn() { + var _this = this; + this.applyStyleToElements(function (element) { + element.classList.add('frm-fadein-up'); + element.addEventListener('animationend', function () { + _this.resetOpacity(); + element.classList.remove('frm-fadein-up'); + }, { + once: true + }); + }); + } + + /** + * Init animation - cascadeFadeIn. + * Requires this.type = 'cascade'|'cascade-3d'; + * ex: new frmAnimate( elements, 'cascade' ).cascadeFadeIn(); + * new frmAnimate( elements, 'cascade-3d' ).cascadeFadeIn(); + * + * @param {number} delay The transition delay value. + */ + }, { + key: "cascadeFadeIn", + value: function cascadeFadeIn() { + var _this2 = this; + var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.03; + setTimeout(function () { + _this2.applyStyleToElements(function (element, index) { + element.classList.remove('frm-animate'); + element.style.transitionDelay = "".concat((index + 1) * delay, "s"); + }); + }, 200); + } + }, { + key: "prepareElements", + value: function prepareElements() { + var _this3 = this; + this.applyStyleToElements(function (element) { + if ('default' === _this3.type) { + element.style.opacity = '0.0'; + } + if ('cascade' === _this3.type) { + element.classList.add('frm-init-cascade-animation'); + } + if ('cascade-3d' === _this3.type) { + element.classList.add('frm-init-fadein-3d'); + } + element.classList.add('frm-animate'); + }); + } + }, { + key: "resetOpacity", + value: function resetOpacity() { + this.applyStyleToElements(function (element) { + return element.style.opacity = '1.0'; + }); + } + }, { + key: "applyStyleToElements", + value: function applyStyleToElements(callback) { + if (this.elements instanceof Element) { + callback(this.elements, 0); + return; + } + if (0 < this.elements.length) { + this.elements.forEach(function (element, index) { + return callback(element, index); + }); + } + } + }]); +}(); + +/***/ }), + +/***/ "./js/src/core/utils/async.js": +/*!************************************!*\ + !*** ./js/src/core/utils/async.js ***! + \************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addToRequestQueue: () => (/* binding */ addToRequestQueue) +/* harmony export */ }); +// Initialize lastPromise with a resolved promise as the starting point for the queue +var lastPromise = Promise.resolve(); + +/** + * Adds a task to the request queue. + * + * @param {function(): Promise} task A function that returns a promise. + * @return {Promise} The new last promise in the queue. + */ +var addToRequestQueue = function addToRequestQueue(task) { + return lastPromise = lastPromise.then(task).catch(task); +}; + +/***/ }), + +/***/ "./js/src/core/utils/error.js": +/*!************************************!*\ + !*** ./js/src/core/utils/error.js ***! + \************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ showFormError: () => (/* binding */ showFormError) +/* harmony export */ }); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! . */ "./js/src/core/utils/index.js"); +/** + * Internal dependencies + */ + + +/** + * Displays form validation error messages. + * + * @param {string} inputId The ID selector for the input field with the error. + * @param {string} errorId The ID selector for the error message display element. + * @param {string} type The categorization of the error (e.g., "invalid", "empty"). + * @param {string} [message] Optional. The specific error message to display. + * @return {void} + */ +var showFormError = function showFormError(inputId, errorId, type, message) { + var inputElement = document.querySelector(inputId); + var errorElement = document.querySelector(errorId); + if (!inputElement || !errorElement) { + console.warn('showFormError: Unable to find input or error element.'); + return; + } + + // If a message is provided, update the span element's text that matches the error type + if (message) { + var span = errorElement.querySelector("span[frm-error=\"".concat(type, "\"]")); + if (span) { + span.textContent = message; + } + } + + // Assign the error type and make the error message visible + errorElement.setAttribute('frm-error', type); + (0,___WEBPACK_IMPORTED_MODULE_0__.show)(errorElement); + + // Hide the error message when the user starts typing in the faulty input field + inputElement.addEventListener('keyup', function () { + (0,___WEBPACK_IMPORTED_MODULE_0__.hide)(errorElement); + }, { + once: true + }); +}; + +/***/ }), + +/***/ "./js/src/core/utils/globalModules.js": +/*!********************************************!*\ + !*** ./js/src/core/utils/globalModules.js ***! + \********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ a: () => (/* binding */ a), +/* harmony export */ bold: () => (/* binding */ bold), +/* harmony export */ button: () => (/* binding */ button), +/* harmony export */ div: () => (/* binding */ div), +/* harmony export */ doJsonPost: () => (/* binding */ doJsonPost), +/* harmony export */ documentOn: () => (/* binding */ documentOn), +/* harmony export */ footerButton: () => (/* binding */ footerButton), +/* harmony export */ img: () => (/* binding */ img), +/* harmony export */ maybeCreateModal: () => (/* binding */ maybeCreateModal), +/* harmony export */ onClickPreventDefault: () => (/* binding */ onClickPreventDefault), +/* harmony export */ p: () => (/* binding */ p), +/* harmony export */ span: () => (/* binding */ span), +/* harmony export */ svg: () => (/* binding */ svg), +/* harmony export */ tag: () => (/* binding */ tag) +/* harmony export */ }); +var _frmDom = frmDom, + div = _frmDom.div, + span = _frmDom.span, + tag = _frmDom.tag, + a = _frmDom.a, + img = _frmDom.img, + svg = _frmDom.svg; +var _frmDom$modal = frmDom.modal, + maybeCreateModal = _frmDom$modal.maybeCreateModal, + footerButton = _frmDom$modal.footerButton; +var _frmDom$util = frmDom.util, + onClickPreventDefault = _frmDom$util.onClickPreventDefault, + documentOn = _frmDom$util.documentOn; +var doJsonPost = frmDom.ajax.doJsonPost; +var p = function p(args) { + return tag('p', args); +}; +var bold = function bold(args) { + return tag('strong', args); +}; +var button = function button(args) { + return tag('button', args); +}; + + +/***/ }), + +/***/ "./js/src/core/utils/index.js": +/*!************************************!*\ + !*** ./js/src/core/utils/index.js ***! + \************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ a: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.a), +/* harmony export */ addToRequestQueue: () => (/* reexport safe */ _async__WEBPACK_IMPORTED_MODULE_1__.addToRequestQueue), +/* harmony export */ bold: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.bold), +/* harmony export */ button: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.button), +/* harmony export */ div: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.div), +/* harmony export */ doJsonPost: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.doJsonPost), +/* harmony export */ documentOn: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.documentOn), +/* harmony export */ footerButton: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.footerButton), +/* harmony export */ frmAnimate: () => (/* reexport safe */ _animation__WEBPACK_IMPORTED_MODULE_0__.frmAnimate), +/* harmony export */ getQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.getQueryParam), +/* harmony export */ hasQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.hasQueryParam), +/* harmony export */ hide: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.hide), +/* harmony export */ hideElements: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.hideElements), +/* harmony export */ img: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.img), +/* harmony export */ isEmptyObject: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_5__.isEmptyObject), +/* harmony export */ isHTMLElement: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_5__.isHTMLElement), +/* harmony export */ isValidEmail: () => (/* reexport safe */ _validation__WEBPACK_IMPORTED_MODULE_5__.isValidEmail), +/* harmony export */ isVisible: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.isVisible), +/* harmony export */ maybeCreateModal: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.maybeCreateModal), +/* harmony export */ onClickPreventDefault: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.onClickPreventDefault), +/* harmony export */ p: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.p), +/* harmony export */ removeParamFromHistory: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.removeParamFromHistory), +/* harmony export */ removeQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.removeQueryParam), +/* harmony export */ setQueryParam: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_4__.setQueryParam), +/* harmony export */ show: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.show), +/* harmony export */ showElements: () => (/* reexport safe */ _visibility__WEBPACK_IMPORTED_MODULE_6__.showElements), +/* harmony export */ showFormError: () => (/* reexport safe */ _error__WEBPACK_IMPORTED_MODULE_2__.showFormError), +/* harmony export */ span: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.span), +/* harmony export */ svg: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.svg), +/* harmony export */ tag: () => (/* reexport safe */ _globalModules__WEBPACK_IMPORTED_MODULE_3__.tag) +/* harmony export */ }); +/* harmony import */ var _animation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./animation */ "./js/src/core/utils/animation.js"); +/* harmony import */ var _async__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./async */ "./js/src/core/utils/async.js"); +/* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./error */ "./js/src/core/utils/error.js"); +/* harmony import */ var _globalModules__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./globalModules */ "./js/src/core/utils/globalModules.js"); +/* harmony import */ var _url__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./url */ "./js/src/core/utils/url.js"); +/* harmony import */ var _validation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./validation */ "./js/src/core/utils/validation.js"); +/* harmony import */ var _visibility__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./visibility */ "./js/src/core/utils/visibility.js"); + + + + + + + + +/***/ }), + +/***/ "./js/src/core/utils/url.js": +/*!**********************************!*\ + !*** ./js/src/core/utils/url.js ***! + \**********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ getQueryParam: () => (/* binding */ getQueryParam), +/* harmony export */ hasQueryParam: () => (/* binding */ hasQueryParam), +/* harmony export */ removeParamFromHistory: () => (/* binding */ removeParamFromHistory), +/* harmony export */ removeQueryParam: () => (/* binding */ removeQueryParam), +/* harmony export */ setQueryParam: () => (/* binding */ setQueryParam) +/* harmony export */ }); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +/** + * Initializes URL and URLSearchParams objects from the current window's location + */ +var url = new URL(window.location.href); +var urlParams = url.searchParams; + +/** + * Gets the value of a specified query parameter from the current URL. + * + * @param {string} paramName The name of the query parameter to retrieve. + * @return {string|null} The value associated with the specified query parameter name, or null if not found. + */ +var getQueryParam = function getQueryParam(paramName) { + return urlParams.get(paramName); +}; + +/** + * Removes a query parameter from the current URL and returns the updated URL string. + * + * @param {string} paramName The name of the query parameter to remove. + * @return {string} The updated URL string. + */ +var removeQueryParam = function removeQueryParam(paramName) { + urlParams.delete(paramName); + url.search = urlParams.toString(); + return url.toString(); +}; + +/** + * Sets the value of a query parameter in the current URL and optionally updates the browser's history state. + * + * @param {string} paramName The name of the query parameter to set. + * @param {string} paramValue The value to set for the query parameter. + * @param {string} [updateMethod='pushState'] The method to use for updating the history state. Accepts 'pushState' or 'replaceState'. + * @return {string} The updated URL string. + */ +var setQueryParam = function setQueryParam(paramName, paramValue) { + var updateMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'pushState'; + urlParams.set(paramName, paramValue); + url.search = urlParams.toString(); + if (['pushState', 'replaceState'].includes(updateMethod)) { + var state = _defineProperty({}, paramName, paramValue); + window.history[updateMethod](state, '', url); + } + return url.toString(); +}; + +/** + * Checks if a query parameter exists in the current URL. + * + * @param {string} paramName The name of the query parameter to check. + * @return {boolean} True if the query parameter exists, otherwise false. + */ +var hasQueryParam = function hasQueryParam(paramName) { + return urlParams.has(paramName); +}; + +/** + * Removes a query parameter and updates history with replaceState. + * + * @param {string} paramName The query parameter to remove. + * @return {void} + */ +var removeParamFromHistory = function removeParamFromHistory(paramName) { + return history.replaceState({}, '', removeQueryParam(paramName)); +}; + +/***/ }), + +/***/ "./js/src/core/utils/validation.js": +/*!*****************************************!*\ + !*** ./js/src/core/utils/validation.js ***! + \*****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ isEmptyObject: () => (/* binding */ isEmptyObject), +/* harmony export */ isHTMLElement: () => (/* binding */ isHTMLElement), +/* harmony export */ isValidEmail: () => (/* binding */ isValidEmail) +/* harmony export */ }); +/** + * Validates an email address using a regular expression. + * + * @param {string} email The email address to validate. + * @return {boolean} True if the email address is valid, otherwise false. + */ +var isValidEmail = function isValidEmail(email) { + return typeof email === 'string' ? /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i.test(email) : false; +}; + +/** + * Validates if the given element is an instance of HTMLElement. + * + * @param {any} element Element to be checked. + * @return {boolean} True if it's an HTMLElement, otherwise false. + */ +var isHTMLElement = function isHTMLElement(element) { + return element instanceof HTMLElement || console.warn('Invalid argument: Element must be an instance of HTMLElement') || false; +}; + +/** + * Checks if the given object is empty. + * + * @param {Object} obj The object to check. + * @return {boolean} True if the object is empty, otherwise false. + */ +var isEmptyObject = function isEmptyObject(obj) { + return Object.keys(obj).length === 0 && obj.constructor === Object; +}; + +/***/ }), + +/***/ "./js/src/core/utils/visibility.js": +/*!*****************************************!*\ + !*** ./js/src/core/utils/visibility.js ***! + \*****************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ hide: () => (/* binding */ hide), +/* harmony export */ hideElements: () => (/* binding */ hideElements), +/* harmony export */ isVisible: () => (/* binding */ isVisible), +/* harmony export */ show: () => (/* binding */ show), +/* harmony export */ showElements: () => (/* binding */ showElements) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/** + * Internal dependencies + */ + + +/** + * Shows specified elements by removing the hidden class. + * + * @param {Array} elements An array of elements to show. + * @return {void} + */ +var showElements = function showElements(elements) { + var _Array$from; + return (_Array$from = Array.from(elements)) === null || _Array$from === void 0 ? void 0 : _Array$from.forEach(function (element) { + return show(element); + }); +}; + +/** + * Hides specified elements by adding the hidden class. + * + * @param {Array} elements An array of elements to hide. + * @return {void} + */ +var hideElements = function hideElements(elements) { + var _Array$from2; + return (_Array$from2 = Array.from(elements)) === null || _Array$from2 === void 0 ? void 0 : _Array$from2.forEach(function (element) { + return hide(element); + }); +}; + +/** + * Removes the hidden class to show the element. + * + * @param {Element} element The element to show. + * @return {void} + */ +var show = function show(element) { + return element === null || element === void 0 ? void 0 : element.classList.remove(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDDEN_CLASS); +}; + +/** + * Adds the hidden class to hide the element. + * + * @param {Element} element The element to hide. + * @return {void} + */ +var hide = function hide(element) { + return element === null || element === void 0 ? void 0 : element.classList.add(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDDEN_CLASS); +}; + +/** + * Checks if an element is visible. + * + * @param {HTMLElement} element The HTML element to check for visibility. + * @return {boolean} Returns true if the element is visible, otherwise false. + */ +var isVisible = function isVisible(element) { + var styles = window.getComputedStyle(element); + return styles.getPropertyValue('display') !== 'none'; +}; + +/***/ }), + +/***/ "./js/src/settings-components/components/index.js": +/*!********************************************************!*\ + !*** ./js/src/settings-components/components/index.js ***! + \********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmRadioComponent: () => (/* reexport safe */ _radio_component__WEBPACK_IMPORTED_MODULE_0__["default"]), +/* harmony export */ frmSliderComponent: () => (/* reexport safe */ _slider_component__WEBPACK_IMPORTED_MODULE_1__["default"]), +/* harmony export */ frmTabsComponent: () => (/* reexport safe */ _tabs_component__WEBPACK_IMPORTED_MODULE_2__["default"]), +/* harmony export */ initToggleGroupComponents: () => (/* reexport safe */ _toggle_group__WEBPACK_IMPORTED_MODULE_4__.initToggleGroupComponents), +/* harmony export */ initTokenInputFields: () => (/* reexport safe */ _token_input__WEBPACK_IMPORTED_MODULE_3__.initTokenInputFields), +/* harmony export */ setupUnitInputHandlers: () => (/* reexport safe */ _unit_input__WEBPACK_IMPORTED_MODULE_5__.setupUnitInputHandlers) +/* harmony export */ }); +/* harmony import */ var _radio_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./radio-component */ "./js/src/settings-components/components/radio-component.js"); +/* harmony import */ var _slider_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./slider-component */ "./js/src/settings-components/components/slider-component.js"); +/* harmony import */ var _tabs_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tabs-component */ "./js/src/settings-components/components/tabs-component.js"); +/* harmony import */ var _token_input__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./token-input */ "./js/src/settings-components/components/token-input/index.js"); +/* harmony import */ var _toggle_group__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./toggle-group */ "./js/src/settings-components/components/toggle-group/index.js"); +/* harmony import */ var _unit_input__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./unit-input */ "./js/src/settings-components/components/unit-input.js"); + + + + + + + +/***/ }), + +/***/ "./js/src/settings-components/components/radio-component.js": +/*!******************************************************************!*\ + !*** ./js/src/settings-components/components/radio-component.js ***! + \******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ frmRadioComponent) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +/** + * Internal dependencies + */ + + + +/** + * Represents a radio component. + * + * @class + */ +var frmRadioComponent = /*#__PURE__*/function () { + function frmRadioComponent() { + var _this = this; + _classCallCheck(this, frmRadioComponent); + this.radioElements = document.querySelectorAll('.frm-style-component.frm-radio-component'); + this.observers = new Map(); + if (0 < this.radioElements.length) { + this.init(); + } + + /** + * Handles the addition of new fields. + * + * @param {Event} event The frm_added_field event. + * @param {HTMLElement} event.frmField The added field object being destructured from the event. + */ + document.addEventListener('frm_added_field', function (_ref) { + var frmField = _ref.frmField; + return _this.discoverAndInitFieldRadios(frmField.dataset.fid); + }); + + /** + * Handles the addition of new fields via AJAX. + * + * @param {Event} event The frm_ajax_loaded_field event. + * @param {HTMLElement} event.frmFields The added field objects being destructured from the event. + */ + document.addEventListener('frm_ajax_loaded_field', function (_ref2) { + var frmFields = _ref2.frmFields; + return frmFields.forEach(function (field) { + return _this.discoverAndInitFieldRadios(field.id); + }); + }); + + // Cleanup observers when page unloads to prevent memory leaks + window.addEventListener('beforeunload', function () { + return _this.cleanupObservers(); + }); + + // Handle window resize with throttling + this.resizeTimeout = null; + window.addEventListener('resize', function () { + return _this.throttledUpdateAllTrackers(); + }); + } + + /** + * Initializes the radio component. + */ + return _createClass(frmRadioComponent, [{ + key: "init", + value: function init() { + this.initRadio(); + this.initTrackerOnAccordionClick(); + } + + /** + * Discovers and initializes radio components for a specific field. + * + * @param {string|number} fieldId The unique identifier of the field whose radio components should be discovered and initialized + * @throws {Error} Throws an error if the field container is not found in the DOM + */ + }, { + key: "discoverAndInitFieldRadios", + value: function discoverAndInitFieldRadios(fieldId) { + var fieldContainer = document.getElementById("frm-single-settings-".concat(fieldId)); + if (!fieldContainer) { + throw new Error("Field container not found for field ID: ".concat(fieldId)); + } + this.radioElements = fieldContainer.querySelectorAll('.frm-style-component.frm-radio-component'); + this.initRadio(); + } + + /** + * Initializes the radio component. + */ + }, { + key: "initRadio", + value: function initRadio() { + var _this2 = this; + this.radioElements.forEach(function (element) { + _this2.initOnRadioChange(element); + _this2.initVisibilityObserver(element); + }); + } + }, { + key: "initTrackerOnAccordionClick", + value: function initTrackerOnAccordionClick() { + var _this3 = this; + var accordionitems = document.querySelectorAll('#frm_style_sidebar .accordion-section h3'); + accordionitems.forEach(function (accordionitem) { + accordionitem.addEventListener('click', function (event) { + var wrapper = event.target.closest('.accordion-section'); + var radioButtons = wrapper.querySelectorAll('.frm-style-component.frm-radio-component input[type="radio"]:checked'); + radioButtons.forEach(function (radio) { + setTimeout(function () { + return _this3.onRadioChange(radio); + }, 200); + }); + }); + }); + } + + /** + * Initializes the onRadioChange event for the given wrapper. + * + * @param {HTMLElement} radioElement - The radio element. + */ + }, { + key: "initOnRadioChange", + value: function initOnRadioChange(radioElement) { + var _this4 = this; + radioElement.querySelectorAll('input[type="radio"]').forEach(function (radio) { + if (radio.checked) { + _this4.onRadioChange(radio); + } + radio.addEventListener('change', function (event) { + _this4.onRadioChange(event.target); + }); + }); + } + + /** + * Handles the onRadioChange event for the given wrapper. + * + * @param {HTMLElement} target - The active radio button. + */ + }, { + key: "onRadioChange", + value: function onRadioChange(target) { + var wrapper = target.closest('.frm-style-component.frm-radio-component'); + var activeItem = wrapper.querySelector('input[type="radio"]:checked + label'); + if (null === activeItem) { + return; + } + this.moveTracker(activeItem, wrapper); + this.hideExtraElements(target); + this.maybeShowExtraElements(target); + } + + /** + * Display additional elements related to the selected radio option. + * + * @param {HTMLElement} radio - The radio button element. + */ + }, { + key: "maybeShowExtraElements", + value: function maybeShowExtraElements(radio) { + var elementAttr = radio.getAttribute('data-frm-show-element'); + if (null === elementAttr) { + return; + } + var elements = document.querySelectorAll("div[data-frm-element=\"".concat(elementAttr, "\"]")); + if (0 === elements.length) { + return; + } + elements.forEach(function (element) { + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.show)(element); + element.classList.add('frm-element-is-visible'); + }); + } + + /** + * Throttled update of all radio trackers on window resize. + * + * @return {void} + */ + }, { + key: "throttledUpdateAllTrackers", + value: function throttledUpdateAllTrackers() { + var _this5 = this; + if (this.resizeTimeout) { + return; + } + this.resizeTimeout = requestAnimationFrame(function () { + _this5.resizeTimeout = null; + document.querySelectorAll('.frm-radio-component input[type="radio"]:checked').forEach(function (radio) { + var wrapper = radio.closest('.frm-radio-component'); + if (wrapper && wrapper.offsetWidth > 0) { + _this5.onRadioChange(radio); + } + }); + }); + } + + /** + * Initializes visibility observer for the radio component. This handles cases when components are conditionally shown. + * + * @param {HTMLElement} element The radio component element + * @return {void} + */ + }, { + key: "initVisibilityObserver", + value: function initVisibilityObserver(element) { + var _this6 = this; + if (this.observers.has(element)) { + this.observers.get(element).disconnect(); + } + var observer = new MutationObserver(function () { + // Check if element is now visible + if ((0,core_utils__WEBPACK_IMPORTED_MODULE_1__.isVisible)(element)) { + var radio = element.querySelector('input[type="radio"]:checked'); + if (radio) { + _this6.onRadioChange(radio); + } + } + }); + this.observers.set(element, observer); + + // Observe for attribute changes on the component and its ancestors + observer.observe(element, { + attributes: true, + attributeFilter: ['class', 'style'] + }); + + // Also observe parent elements up to a reasonable depth + var parent = element.parentElement; + for (var i = 0; i < 7 && parent; i++) { + observer.observe(parent, { + attributes: true, + attributeFilter: ['class', 'style'] + }); + parent = parent.parentElement; + } + } + + /** + * Cleanup all observers to prevent memory leaks. + */ + }, { + key: "cleanupObservers", + value: function cleanupObservers() { + this.observers.forEach(function (observer) { + observer.disconnect(); + }); + this.observers.clear(); + } + + /** + * Hide the possible opepend extra elements. + */ + }, { + key: "hideExtraElements", + value: function hideExtraElements() { + var elements = document.querySelectorAll('.frm-element-is-visible'); + if (0 === elements.length) { + return; + } + elements.forEach(function (element) { + element.classList.remove('frm-element-is-visible'); + element.classList.add(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDDEN_CLASS); + (0,core_utils__WEBPACK_IMPORTED_MODULE_1__.hide)(element); + }); + } + + /** + * Moves the tracker to the active item. + * + * @param {HTMLElement} activeItem - The active item element. + * @param {HTMLElement} wrapper - The wrapper element. + */ + }, { + key: "moveTracker", + value: function moveTracker(activeItem, wrapper) { + var offset = activeItem.offsetLeft; + var width = activeItem.offsetWidth; + var tracker = wrapper.querySelector('.frm-radio-active-tracker'); + tracker.style.left = 0; + tracker.style.width = "".concat(width, "px"); + tracker.style.transform = "translateX(".concat(offset, "px)"); + } + }]); +}(); + + +/***/ }), + +/***/ "./js/src/settings-components/components/slider-component.js": +/*!*******************************************************************!*\ + !*** ./js/src/settings-components/components/slider-component.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ frmSliderComponent) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var _admin_components_dependent_updater_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../admin/components/dependent-updater-component */ "./js/src/admin/components/dependent-updater-component.js"); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +/** + * Internal dependencies + */ + + + +/** + * Represents a slider component. + * + * @class frmSliderComponent + */ +var frmSliderComponent = /*#__PURE__*/function () { + function frmSliderComponent() { + var _this = this; + var sliderElements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; + var settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; + _classCallCheck(this, frmSliderComponent); + this.loadedByWebComponent = sliderElements.length > 0; + this.sliderElements = sliderElements.length > 0 ? sliderElements : document.querySelectorAll('.frm-slider-component'); + this.settings = settings; + if (0 === this.sliderElements.length) { + return; + } + + // The slider bullet point width in pixels. Used in value calculation on drag event. + this.sliderBulletWidth = 16; + this.sliderMarginRight = 5; + this.eventsChange = []; + var debounce = frmDom.util.debounce; + this.valueChangeDebouncer = debounce(function (index) { + return _this.triggerValueChange(index); + }, 25); + this.initOptions(); + this.init(); + } + + /** + * Initializes the options for the slider component. + */ + return _createClass(frmSliderComponent, [{ + key: "initOptions", + value: function initOptions() { + var _this2 = this; + this.options = []; + this.sliderElements.forEach(function (element, index) { + var parentWrapper = element.classList.contains('frm-has-multiple-values') ? element.closest('.frm-style-component') : element; + var steps = _this2.settings.steps || (element.dataset.steps ? JSON.parse(element.dataset.steps) : null); + _this2.options.push({ + dragging: false, + startX: 0, + translateX: 0, + maxValue: parseInt(element.dataset.maxValue, 10), + element: element, + index: index, + value: 0, + steps: steps, + dependentUpdater: parentWrapper.classList.contains('frm-style-dependent-updater-component') ? new _admin_components_dependent_updater_component__WEBPACK_IMPORTED_MODULE_1__["default"](parentWrapper) : null + }); + }); + } + + /** + * Initializes the slider component. + */ + }, { + key: "init", + value: function init() { + this.initDraggable(); + if (this.loadedByWebComponent) { + this.initSlidersPositionInsideWebComponent(); + return; + } + this.initSlidersPosition(); + } + + /** + * Initializes the draggable functionality for the slider component. + */ + }, { + key: "initDraggable", + value: function initDraggable() { + var _this3 = this; + this.sliderElements.forEach(function (element, index) { + _this3.eventsChange[index] = new Event('change', { + bubbles: true, + cancelable: true + }); + var draggableBullet = element.querySelector('.frm-slider-bullet'); + var valueInput = element.querySelector('.frm-slider-value input[type="text"]'); + valueInput.addEventListener('change', function (event) { + var unit = element.querySelector('select').value; + if (_this3.getMaxValue(unit, index) < parseInt(event.target.value, 10)) { + return; + } + _this3.initSliderWidth(element); + _this3.options[index].fullValue = _this3.updateValue(element, valueInput.value + unit); + _this3.triggerValueChange(index); + }); + _this3.expandSliderGroup(element); + _this3.updateOnUnitChange(element, valueInput, index); + _this3.changeSliderPositionOnClick(element, valueInput, index); + frmSliderComponent.maybeDisableUnitDropdown(element); + draggableBullet.addEventListener('mousedown', function (event) { + event.preventDefault(); + event.stopPropagation(); + if (element.classList.contains('frm-disabled')) { + return; + } + _this3.enableDragging(event, index); + var onMouseMove = function onMouseMove(moveEvent) { + return _this3.moveTracker(moveEvent, index); + }; + var _onMouseUp = function onMouseUp() { + _this3.disableDragging(index); + document.removeEventListener('mousemove', onMouseMove); + document.removeEventListener('mouseup', _onMouseUp); + }; + document.addEventListener('mousemove', onMouseMove); + document.addEventListener('mouseup', _onMouseUp); + }); + }); + } + }, { + key: "expandSliderGroup", + value: function expandSliderGroup(element) { + var svgIcon = element.querySelector('.frmsvg'); + if (element.dataset.displaySliders === undefined || null === svgIcon) { + return; + } + var sliderGroupItems = this.getSliderGroupItems(element); + svgIcon.addEventListener('click', function () { + sliderGroupItems.forEach(function (item) { + item.classList.toggle(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDDEN_CLASS); + }); + }); + } + }, { + key: "updateOnUnitChange", + value: function updateOnUnitChange(element, valueInput, index) { + var _this4 = this; + element.querySelector('select').addEventListener('change', function (event) { + var unit = event.target.value.toLowerCase(); + if ('' === unit) { + element.classList.add('frm-disabled', 'frm-empty'); + return; + } + if ('auto' === unit) { + element.classList.add('frm-disabled'); + _this4.updateValue(element, 'auto'); + _this4.triggerValueChange(index); + return; + } + element.classList.remove('frm-disabled', 'frm-empty'); + _this4.options[index].fullValue = valueInput.value + unit; + _this4.updateValue(element, _this4.options[index].fullValue); + _this4.triggerValueChange(index); + }); + } + }, { + key: "changeSliderPositionOnClick", + value: function changeSliderPositionOnClick(element, valueInput, index) { + var _this5 = this; + var frmSlider = element.querySelector('.frm-slider'); + var customEvent = new Event('change', { + bubbles: true, + cancelable: true + }); + frmSlider.addEventListener('click', function (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; + } + var sliderWidth = frmSlider.offsetWidth - _this5.sliderBulletWidth; + var sliderRect = frmSlider.getBoundingClientRect(); + var deltaX = event.clientX - sliderRect.left - _this5.sliderBulletWidth; + var unit = element.querySelector('select').value; + var value = frmSliderComponent.calculateValue(sliderWidth, deltaX, _this5.getMaxValue(unit, index), _this5.options[index].steps); + if (value < 0) { + return; + } + _this5.options[index].fullValue = _this5.updateValue(element, value + unit); + _this5.initChildSlidersWidth(element, deltaX, index, value + unit); + valueInput.value = value; + valueInput.dispatchEvent(customEvent); + }); + } + + /** + * Disables the unit dropdown if there is only a single unit option. + * + * @param {HTMLElement} element - The slider element. + */ + }, { + key: "getSliderGroupItems", + value: + /** + * Retrieves an array of slider group items based on the provided element. + * + * @param {HTMLElement} element - The element to retrieve slider group items from. + * @return {NodeList} - An array-like object containing the slider group items. + */ + function getSliderGroupItems(element) { + if (element.dataset.displaySliders === undefined) { + return []; + } + var slidersGroup = element.dataset.displaySliders.split(','); + var query = slidersGroup.map(function (item) { + return ".frm-slider-component[data-type=\"".concat(item, "\"]"); + }).join(', '); + return element.closest('.frm-style-component').querySelectorAll(query); + } + }, { + key: "initSlidersPositionInsideWebComponent", + value: function initSlidersPositionInsideWebComponent() { + var _this6 = this; + this.sliderElements.forEach(function (element, index) { + _this6.initSliderWidth(element, index); + }); + } + + /** + * Initializes the position of sliders when a accordion section is opened. + */ + }, { + key: "initSlidersPosition", + value: function initSlidersPosition() { + var _this7 = this; + var emailSettings = document.querySelector('.email_settings'); + if (emailSettings) { + this.initSlidersWidth(emailSettings); + return; + } + var accordionitems = document.querySelectorAll('#frm_style_sidebar .accordion-section h3'); + var quickSettings = document.querySelector('.frm-quick-settings'); + var 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', function (event) { + var imageBackgroundOpacitySlider = event.closest('.accordion-section-content').querySelector('#frm-bg-image-opacity-slider'); + _this7.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(function (item) { + item.addEventListener('click', function (event) { + _this7.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} + */ + }, { + key: "initSliderPositionOnFieldShapeChange", + value: function initSliderPositionOnFieldShapeChange() { + var _this8 = this; + var fieldShapeType = document.querySelector('.frm-style-component.frm-field-shape'); + if (!fieldShapeType) { + return; + } + var radioButtons = fieldShapeType.querySelectorAll('input[type="radio"]'); + radioButtons.forEach(function (radio) { + radio.addEventListener('change', function (event) { + if (event.target.checked && 'rounded-corner' === event.target.value) { + var slider = document.querySelector('div[data-frm-element="field-shape-corner-radius"] .frm-slider-component'); + _this8.initSliderWidth(slider); + } + }); + }); + } + + /** + * Initializes the width of sliders within a given section. + * + * @param {HTMLElement} section - The section containing the sliders. + * @return {void} + */ + }, { + key: "initSlidersWidth", + value: function initSlidersWidth(section) { + var _this9 = this; + var sliders = section.querySelectorAll('.frm-slider-component'); + sliders.forEach(function (slider) { + setTimeout(function () { + _this9.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} + */ + }, { + key: "initSliderWidth", + value: function initSliderWidth(slider) { + var sliderIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; + if (slider.classList.contains('frm-disabled')) { + return; + } + var index = sliderIndex !== null ? sliderIndex : this.getSliderIndex(slider); + var sliderWidth = slider.querySelector('.frm-slider').offsetWidth - this.sliderBulletWidth; + var value = parseInt(slider.querySelector('.frm-slider-value input[type="text"]').value, 10); + var unit = slider.querySelector('select').value; + var steps = this.options[index].steps; + var 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 = "".concat(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. + */ + }, { + key: "initChildSlidersWidth", + value: + /** + * 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. + */ + function initChildSlidersWidth(slider, width, index, value) { + var _this0 = this; + if (!slider.classList.contains('frm-has-independent-fields') && !slider.classList.contains('frm-has-multiple-values')) { + return; + } + var childSliders = slider.classList.contains('frm-has-independent-fields') ? slider.querySelectorAll('.frm-independent-slider-field') : this.getSliderGroupItems(slider); + childSliders.forEach(function (item, childIndex) { + item.querySelector('.frm-slider-active-track').style.width = "".concat(width, "px"); + _this0.options[index + childIndex + 1].translateX = width; + _this0.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. + */ + }, { + key: "getSliderIndex", + value: function getSliderIndex(slider) { + return this.options.filter(function (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} + */ + }, { + key: "moveTracker", + value: function moveTracker(event, index) { + if (!this.options[index].dragging) { + return; + } + var deltaX = event.clientX - this.options[index].startX; + var element = this.sliderElements[index]; + var sliderWidth = element.querySelector('.frm-slider').offsetWidth - this.sliderBulletWidth; + + // Clamp deltaX within valid range + deltaX = Math.max(deltaX, 0); + deltaX = Math.min(deltaX, sliderWidth); + var unit = element.querySelector('select').value; + var 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 = "".concat(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. + * + * @param {string} unit - The unit of measurement. + * @param {number} index - The index of the option. + * @return {number} The maximum value. + */ + }, { + key: "getMaxValue", + value: function getMaxValue(unit, index) { + 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. + */ + }, { + key: "enableDragging", + value: function 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. + */ + }, { + key: "disableDragging", + value: function disableDragging(index) { + if (false === this.options[index].dragging) { + return; + } + var 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. + * + * @param {number} index - The index of the value to be changed. + */ + }, { + key: "triggerValueChange", + value: function triggerValueChange(index) { + var _this1 = this; + if (null !== this.options[index].dependentUpdater) { + this.options[index].dependentUpdater.updateAllDependentElements(this.options[index].fullValue); + return; + } + var input = this.sliderElements[index].classList.contains('frm-has-multiple-values') ? this.sliderElements[index].closest('.frm-style-component').querySelector('input[type="hidden"]') : this.sliderElements[index].querySelectorAll('.frm-slider-value input[type="hidden"]'); + if (input instanceof NodeList) { + input.forEach(function (item) { + item.dispatchEvent(_this1.eventsChange[index]); + }); + return; + } + 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. + */ + }, { + key: "updateValue", + value: + /** + * Updates the value of a slider component. + * + * @param {HTMLElement} element - The slider component element. + * @param {string} value - The new value to be set. + * @return {string} - The updated value. + */ + function updateValue(element, value) { + var _this10 = this; + // When the slider component is used for "Base Font Size", we need to update a hidden input field when change happens to indicate that the "Base Font Size" has been adjusted. + // Used to avoid conflicts with other possible font sizes adjustemnts in "Advanced Settings" when moving from "Quick Settings" when "Base Font Size" is not changed. + if (element.classList.contains('frm-base-font-size')) { + var userBaseFontSizeInput = document.querySelector('input[name="frm_style_setting[post_content][use_base_font_size]"]'); + if (userBaseFontSizeInput) { + userBaseFontSizeInput.value = 'true'; + } + } + if (element.classList.contains('frm-has-multiple-values')) { + var input = element.closest('.frm-style-component').querySelector('input[type="hidden"]'); + var inputValue = input.value.split(' '); + var type = element.dataset.type; + if (!inputValue[2]) { + inputValue[2] = '0px'; + } + if (!inputValue[3]) { + inputValue[3] = '0px'; + } + switch (type) { + case 'vertical': + inputValue[0] = value; + inputValue[2] = value; + break; + case 'horizontal': + inputValue[1] = value; + inputValue[3] = value; + break; + case 'top': + inputValue[0] = value; + break; + case 'bottom': + inputValue[2] = value; + break; + case 'left': + inputValue[3] = value; + break; + case 'right': + inputValue[1] = value; + break; + } + var newValue = inputValue.join(' '); + input.value = newValue; + var childSlidersGroup = this.getSliderGroupItems(element); + childSlidersGroup.forEach(function (slider) { + var unitMeasure = _this10.getUnitMeasureFromValue(value); + slider.querySelector('.frm-slider-value input[type="text"]').value = parseInt(value, 10); + slider.querySelector('select').value = unitMeasure; + }); + return newValue; + } + if (element.classList.contains('frm-has-independent-fields')) { + var inputValues = element.querySelectorAll('.frm-slider-value input[type="hidden"]'); + var visibleValues = element.querySelectorAll('.frm-slider-value input[type="text"]'); + inputValues.forEach(function (input, index) { + input.value = value; + visibleValues[index + 1].value = parseInt(value, 10); + }); + return value; + } + element.querySelector('.frm-slider-value input[type="hidden"]').value = value; + return value; + } + + /** + * Returns the unit of measurement used in the given value. + * + * @param {string} value - The value to check for the unit of measurement. + * @return {string} The unit of measurement ('%', 'px', 'em') found in the value, or an empty string if none is found. + */ + }, { + key: "getUnitMeasureFromValue", + value: function getUnitMeasureFromValue(value) { + return ['%', 'px', 'em'].find(function (unit) { + return value.includes(unit); + }) || ''; + } + }], [{ + key: "maybeDisableUnitDropdown", + value: function maybeDisableUnitDropdown(element) { + var select = element.querySelector('select'); + if (!select) { + return; + } + var options = Array.from(select.options).filter(function (option) { + return '' !== option.value; + }); + if (1 >= options.length) { + select.classList.add('frm-single-unit'); + select.addEventListener('mousedown', function (event) { + return event.preventDefault(); + }); + } + } + }, { + key: "calculateDeltaXFromSteps", + value: function calculateDeltaXFromSteps(value, steps, sliderWidth) { + var stepIndex = steps.indexOf(value); + if (-1 === stepIndex) { + // If value not in steps, find closest and use its position + var closestValue = frmSliderComponent.snapToStep(value, steps); + var closestIndex = steps.indexOf(closestValue); + return Math.round(closestIndex / (steps.length - 1) * sliderWidth); + } + return Math.round(stepIndex / (steps.length - 1) * sliderWidth); + } + }, { + key: "calculateValue", + value: function calculateValue(width, deltaX, maxValue) { + var steps = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null; + if (steps && steps.length > 0) { + // For stepped sliders, map position directly to step index + var position = deltaX / width; + var stepIndex = Math.round(position * (steps.length - 1)); + var clampedIndex = Math.max(0, Math.min(stepIndex, steps.length - 1)); + return steps[clampedIndex]; + } + + // Calculate value as a simple proportion of the slider position + var 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. + */ + }, { + key: "snapToStep", + value: function snapToStep(value, steps) { + var nearest = steps[0]; + var minDiff = Math.abs(value - nearest); + for (var i = 1; i < steps.length; i++) { + var diff = Math.abs(value - steps[i]); + if (diff < minDiff) { + minDiff = diff; + nearest = steps[i]; + } + } + return nearest; + } + }]); +}(); + + +/***/ }), + +/***/ "./js/src/settings-components/components/tabs-component.js": +/*!*****************************************************************!*\ + !*** ./js/src/settings-components/components/tabs-component.js ***! + \*****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ frmTabsComponent) +/* harmony export */ }); +/* harmony import */ var _components_class_tabs_navigator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/class-tabs-navigator */ "./js/src/components/class-tabs-navigator.js"); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } + +/** + * Represents a Tabs Component. + * + * @class + */ +var frmTabsComponent = /*#__PURE__*/function () { + function frmTabsComponent() { + _classCallCheck(this, frmTabsComponent); + this.elements = document.querySelectorAll('.frm-style-tabs-wrapper'); + if (0 < this.elements.length) { + this.init(); + } + } + + /** + * Initializes the Tabs Component. + */ + return _createClass(frmTabsComponent, [{ + key: "init", + value: function init() { + this.elements.forEach(function (element) { + new _components_class_tabs_navigator__WEBPACK_IMPORTED_MODULE_0__.frmTabsNavigator(element); + }); + } + + /** + * Initializes the component on tab click. + * + * @param {Element} wrapper - The wrapper element. + */ + }, { + key: "initOnTabClick", + value: function initOnTabClick(wrapper) { + var _this = this; + this.initActiveBackgroundWidth(wrapper); + wrapper.querySelectorAll('.frm-tab-item').forEach(function (tab) { + tab.addEventListener('click', function (event) { + _this.onTabClick(event.target.closest('.frm-tabs-wrapper')); + }); + }); + } + }]); +}(); + + +/***/ }), + +/***/ "./js/src/settings-components/components/toggle-group/index.js": +/*!*********************************************************************!*\ + !*** ./js/src/settings-components/components/toggle-group/index.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ initToggleGroupComponents: () => (/* reexport safe */ _toggle_group_js__WEBPACK_IMPORTED_MODULE_0__.initToggleGroupComponents) +/* harmony export */ }); +/* harmony import */ var _toggle_group_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toggle-group.js */ "./js/src/settings-components/components/toggle-group/toggle-group.js"); + + +/***/ }), + +/***/ "./js/src/settings-components/components/toggle-group/toggle-group.js": +/*!****************************************************************************!*\ + !*** ./js/src/settings-components/components/toggle-group/toggle-group.js ***! + \****************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ initToggleGroupComponents: () => (/* binding */ initToggleGroupComponents) +/* harmony export */ }); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/** + * Group Toggle Component + * + * Handles toggling visibility and enabled state of related form elements + */ + +/** + * Internal dependencies + */ + + + +/** + * Class names for group toggle component + * + * @private + */ +var CLASS_NAMES = { + GROUP_TOGGLE: 'frm-toggle-group', + TOGGLE_BLOCK: 'frm_toggle_block' +}; + +/** + * Data attributes for group toggle component + * + * @private + */ +var DATA_ATTRIBUTES = { + GROUP_NAME: 'data-group-name', + SHOW: 'data-show', + DISABLE: 'data-disable', + ENABLE: 'data-enable' +}; + +/** + * Initialize all group toggle components on the page + * + * @return {void} + */ +function initToggleGroupComponents() { + applyInitialState(); + addEventListeners(); +} + +/** + * Apply the initial state for all toggle buttons on the page + * + * @private + * @return {void} + */ +function applyInitialState() { + var toggleGroups = document.querySelectorAll(".".concat(CLASS_NAMES.GROUP_TOGGLE)); + if (!toggleGroups.length) { + return; + } + toggleGroups.forEach(function (toggleGroup) { + var toggleButton = toggleGroup.querySelector("[".concat(DATA_ATTRIBUTES.GROUP_NAME, "]:checked")); + if (!toggleButton) { + return; + } + applyToggleState(toggleButton, toggleGroup); + }); +} + +/** + * Add event listeners to toggle buttons in a group toggle component + * + * @private + * @return {void} + */ +function addEventListeners() { + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.documentOn)('change', ".".concat(CLASS_NAMES.GROUP_TOGGLE, " [").concat(DATA_ATTRIBUTES.GROUP_NAME, "]"), handleToggleClick); +} + +/** + * Handle click events on toggle buttons + * + * @private + * @param {Event} event The click event + * @return {void} + */ +function handleToggleClick(event) { + var toggleButton = event.target; + var toggleGroup = toggleButton.closest(".".concat(CLASS_NAMES.GROUP_TOGGLE)); + if (!toggleGroup) { + return; + } + applyToggleState(toggleButton, toggleGroup); +} + +/** + * Apply toggle state based on toggle button settings + * Shared functionality used by both click handler and initial state + * + * @private + * @param {HTMLElement} toggleButton The toggle button element + * @param {HTMLElement} toggleGroup The toggle group container element + * @return {void} + */ +function applyToggleState(toggleButton, toggleGroup) { + var _toggleGroup$closest; + var fieldId = ((_toggleGroup$closest = toggleGroup.closest(".".concat(core_constants__WEBPACK_IMPORTED_MODULE_1__.SINGLE_SETTINGS_CLASS))) === null || _toggleGroup$closest === void 0 ? void 0 : _toggleGroup$closest.dataset.fid) || toggleGroup.dataset.fid; + var isChecked = toggleButton.checked; + + // Handle show/hide elements + var showSelectors = toggleButton.getAttribute(DATA_ATTRIBUTES.SHOW); + if (showSelectors) { + document.querySelectorAll(normalizeSelector(showSelectors, fieldId)).forEach(function (element) { + return element.classList.toggle(core_constants__WEBPACK_IMPORTED_MODULE_1__.HIDDEN_CLASS, !isChecked); + }); + } + + // Handle disable elements + var disableSelectors = toggleButton.getAttribute(DATA_ATTRIBUTES.DISABLE); + if (disableSelectors) { + document.querySelectorAll(normalizeSelector(disableSelectors, fieldId)).forEach(function (element) { + element.classList.toggle(core_constants__WEBPACK_IMPORTED_MODULE_1__.DISABLED_CLASS, isChecked); + element.querySelectorAll('input, select, textarea').forEach(function (formElement) { + return formElement.disabled = isChecked; + }); + element.querySelectorAll('.frm-show-inline-modal[tabindex]').forEach(function (inlineModal) { + return inlineModal.tabIndex = isChecked ? -1 : 0; + }); + }); + } + + // Handle enable elements + var enableSelectors = toggleButton.getAttribute(DATA_ATTRIBUTES.ENABLE); + if (enableSelectors) { + document.querySelectorAll(normalizeSelector(enableSelectors, fieldId)).forEach(function (element) { + return element.classList.toggle(core_constants__WEBPACK_IMPORTED_MODULE_1__.DISABLED_CLASS, !isChecked); + }); + } + + // Toggle disabled state for all other toggle blocks within the group + var currentToggleBlock = toggleButton.closest(".".concat(CLASS_NAMES.TOGGLE_BLOCK)); + Array.from(toggleGroup.querySelectorAll(".".concat(CLASS_NAMES.TOGGLE_BLOCK))).filter(function (toggleBlock) { + return toggleBlock !== currentToggleBlock; + }).forEach(function (toggleBlock) { + toggleBlock.classList.toggle(core_constants__WEBPACK_IMPORTED_MODULE_1__.DISABLED_CLASS, isChecked); + + // Disable toggle switch + var toggle = toggleBlock.querySelector('.frm_toggle'); + toggle.tabIndex = isChecked ? -1 : 0; + toggle.setAttribute('aria-disabled', isChecked); + }); +} + +/** + * Normalize a selector by replacing {id} placeholders with the actual field ID + * + * @private + * @param {string} selector The selector string with potential {id} placeholders + * @param {string} fieldId The field ID to replace placeholders with + * @return {string} The normalized selector + */ +function normalizeSelector(selector, fieldId) { + return selector.replace(/{id}/g, fieldId); +} + + +/***/ }), + +/***/ "./js/src/settings-components/components/token-input/constants.js": +/*!************************************************************************!*\ + !*** ./js/src/settings-components/components/token-input/constants.js ***! + \************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ CLASS_NAMES: () => (/* binding */ CLASS_NAMES), +/* harmony export */ KEYS: () => (/* binding */ KEYS), +/* harmony export */ PROXY_INPUT_HEIGHT: () => (/* binding */ PROXY_INPUT_HEIGHT), +/* harmony export */ TOKEN_GAP: () => (/* binding */ TOKEN_GAP) +/* harmony export */ }); +/** + * Constants for token input component + * + * Reusable constants for class names and other static values + */ + +var CLASS_NAMES = { + CONTAINER: 'frm-token-container', + TOKENS_WRAPPER: 'frm-tokens', + TOKEN: 'frm-token', + TOKEN_VALUE: 'frm-token-value', + TOKEN_REMOVE: 'frm-token-remove', + TOKEN_INPUT_FIELD: 'frm-token-input-field', + TOKEN_PROXY_INPUT: 'frm-token-proxy-input', + WITH_RIGHT_ICON: 'frm-with-right-icon' +}; +var KEYS = { + SPACE: ' ', + ENTER: 'Enter', + COMMA: ',', + TAB: 'Tab', + BACKSPACE: 'Backspace' +}; +var PROXY_INPUT_HEIGHT = 36; +var TOKEN_GAP = 4; + +/***/ }), + +/***/ "./js/src/settings-components/components/token-input/event-handlers.js": +/*!*****************************************************************************!*\ + !*** ./js/src/settings-components/components/token-input/event-handlers.js ***! + \*****************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addEventListeners: () => (/* binding */ addEventListeners) +/* harmony export */ }); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ "./js/src/settings-components/components/token-input/constants.js"); +/* harmony import */ var _token_actions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./token-actions */ "./js/src/settings-components/components/token-input/token-actions.js"); +/* harmony import */ var _proxy_input_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./proxy-input-style */ "./js/src/settings-components/components/token-input/proxy-input-style.js"); +/** + * Event handlers + * + * Functions for handling token input events + */ + +/** + * Internal dependencies + */ + + + + +/** + * Add event listeners to token input components + * + * @param {HTMLElement} field The original hidden input field + * @param {HTMLElement} proxyInput The proxy input field for interaction + * @param {HTMLElement} tokensWrapper The wrapper for token display + * @return {void} + */ +function addEventListeners(field, proxyInput, tokensWrapper) { + // The jQuery change event is required to catch programmatic updates, as "Add Layout Classes" modifies the field value via jQuery + jQuery(field).on('change', function () { + return (0,_token_actions__WEBPACK_IMPORTED_MODULE_1__.synchronizeTokensDisplay)(field.value, proxyInput, tokensWrapper); + }); + proxyInput.addEventListener('keydown', function (event) { + return onProxyInputKeydown(event, field, proxyInput, tokensWrapper); + }); + proxyInput.addEventListener('blur', function () { + return (0,_token_actions__WEBPACK_IMPORTED_MODULE_1__.addToken)(proxyInput.value.trim(), field, proxyInput); + }); + tokensWrapper.addEventListener('click', function (event) { + return handleTokenRemoval(event, field, proxyInput); + }); +} + +/** + * Handle keydown events on the proxy input field + * + * @private + * + * @param {Event} event Keydown event + * @param {HTMLElement} field The original hidden input field + * @param {HTMLElement} proxyInput The proxy input field for interaction + * @param {HTMLElement} tokensWrapper The wrapper for token display + * @return {void} + */ +function onProxyInputKeydown(event, field, proxyInput, tokensWrapper) { + var key = event.key; + var value = proxyInput.value.trim(); + switch (key) { + // Remove the last token when backspace is pressed and input field is empty (no text being typed) + case _constants__WEBPACK_IMPORTED_MODULE_0__.KEYS.BACKSPACE: + if (!value) { + event.preventDefault(); + var lastToken = tokensWrapper.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_0__.CLASS_NAMES.TOKEN, ":last-child")); + (0,_token_actions__WEBPACK_IMPORTED_MODULE_1__.removeToken)(lastToken, field, proxyInput); + } + break; + + // Create a token from current input when delimiter keys are pressed + case _constants__WEBPACK_IMPORTED_MODULE_0__.KEYS.SPACE: + case _constants__WEBPACK_IMPORTED_MODULE_0__.KEYS.COMMA: + case _constants__WEBPACK_IMPORTED_MODULE_0__.KEYS.ENTER: + event.preventDefault(); + (0,_token_actions__WEBPACK_IMPORTED_MODULE_1__.addToken)(value, field, proxyInput); + break; + } + (0,_proxy_input_style__WEBPACK_IMPORTED_MODULE_2__.adjustProxyInputStyle)(proxyInput, tokensWrapper); +} + +/** + * Handle token removal when clicking the remove button + * + * @private + * + * @param {Event} event Click event + * @param {HTMLElement} field The original hidden input field + * @param {HTMLElement} proxyInput The proxy input field for interaction + * @return {void} + */ +function handleTokenRemoval(event, field, proxyInput) { + var removeButton = event.target.closest(".".concat(_constants__WEBPACK_IMPORTED_MODULE_0__.CLASS_NAMES.TOKEN_REMOVE)); + if (!removeButton) { + return; + } + var token = removeButton.closest(".".concat(_constants__WEBPACK_IMPORTED_MODULE_0__.CLASS_NAMES.TOKEN)); + if (!token) { + return; + } + var tokensWrapper = token.parentElement; + (0,_token_actions__WEBPACK_IMPORTED_MODULE_1__.removeToken)(token, field, proxyInput); + (0,_proxy_input_style__WEBPACK_IMPORTED_MODULE_2__.adjustProxyInputStyle)(proxyInput, tokensWrapper); +} + +/***/ }), + +/***/ "./js/src/settings-components/components/token-input/index.js": +/*!********************************************************************!*\ + !*** ./js/src/settings-components/components/token-input/index.js ***! + \********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ initTokenInputFields: () => (/* reexport safe */ _token_input__WEBPACK_IMPORTED_MODULE_0__.initTokenInputFields) +/* harmony export */ }); +/* harmony import */ var _token_input__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./token-input */ "./js/src/settings-components/components/token-input/token-input.js"); + + +/***/ }), + +/***/ "./js/src/settings-components/components/token-input/proxy-input-style.js": +/*!********************************************************************************!*\ + !*** ./js/src/settings-components/components/token-input/proxy-input-style.js ***! + \********************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ adjustAllProxyInputStyles: () => (/* binding */ adjustAllProxyInputStyles), +/* harmony export */ adjustProxyInputStyle: () => (/* binding */ adjustProxyInputStyle) +/* harmony export */ }); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ "./js/src/settings-components/components/token-input/constants.js"); +/** + * Proxy input style + * + * Functions for adjusting proxy input styling + */ + + + +/** + * Adjust styling for all proxy inputs on the current settings + * + * @return {void} + */ +function adjustAllProxyInputStyles() { + document.querySelectorAll(".".concat(_constants__WEBPACK_IMPORTED_MODULE_0__.CLASS_NAMES.CONTAINER)).forEach(function (container) { + return adjustProxyInputStyle(container.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_0__.CLASS_NAMES.TOKEN_PROXY_INPUT)), container.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_0__.CLASS_NAMES.TOKENS_WRAPPER))); + }); +} + +/** + * Adjust the styling of the proxy input based on tokens wrapper dimensions + * + * @param {HTMLElement} proxyInput The proxy input field + * @param {HTMLElement} tokensWrapper The wrapper for token display + * @return {void} + */ +function adjustProxyInputStyle(proxyInput, tokensWrapper) { + if (!proxyInput || !tokensWrapper) { + return; + } + var tokens = tokensWrapper.querySelectorAll(".".concat(_constants__WEBPACK_IMPORTED_MODULE_0__.CLASS_NAMES.TOKEN)); + var hasTokens = tokens.length > 0; + + // Reset all styles if no tokens + if (!hasTokens) { + proxyInput.style.paddingLeft = ''; + proxyInput.style.paddingTop = ''; + proxyInput.style.height = ''; + return; + } + var tokensWrapperHeight = tokensWrapper.offsetHeight; + + // Calculate number of rows based on wrapper height + var numRows = Math.max(1, Math.ceil(tokensWrapperHeight / _constants__WEBPACK_IMPORTED_MODULE_0__.PROXY_INPUT_HEIGHT)); + if (numRows > 1) { + // For multiple rows, calculate the width of tokens in the last row + var lastRowWidth = calculateLastRowWidth(getLastRowTokens(tokens)); + proxyInput.style.height = "".concat(tokensWrapperHeight, "px"); + proxyInput.style.paddingTop = "".concat(tokensWrapperHeight - _constants__WEBPACK_IMPORTED_MODULE_0__.PROXY_INPUT_HEIGHT + _constants__WEBPACK_IMPORTED_MODULE_0__.TOKEN_GAP, "px"); + proxyInput.style.paddingLeft = lastRowWidth ? "".concat(lastRowWidth + _constants__WEBPACK_IMPORTED_MODULE_0__.TOKEN_GAP * 2, "px") : ''; + } else { + // For single row, use the full width of tokens + proxyInput.style.height = ''; + proxyInput.style.paddingTop = ''; + proxyInput.style.paddingLeft = "".concat(tokensWrapper.offsetWidth - _constants__WEBPACK_IMPORTED_MODULE_0__.TOKEN_GAP, "px"); + } +} + +/** + * Identify tokens in the last row of a multi-row token layout + * + * @param {NodeList} tokens All token elements + * @return {Array} Array of tokens in the last row + */ +function getLastRowTokens(tokens) { + if (!tokens.length) { + return []; + } + var tokensArray = Array.from(tokens); + var lastRowY = -1; + tokensArray.forEach(function (token) { + var tokenRect = token.getBoundingClientRect(); + var tokenBottom = tokenRect.bottom; + if (tokenBottom > lastRowY) { + lastRowY = tokenBottom; + } + }); + var threshold = _constants__WEBPACK_IMPORTED_MODULE_0__.TOKEN_GAP / 2; + return tokensArray.filter(function (token) { + var tokenRect = token.getBoundingClientRect(); + return Math.abs(tokenRect.bottom - lastRowY) <= threshold; + }); +} + +/** + * Calculate the total width of tokens in the last row + * + * @param {Array} lastRowTokens Array of token elements in the last row + * @return {number} Total width of tokens in the last row + */ +function calculateLastRowWidth(lastRowTokens) { + if (!lastRowTokens.length) { + return 0; + } + var totalWidth = 0; + lastRowTokens.forEach(function (token) { + totalWidth += token.offsetWidth; + }); + totalWidth += (lastRowTokens.length - 1) * _constants__WEBPACK_IMPORTED_MODULE_0__.TOKEN_GAP; + return totalWidth + _constants__WEBPACK_IMPORTED_MODULE_0__.TOKEN_GAP; +} + +/***/ }), + +/***/ "./js/src/settings-components/components/token-input/token-actions.js": +/*!****************************************************************************!*\ + !*** ./js/src/settings-components/components/token-input/token-actions.js ***! + \****************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ addToken: () => (/* binding */ addToken), +/* harmony export */ clearProxyInput: () => (/* binding */ clearProxyInput), +/* harmony export */ parseTokens: () => (/* binding */ parseTokens), +/* harmony export */ removeToken: () => (/* binding */ removeToken), +/* harmony export */ synchronizeTokensDisplay: () => (/* binding */ synchronizeTokensDisplay), +/* harmony export */ updateFieldValue: () => (/* binding */ updateFieldValue) +/* harmony export */ }); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ "./js/src/settings-components/components/token-input/constants.js"); +/* harmony import */ var _proxy_input_style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./proxy-input-style */ "./js/src/settings-components/components/token-input/proxy-input-style.js"); +/* harmony import */ var _token_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./token-elements */ "./js/src/settings-components/components/token-input/token-elements.js"); +/** + * Token actions + * + * Core functions for token operations and management + */ + +/** + * Internal dependencies + */ + + + + +/** + * Synchronize token display with the field value + * + * @param {string} value The field value + * @param {HTMLElement} proxyInput The proxy input field + * @param {HTMLElement} tokensWrapper Wrapper element for tokens + * @return {void} + */ +function synchronizeTokensDisplay(value, proxyInput, tokensWrapper) { + if (!value || !tokensWrapper || !proxyInput) { + return; + } + + // Clear existing tokens display and render new tokens + tokensWrapper.innerHTML = ''; + parseTokens(value).forEach(function (token) { + return (0,_token_elements__WEBPACK_IMPORTED_MODULE_2__.createTokenElement)(token, tokensWrapper); + }); + (0,_proxy_input_style__WEBPACK_IMPORTED_MODULE_1__.adjustProxyInputStyle)(proxyInput, tokensWrapper); + proxyInput.focus(); +} + +/** + * Add a new token to the field + * + * @param {string} tokenValue The token value to add + * @param {HTMLElement} field The original field + * @param {HTMLElement} proxyInput The proxy input + * @return {boolean} Whether a token was added + */ +function addToken(tokenValue, field, proxyInput) { + if (!tokenValue || !field || !proxyInput) { + return false; + } + + // Get current tokens from field value + var tokens = parseTokens(field.value); + + // Skip duplicate tokens + if (tokens.includes(tokenValue)) { + clearProxyInput(proxyInput); + return false; + } + + // Add new token + tokens.push(tokenValue); + updateFieldValue(field, tokens); + clearProxyInput(proxyInput); + return true; +} + +/** + * Remove a specific token from the field + * + * @param {HTMLElement} token The token element to remove + * @param {HTMLElement} field The original field + * @param {HTMLElement} proxyInput The proxy input + * @return {void} + */ +function removeToken(token, field, proxyInput) { + if (!token || !field || !proxyInput) { + return; + } + var value = token.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_0__.CLASS_NAMES.TOKEN_VALUE)).textContent; + + // Filter out the token to remove + var tokens = parseTokens(field.value).filter(function (tokenValue) { + return tokenValue !== value; + }); + updateFieldValue(field, tokens); + + // Remove the token element from DOM + token.remove(); + proxyInput.focus(); +} + +/** + * Parse string input into an array of tokens + * + * @param {string} value Space-separated string + * @return {string[]} Array of tokens + */ +function parseTokens() { + var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; + value = value.trim(); + if (!value) { + return []; + } + return value.split(/\s+/).filter(Boolean); +} + +/** + * Update field value with tokens and trigger change event + * + * @param {HTMLElement} field The field to update + * @param {string[]} tokens Array of token values + * @return {void} + */ +function updateFieldValue(field) { + var tokens = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; + if (!field) { + return; + } + field.value = tokens.join(' '); + jQuery(field).trigger('change'); +} + +/** + * Clear proxy input and maintain focus + * + * @param {HTMLElement} proxyInput The proxy input field + * @return {void} + */ +function clearProxyInput(proxyInput) { + if (!proxyInput) { + return; + } + proxyInput.value = ''; + proxyInput.focus(); +} + +/***/ }), + +/***/ "./js/src/settings-components/components/token-input/token-elements.js": +/*!*****************************************************************************!*\ + !*** ./js/src/settings-components/components/token-input/token-elements.js ***! + \*****************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createTokenContainerElement: () => (/* binding */ createTokenContainerElement), +/* harmony export */ createTokenElement: () => (/* binding */ createTokenElement) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./js/src/settings-components/components/token-input/constants.js"); +/** + * Token elements + * + * Functions for creating token DOM elements + */ + +/** + * Internal dependencies + */ + + +var _window$frmDom = window.frmDom, + span = _window$frmDom.span, + svg = _window$frmDom.svg, + tag = _window$frmDom.tag; + +/** + * Create token container and input elements + * + * @param {HTMLElement} field Input field for tokenization + * @return {HTMLElement|null} The container element or null if already initialized + */ +function createTokenContainerElement(field) { + // Get the main container (.frm-with-right-icon) to work with Formidable's modal system + var container = field.closest(".".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.CLASS_NAMES.WITH_RIGHT_ICON)); + if (container.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.CLASS_NAMES.TOKENS_WRAPPER))) { + return null; + } + container.classList.add(_constants__WEBPACK_IMPORTED_MODULE_1__.CLASS_NAMES.CONTAINER); + var tokensWrapper = span({ + className: _constants__WEBPACK_IMPORTED_MODULE_1__.CLASS_NAMES.TOKENS_WRAPPER + }); + container.insertBefore(tokensWrapper, container.firstChild); + var proxyInput = tag('input', { + className: _constants__WEBPACK_IMPORTED_MODULE_1__.CLASS_NAMES.TOKEN_PROXY_INPUT, + id: "".concat(field.id, "-proxy-input") + }); + proxyInput.type = 'text'; + + // Inserting proxyInput after the field is important to maintain compatibility with Formidable's modal system + field.parentNode.insertBefore(proxyInput, field.nextSibling); + field.classList.add(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDDEN_CLASS); + return container; +} + +/** + * Create a single token element + * + * @param {string} value Token value + * @param {HTMLElement} tokensWrapper Wrapper element for tokens + * @return {void} + */ +function createTokenElement(value, tokensWrapper) { + var tokenElement = span({ + className: _constants__WEBPACK_IMPORTED_MODULE_1__.CLASS_NAMES.TOKEN, + children: [span({ + text: value, + className: _constants__WEBPACK_IMPORTED_MODULE_1__.CLASS_NAMES.TOKEN_VALUE + }), span({ + className: _constants__WEBPACK_IMPORTED_MODULE_1__.CLASS_NAMES.TOKEN_REMOVE, + child: svg({ + href: '#frm_close_icon' + }) + })] + }); + tokensWrapper.append(tokenElement); +} + +/***/ }), + +/***/ "./js/src/settings-components/components/token-input/token-input.js": +/*!**************************************************************************!*\ + !*** ./js/src/settings-components/components/token-input/token-input.js ***! + \**************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ initTokenInputFields: () => (/* binding */ initTokenInputFields) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./js/src/settings-components/components/token-input/constants.js"); +/* harmony import */ var _token_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./token-elements */ "./js/src/settings-components/components/token-input/token-elements.js"); +/* harmony import */ var _token_actions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./token-actions */ "./js/src/settings-components/components/token-input/token-actions.js"); +/* harmony import */ var _proxy_input_style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./proxy-input-style */ "./js/src/settings-components/components/token-input/proxy-input-style.js"); +/* harmony import */ var _event_handlers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./event-handlers */ "./js/src/settings-components/components/token-input/event-handlers.js"); +/** + * Token Input Component + * + * Transforms space-separated values in a text input into selectable tokens + */ + +/** + * Internal dependencies + */ + + + + + + + +/** + * Initialize all token input fields on the page + * + * @return {void} + */ +function initTokenInputFields() { + findAndInitializeTokenFields(); + + /** + * Initialize for newly added fields + * + * @param {Event} event The frm_added_field event. + * @param {HTMLElement} event.frmField The added field object being destructured from the event. + */ + document.addEventListener('frm_added_field', function (_ref) { + var frmField = _ref.frmField; + return findAndInitializeTokenFields(frmField.dataset.fid); + }); + + /** + * Initialize for newly added fields via AJAX + * + * @param {Event} event The frm_ajax_loaded_field event. + * @param {HTMLElement} event.frmFields The added field objects being destructured from the event. + */ + document.addEventListener('frm_ajax_loaded_field', function (_ref2) { + var frmFields = _ref2.frmFields; + return frmFields.forEach(function (field) { + return findAndInitializeTokenFields(field.id); + }); + }); + + // Adjust styling for all token inputs when field settings are shown + wp.hooks.addAction(core_constants__WEBPACK_IMPORTED_MODULE_0__.HOOKS.SHOW_FIELD_SETTINGS, 'formidable-token-input', _proxy_input_style__WEBPACK_IMPORTED_MODULE_4__.adjustAllProxyInputStyles); +} + +/** + * Find all token input fields and initialize them + * + * @private + * @param {string|number} fieldId The ID of the field to initialize + * @return {void} + */ +function findAndInitializeTokenFields(fieldId) { + var container = fieldId ? document.getElementById("frm-single-settings-".concat(fieldId)) : document.body; + var tokenInputFields = container.querySelectorAll(".".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.CLASS_NAMES.TOKEN_INPUT_FIELD)); + if (!tokenInputFields.length) { + return; + } + + // Track processed fields to prevent duplicate initialization + var processedFields = new Set(); + tokenInputFields.forEach(function (field) { + if (!processedFields.has(field.id)) { + setupTokenInput(field); + processedFields.add(field.id); + } + }); +} + +/** + * Set up a token input field with token container + * + * @private + * + * @param {HTMLElement} field Input field for tokenization + */ +function setupTokenInput(field) { + var container = (0,_token_elements__WEBPACK_IMPORTED_MODULE_2__.createTokenContainerElement)(field); + if (!container) { + return; + } + var proxyInput = container.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.CLASS_NAMES.TOKEN_PROXY_INPUT)); + var tokensWrapper = container.querySelector(".".concat(_constants__WEBPACK_IMPORTED_MODULE_1__.CLASS_NAMES.TOKENS_WRAPPER)); + (0,_token_actions__WEBPACK_IMPORTED_MODULE_3__.synchronizeTokensDisplay)(field.value, proxyInput, tokensWrapper); + (0,_event_handlers__WEBPACK_IMPORTED_MODULE_5__.addEventListeners)(field, proxyInput, tokensWrapper); +} + + +/***/ }), + +/***/ "./js/src/settings-components/components/unit-input.js": +/*!*************************************************************!*\ + !*** ./js/src/settings-components/components/unit-input.js ***! + \*************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ setupUnitInputHandlers: () => (/* binding */ setupUnitInputHandlers) +/* harmony export */ }); +/* harmony import */ var core_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/utils */ "./js/src/core/utils/index.js"); +/** + * Internal dependencies + */ + + +/** + * Setup unit input handlers + * + * @return {void} + */ +function setupUnitInputHandlers() { + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.documentOn)('change', '.frm-unit-input .frm-unit-input-control', onUnitInputChange); + (0,core_utils__WEBPACK_IMPORTED_MODULE_0__.documentOn)('change', '.frm-unit-input select', onUnitInputChange); +} + +/** + * Handle the change event for the unit input + * + * @private + * @param {Event} event The event object. + * @return {void} + */ +function onUnitInputChange(event) { + var unitInput = event.target.closest('.frm-unit-input'); + var control = unitInput.querySelector('.frm-unit-input-control'); + var unit = unitInput.querySelector('select').value; + + // Update input type when unit changes + if (event.target.matches('select')) { + control.type = '' === unit ? 'text' : 'number'; + } + + // Update the actual field value + var inputValue = control.value.trim(); + unitInput.querySelector('input[type="hidden"]').value = '' !== inputValue ? inputValue + unit : ''; +} + +/***/ }), + +/***/ "./js/src/settings-components/events/add-fields-button-handler.js": +/*!************************************************************************!*\ + !*** ./js/src/settings-components/events/add-fields-button-handler.js ***! + \************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Redirects to "Add Fields" tab when the "Add Fields" button is clicked. + * + * When users view the Field Options tab with no fields, they see an "Add Fields" button. + * Clicking this button should take them to the "Add Fields" tab for field selection. + */ + +/** + * Initializes the Add Fields button click handler. + */ +var initAddFieldsButtonHandler = function initAddFieldsButtonHandler() { + var _document$getElementB; + (_document$getElementB = document.getElementById('frm-form-add-field')) === null || _document$getElementB === void 0 || _document$getElementB.addEventListener('click', function (event) { + var _document$querySelect; + event.preventDefault(); + (_document$querySelect = document.querySelector('.frm-settings-panel .frm-tabs-navs ul > li:first-child')) === null || _document$querySelect === void 0 || _document$querySelect.click(); + }); +}; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (initAddFieldsButtonHandler); + +/***/ }), + +/***/ "./js/src/settings-components/events/index.js": +/*!****************************************************!*\ + !*** ./js/src/settings-components/events/index.js ***! + \****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ initAddFieldsButtonHandler: () => (/* reexport safe */ _add_fields_button_handler__WEBPACK_IMPORTED_MODULE_0__["default"]) +/* harmony export */ }); +/* harmony import */ var _add_fields_button_handler__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./add-fields-button-handler */ "./js/src/settings-components/events/add-fields-button-handler.js"); + + +/***/ }) + +/******/ }); +/************************************************************************/ +/******/ // The module cache +/******/ var __webpack_module_cache__ = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ // Check if module is in cache +/******/ var cachedModule = __webpack_module_cache__[moduleId]; +/******/ if (cachedModule !== undefined) { +/******/ return cachedModule.exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = __webpack_module_cache__[moduleId] = { +/******/ // no module.id needed +/******/ // no module.loaded needed +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/define property getters */ +/******/ (() => { +/******/ // define getter functions for harmony exports +/******/ __webpack_require__.d = (exports, definition) => { +/******/ for(var key in definition) { +/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { +/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); +/******/ } +/******/ } +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ (() => { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = (exports) => { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ })(); +/******/ +/************************************************************************/ +var __webpack_exports__ = {}; +// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. +(() => { +/*!*********************************************!*\ + !*** ./js/src/settings-components/index.js ***! + \*********************************************/ +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/dom-ready */ "./node_modules/@wordpress/dom-ready/build-module/index.js"); +/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./events */ "./js/src/settings-components/events/index.js"); +/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components */ "./js/src/settings-components/components/index.js"); +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +(0,_wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2__["default"])(function () { + new _components__WEBPACK_IMPORTED_MODULE_1__.frmRadioComponent(); + new _components__WEBPACK_IMPORTED_MODULE_1__.frmSliderComponent(); + new _components__WEBPACK_IMPORTED_MODULE_1__.frmTabsComponent(); + (0,_events__WEBPACK_IMPORTED_MODULE_0__.initAddFieldsButtonHandler)(); + (0,_components__WEBPACK_IMPORTED_MODULE_1__.initTokenInputFields)(); + (0,_components__WEBPACK_IMPORTED_MODULE_1__.initToggleGroupComponents)(); + (0,_components__WEBPACK_IMPORTED_MODULE_1__.setupUnitInputHandlers)(); +}); +})(); + +/******/ })() +; +//# sourceMappingURL=formidable-settings-components.js.map \ No newline at end of file diff --git a/js/formidable-web-components.js b/js/formidable-web-components.js index 79d172f226..d0e7d5f6d7 100644 --- a/js/formidable-web-components.js +++ b/js/formidable-web-components.js @@ -1 +1,5835 @@ -(()=>{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{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=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 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);r0&&(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;rspan.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;r0&&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)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":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":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=0||X[i]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;l1&&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;t2&&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\') 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,\') 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 +/******/ (() => { // webpackBootstrap +/******/ var __webpack_modules__ = ({ + +/***/ "./node_modules/@tannin/compile/index.js": +/*!***********************************************!*\ + !*** ./node_modules/@tannin/compile/index.js ***! + \***********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ compile) +/* harmony export */ }); +/* harmony import */ var _tannin_postfix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tannin/postfix */ "./node_modules/@tannin/postfix/index.js"); +/* harmony import */ var _tannin_evaluate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tannin/evaluate */ "./node_modules/@tannin/evaluate/index.js"); + + + +/** + * Given a C expression, returns a function which can be called to evaluate its + * result. + * + * @example + * + * ```js + * import compile from '@tannin/compile'; + * + * const evaluate = compile( 'n > 1' ); + * + * evaluate( { n: 2 } ); + * // ⇒ true + * ``` + * + * @param {string} expression C expression. + * + * @return {(variables?:{[variable:string]:*})=>*} Compiled evaluator. + */ +function compile( expression ) { + var terms = (0,_tannin_postfix__WEBPACK_IMPORTED_MODULE_0__["default"])( expression ); + + return function( variables ) { + return (0,_tannin_evaluate__WEBPACK_IMPORTED_MODULE_1__["default"])( terms, variables ); + }; +} + + +/***/ }), + +/***/ "./node_modules/@tannin/evaluate/index.js": +/*!************************************************!*\ + !*** ./node_modules/@tannin/evaluate/index.js ***! + \************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ evaluate) +/* harmony export */ }); +/** + * Operator callback functions. + * + * @type {Object} + */ +var OPERATORS = { + '!': function( a ) { + return ! a; + }, + '*': function( a, b ) { + return a * b; + }, + '/': function( a, b ) { + return a / b; + }, + '%': function( a, b ) { + return a % b; + }, + '+': function( a, b ) { + return a + b; + }, + '-': function( a, b ) { + return a - b; + }, + '<': function( a, b ) { + return a < b; + }, + '<=': function( a, b ) { + return a <= b; + }, + '>': function( a, b ) { + return a > b; + }, + '>=': function( a, b ) { + return a >= b; + }, + '==': function( a, b ) { + return a === b; + }, + '!=': function( a, b ) { + return a !== b; + }, + '&&': function( a, b ) { + return a && b; + }, + '||': function( a, b ) { + return a || b; + }, + '?:': function( a, b, c ) { + if ( a ) { + throw b; + } + + return c; + }, +}; + +/** + * Given an array of postfix terms and operand variables, returns the result of + * the postfix evaluation. + * + * @example + * + * ```js + * import evaluate from '@tannin/evaluate'; + * + * // 3 + 4 * 5 / 6 ⇒ '3 4 5 * 6 / +' + * const terms = [ '3', '4', '5', '*', '6', '/', '+' ]; + * + * evaluate( terms, {} ); + * // ⇒ 6.333333333333334 + * ``` + * + * @param {string[]} postfix Postfix terms. + * @param {Object} variables Operand variables. + * + * @return {*} Result of evaluation. + */ +function evaluate( postfix, variables ) { + var stack = [], + i, j, args, getOperatorResult, term, value; + + for ( i = 0; i < postfix.length; i++ ) { + term = postfix[ i ]; + + getOperatorResult = OPERATORS[ term ]; + if ( getOperatorResult ) { + // Pop from stack by number of function arguments. + j = getOperatorResult.length; + args = Array( j ); + while ( j-- ) { + args[ j ] = stack.pop(); + } + + try { + value = getOperatorResult.apply( null, args ); + } catch ( earlyReturn ) { + return earlyReturn; + } + } else if ( variables.hasOwnProperty( term ) ) { + value = variables[ term ]; + } else { + value = +term; + } + + stack.push( value ); + } + + return stack[ 0 ]; +} + + +/***/ }), + +/***/ "./node_modules/@tannin/plural-forms/index.js": +/*!****************************************************!*\ + !*** ./node_modules/@tannin/plural-forms/index.js ***! + \****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ pluralForms) +/* harmony export */ }); +/* harmony import */ var _tannin_compile__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tannin/compile */ "./node_modules/@tannin/compile/index.js"); + + +/** + * Given a C expression, returns a function which, when called with a value, + * evaluates the result with the value assumed to be the "n" variable of the + * expression. The result will be coerced to its numeric equivalent. + * + * @param {string} expression C expression. + * + * @return {Function} Evaluator function. + */ +function pluralForms( expression ) { + var evaluate = (0,_tannin_compile__WEBPACK_IMPORTED_MODULE_0__["default"])( expression ); + + return function( n ) { + return +evaluate( { n: n } ); + }; +} + + +/***/ }), + +/***/ "./node_modules/@tannin/postfix/index.js": +/*!***********************************************!*\ + !*** ./node_modules/@tannin/postfix/index.js ***! + \***********************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ postfix) +/* harmony export */ }); +var PRECEDENCE, OPENERS, TERMINATORS, PATTERN; + +/** + * Operator precedence mapping. + * + * @type {Object} + */ +PRECEDENCE = { + '(': 9, + '!': 8, + '*': 7, + '/': 7, + '%': 7, + '+': 6, + '-': 6, + '<': 5, + '<=': 5, + '>': 5, + '>=': 5, + '==': 4, + '!=': 4, + '&&': 3, + '||': 2, + '?': 1, + '?:': 1, +}; + +/** + * Characters which signal pair opening, to be terminated by terminators. + * + * @type {string[]} + */ +OPENERS = [ '(', '?' ]; + +/** + * Characters which signal pair termination, the value an array with the + * opener as its first member. The second member is an optional operator + * replacement to push to the stack. + * + * @type {string[]} + */ +TERMINATORS = { + ')': [ '(' ], + ':': [ '?', '?:' ], +}; + +/** + * Pattern matching operators and openers. + * + * @type {RegExp} + */ +PATTERN = /<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/; + +/** + * Given a C expression, returns the equivalent postfix (Reverse Polish) + * notation terms as an array. + * + * If a postfix string is desired, simply `.join( ' ' )` the result. + * + * @example + * + * ```js + * import postfix from '@tannin/postfix'; + * + * postfix( 'n > 1' ); + * // ⇒ [ 'n', '1', '>' ] + * ``` + * + * @param {string} expression C expression. + * + * @return {string[]} Postfix terms. + */ +function postfix( expression ) { + var terms = [], + stack = [], + match, operator, term, element; + + while ( ( match = expression.match( PATTERN ) ) ) { + operator = match[ 0 ]; + + // Term is the string preceding the operator match. It may contain + // whitespace, and may be empty (if operator is at beginning). + term = expression.substr( 0, match.index ).trim(); + if ( term ) { + terms.push( term ); + } + + while ( ( element = stack.pop() ) ) { + if ( TERMINATORS[ operator ] ) { + if ( TERMINATORS[ operator ][ 0 ] === element ) { + // Substitution works here under assumption that because + // the assigned operator will no longer be a terminator, it + // will be pushed to the stack during the condition below. + operator = TERMINATORS[ operator ][ 1 ] || operator; + break; + } + } else if ( OPENERS.indexOf( element ) >= 0 || PRECEDENCE[ element ] < PRECEDENCE[ operator ] ) { + // Push to stack if either an opener or when pop reveals an + // element of lower precedence. + stack.push( element ); + break; + } + + // For each popped from stack, push to terms. + terms.push( element ); + } + + if ( ! TERMINATORS[ operator ] ) { + stack.push( operator ); + } + + // Slice matched fragment from expression to continue match. + expression = expression.substr( match.index + operator.length ); + } + + // Push remainder of operand, if exists, to terms. + expression = expression.trim(); + if ( expression ) { + terms.push( expression ); + } + + // Pop remaining items from stack into terms. + return terms.concat( stack.reverse() ); +} + + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createAddHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createAddHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validateNamespace.js */ "./node_modules/@wordpress/hooks/build-module/validateNamespace.js"); +/* harmony import */ var _validateHookName_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./validateHookName.js */ "./node_modules/@wordpress/hooks/build-module/validateHookName.js"); +/** + * Internal dependencies + */ + + +/** + * @callback AddHook + * + * Adds the hook to the appropriate hooks container. + * + * @param {string} hookName Name of hook to add + * @param {string} namespace The unique namespace identifying the callback in the form `vendor/plugin/function`. + * @param {import('.').Callback} callback Function to call when the hook is run + * @param {number} [priority=10] Priority of this hook + */ + +/** + * Returns a function which, when invoked, will add a hook. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {AddHook} Function that adds a new hook. + */ + +function createAddHook(hooks, storeKey) { + return function addHook(hookName, namespace, callback) { + var priority = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10; + var hooksStore = hooks[storeKey]; + + if (!(0,_validateHookName_js__WEBPACK_IMPORTED_MODULE_1__["default"])(hookName)) { + return; + } + + if (!(0,_validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__["default"])(namespace)) { + return; + } + + if ('function' !== typeof callback) { + // eslint-disable-next-line no-console + console.error('The hook callback must be a function.'); + return; + } // Validate numeric priority + + + if ('number' !== typeof priority) { + // eslint-disable-next-line no-console + console.error('If specified, the hook priority must be a number.'); + return; + } + + var handler = { + callback: callback, + priority: priority, + namespace: namespace + }; + + if (hooksStore[hookName]) { + // Find the correct insert index of the new hook. + var handlers = hooksStore[hookName].handlers; + /** @type {number} */ + + var i; + + for (i = handlers.length; i > 0; i--) { + if (priority >= handlers[i - 1].priority) { + break; + } + } + + if (i === handlers.length) { + // If append, operate via direct assignment. + handlers[i] = handler; + } else { + // Otherwise, insert before index via splice. + handlers.splice(i, 0, handler); + } // We may also be currently executing this hook. If the callback + // we're adding would come after the current callback, there's no + // problem; otherwise we need to increase the execution index of + // any other runs by 1 to account for the added element. + + + hooksStore.__current.forEach(function (hookInfo) { + if (hookInfo.name === hookName && hookInfo.currentIndex >= i) { + hookInfo.currentIndex++; + } + }); + } else { + // This is the first hook of its type. + hooksStore[hookName] = { + handlers: [handler], + runs: 0 + }; + } + + if (hookName !== 'hookAdded') { + hooks.doAction('hookAdded', hookName, namespace, callback, priority); + } + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createAddHook); +//# sourceMappingURL=createAddHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createCurrentHook.js": +/*!*************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createCurrentHook.js ***! + \*************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Returns a function which, when invoked, will return the name of the + * currently running hook, or `null` if no hook of the given type is currently + * running. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {() => string | null} Function that returns the current hook name or null. + */ +function createCurrentHook(hooks, storeKey) { + return function currentHook() { + var _hooksStore$__current, _hooksStore$__current2; + + var hooksStore = hooks[storeKey]; + return (_hooksStore$__current = (_hooksStore$__current2 = hooksStore.__current[hooksStore.__current.length - 1]) === null || _hooksStore$__current2 === void 0 ? void 0 : _hooksStore$__current2.name) !== null && _hooksStore$__current !== void 0 ? _hooksStore$__current : null; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createCurrentHook); +//# sourceMappingURL=createCurrentHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createDidHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createDidHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _validateHookName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validateHookName.js */ "./node_modules/@wordpress/hooks/build-module/validateHookName.js"); +/** + * Internal dependencies + */ + +/** + * @callback DidHook + * + * Returns the number of times an action has been fired. + * + * @param {string} hookName The hook name to check. + * + * @return {number | undefined} The number of times the hook has run. + */ + +/** + * Returns a function which, when invoked, will return the number of times a + * hook has been called. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {DidHook} Function that returns a hook's call count. + */ + +function createDidHook(hooks, storeKey) { + return function didHook(hookName) { + var hooksStore = hooks[storeKey]; + + if (!(0,_validateHookName_js__WEBPACK_IMPORTED_MODULE_0__["default"])(hookName)) { + return; + } + + return hooksStore[hookName] && hooksStore[hookName].runs ? hooksStore[hookName].runs : 0; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createDidHook); +//# sourceMappingURL=createDidHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createDoingHook.js": +/*!***********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createDoingHook.js ***! + \***********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * @callback DoingHook + * Returns whether a hook is currently being executed. + * + * @param {string} [hookName] The name of the hook to check for. If + * omitted, will check for any hook being executed. + * + * @return {boolean} Whether the hook is being executed. + */ + +/** + * Returns a function which, when invoked, will return whether a hook is + * currently being executed. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {DoingHook} Function that returns whether a hook is currently + * being executed. + */ +function createDoingHook(hooks, storeKey) { + return function doingHook(hookName) { + var hooksStore = hooks[storeKey]; // If the hookName was not passed, check for any current hook. + + if ('undefined' === typeof hookName) { + return 'undefined' !== typeof hooksStore.__current[0]; + } // Return the __current hook. + + + return hooksStore.__current[0] ? hookName === hooksStore.__current[0].name : false; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createDoingHook); +//# sourceMappingURL=createDoingHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createHasHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createHasHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * @callback HasHook + * + * Returns whether any handlers are attached for the given hookName and optional namespace. + * + * @param {string} hookName The name of the hook to check for. + * @param {string} [namespace] Optional. The unique namespace identifying the callback + * in the form `vendor/plugin/function`. + * + * @return {boolean} Whether there are handlers that are attached to the given hook. + */ + +/** + * Returns a function which, when invoked, will return whether any handlers are + * attached to a particular hook. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * + * @return {HasHook} Function that returns whether any handlers are + * attached to a particular hook and optional namespace. + */ +function createHasHook(hooks, storeKey) { + return function hasHook(hookName, namespace) { + var hooksStore = hooks[storeKey]; // Use the namespace if provided. + + if ('undefined' !== typeof namespace) { + return hookName in hooksStore && hooksStore[hookName].handlers.some(function (hook) { + return hook.namespace === namespace; + }); + } + + return hookName in hooksStore; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createHasHook); +//# sourceMappingURL=createHasHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createHooks.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createHooks.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ _Hooks: () => (/* binding */ _Hooks), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"); +/* harmony import */ var _createAddHook__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./createAddHook */ "./node_modules/@wordpress/hooks/build-module/createAddHook.js"); +/* harmony import */ var _createRemoveHook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./createRemoveHook */ "./node_modules/@wordpress/hooks/build-module/createRemoveHook.js"); +/* harmony import */ var _createHasHook__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./createHasHook */ "./node_modules/@wordpress/hooks/build-module/createHasHook.js"); +/* harmony import */ var _createRunHook__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./createRunHook */ "./node_modules/@wordpress/hooks/build-module/createRunHook.js"); +/* harmony import */ var _createCurrentHook__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./createCurrentHook */ "./node_modules/@wordpress/hooks/build-module/createCurrentHook.js"); +/* harmony import */ var _createDoingHook__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./createDoingHook */ "./node_modules/@wordpress/hooks/build-module/createDoingHook.js"); +/* harmony import */ var _createDidHook__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./createDidHook */ "./node_modules/@wordpress/hooks/build-module/createDidHook.js"); + + +/** + * Internal dependencies + */ + + + + + + + +/** + * Internal class for constructing hooks. Use `createHooks()` function + * + * Note, it is necessary to expose this class to make its type public. + * + * @private + */ + +var _Hooks = function _Hooks() { + (0,_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, _Hooks); + + /** @type {import('.').Store} actions */ + this.actions = Object.create(null); + this.actions.__current = []; + /** @type {import('.').Store} filters */ + + this.filters = Object.create(null); + this.filters.__current = []; + this.addAction = (0,_createAddHook__WEBPACK_IMPORTED_MODULE_1__["default"])(this, 'actions'); + this.addFilter = (0,_createAddHook__WEBPACK_IMPORTED_MODULE_1__["default"])(this, 'filters'); + this.removeAction = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'actions'); + this.removeFilter = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'filters'); + this.hasAction = (0,_createHasHook__WEBPACK_IMPORTED_MODULE_3__["default"])(this, 'actions'); + this.hasFilter = (0,_createHasHook__WEBPACK_IMPORTED_MODULE_3__["default"])(this, 'filters'); + this.removeAllActions = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'actions', true); + this.removeAllFilters = (0,_createRemoveHook__WEBPACK_IMPORTED_MODULE_2__["default"])(this, 'filters', true); + this.doAction = (0,_createRunHook__WEBPACK_IMPORTED_MODULE_4__["default"])(this, 'actions'); + this.applyFilters = (0,_createRunHook__WEBPACK_IMPORTED_MODULE_4__["default"])(this, 'filters', true); + this.currentAction = (0,_createCurrentHook__WEBPACK_IMPORTED_MODULE_5__["default"])(this, 'actions'); + this.currentFilter = (0,_createCurrentHook__WEBPACK_IMPORTED_MODULE_5__["default"])(this, 'filters'); + this.doingAction = (0,_createDoingHook__WEBPACK_IMPORTED_MODULE_6__["default"])(this, 'actions'); + this.doingFilter = (0,_createDoingHook__WEBPACK_IMPORTED_MODULE_6__["default"])(this, 'filters'); + this.didAction = (0,_createDidHook__WEBPACK_IMPORTED_MODULE_7__["default"])(this, 'actions'); + this.didFilter = (0,_createDidHook__WEBPACK_IMPORTED_MODULE_7__["default"])(this, 'filters'); +}; +/** @typedef {_Hooks} Hooks */ + +/** + * Returns an instance of the hooks object. + * + * @return {Hooks} A Hooks instance. + */ + +function createHooks() { + return new _Hooks(); +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createHooks); +//# sourceMappingURL=createHooks.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createRemoveHook.js": +/*!************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createRemoveHook.js ***! + \************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validateNamespace.js */ "./node_modules/@wordpress/hooks/build-module/validateNamespace.js"); +/* harmony import */ var _validateHookName_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./validateHookName.js */ "./node_modules/@wordpress/hooks/build-module/validateHookName.js"); +/** + * Internal dependencies + */ + + +/** + * @callback RemoveHook + * Removes the specified callback (or all callbacks) from the hook with a given hookName + * and namespace. + * + * @param {string} hookName The name of the hook to modify. + * @param {string} namespace The unique namespace identifying the callback in the + * form `vendor/plugin/function`. + * + * @return {number | undefined} The number of callbacks removed. + */ + +/** + * Returns a function which, when invoked, will remove a specified hook or all + * hooks by the given name. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * @param {boolean} [removeAll=false] Whether to remove all callbacks for a hookName, + * without regard to namespace. Used to create + * `removeAll*` functions. + * + * @return {RemoveHook} Function that removes hooks. + */ + +function createRemoveHook(hooks, storeKey) { + var removeAll = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; + return function removeHook(hookName, namespace) { + var hooksStore = hooks[storeKey]; + + if (!(0,_validateHookName_js__WEBPACK_IMPORTED_MODULE_1__["default"])(hookName)) { + return; + } + + if (!removeAll && !(0,_validateNamespace_js__WEBPACK_IMPORTED_MODULE_0__["default"])(namespace)) { + return; + } // Bail if no hooks exist by this name + + + if (!hooksStore[hookName]) { + return 0; + } + + var handlersRemoved = 0; + + if (removeAll) { + handlersRemoved = hooksStore[hookName].handlers.length; + hooksStore[hookName] = { + runs: hooksStore[hookName].runs, + handlers: [] + }; + } else { + // Try to find the specified callback to remove. + var handlers = hooksStore[hookName].handlers; + + var _loop = function _loop(i) { + if (handlers[i].namespace === namespace) { + handlers.splice(i, 1); + handlersRemoved++; // This callback may also be part of a hook that is + // currently executing. If the callback we're removing + // comes after the current callback, there's no problem; + // otherwise we need to decrease the execution index of any + // other runs by 1 to account for the removed element. + + hooksStore.__current.forEach(function (hookInfo) { + if (hookInfo.name === hookName && hookInfo.currentIndex >= i) { + hookInfo.currentIndex--; + } + }); + } + }; + + for (var i = handlers.length - 1; i >= 0; i--) { + _loop(i); + } + } + + if (hookName !== 'hookRemoved') { + hooks.doAction('hookRemoved', hookName, namespace); + } + + return handlersRemoved; + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createRemoveHook); +//# sourceMappingURL=createRemoveHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/createRunHook.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/createRunHook.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"); + + +/** + * Returns a function which, when invoked, will execute all callbacks + * registered to a hook of the specified type, optionally returning the final + * value of the call chain. + * + * @param {import('.').Hooks} hooks Hooks instance. + * @param {import('.').StoreKey} storeKey + * @param {boolean} [returnFirstArg=false] Whether each hook callback is expected to + * return its first argument. + * + * @return {(hookName:string, ...args: unknown[]) => unknown} Function that runs hook callbacks. + */ +function createRunHook(hooks, storeKey) { + var returnFirstArg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; + return function runHooks(hookName) { + var hooksStore = hooks[storeKey]; + + if (!hooksStore[hookName]) { + hooksStore[hookName] = { + handlers: [], + runs: 0 + }; + } + + hooksStore[hookName].runs++; + var handlers = hooksStore[hookName].handlers; // The following code is stripped from production builds. + + if (true) { + // Handle any 'all' hooks registered. + if ('hookAdded' !== hookName && hooksStore.all) { + handlers.push.apply(handlers, (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(hooksStore.all.handlers)); + } + } + + for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + if (!handlers || !handlers.length) { + return returnFirstArg ? args[0] : undefined; + } + + var hookInfo = { + name: hookName, + currentIndex: 0 + }; + + hooksStore.__current.push(hookInfo); + + while (hookInfo.currentIndex < handlers.length) { + var handler = handlers[hookInfo.currentIndex]; + var result = handler.callback.apply(null, args); + + if (returnFirstArg) { + args[0] = result; + } + + hookInfo.currentIndex++; + } + + hooksStore.__current.pop(); + + if (returnFirstArg) { + return args[0]; + } + }; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createRunHook); +//# sourceMappingURL=createRunHook.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/index.js": +/*!*************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/index.js ***! + \*************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ actions: () => (/* binding */ actions), +/* harmony export */ addAction: () => (/* binding */ addAction), +/* harmony export */ addFilter: () => (/* binding */ addFilter), +/* harmony export */ applyFilters: () => (/* binding */ applyFilters), +/* harmony export */ createHooks: () => (/* reexport safe */ _createHooks__WEBPACK_IMPORTED_MODULE_0__["default"]), +/* harmony export */ currentAction: () => (/* binding */ currentAction), +/* harmony export */ currentFilter: () => (/* binding */ currentFilter), +/* harmony export */ defaultHooks: () => (/* binding */ defaultHooks), +/* harmony export */ didAction: () => (/* binding */ didAction), +/* harmony export */ didFilter: () => (/* binding */ didFilter), +/* harmony export */ doAction: () => (/* binding */ doAction), +/* harmony export */ doingAction: () => (/* binding */ doingAction), +/* harmony export */ doingFilter: () => (/* binding */ doingFilter), +/* harmony export */ filters: () => (/* binding */ filters), +/* harmony export */ hasAction: () => (/* binding */ hasAction), +/* harmony export */ hasFilter: () => (/* binding */ hasFilter), +/* harmony export */ removeAction: () => (/* binding */ removeAction), +/* harmony export */ removeAllActions: () => (/* binding */ removeAllActions), +/* harmony export */ removeAllFilters: () => (/* binding */ removeAllFilters), +/* harmony export */ removeFilter: () => (/* binding */ removeFilter) +/* harmony export */ }); +/* harmony import */ var _createHooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./createHooks */ "./node_modules/@wordpress/hooks/build-module/createHooks.js"); +/** + * Internal dependencies + */ + +/** @typedef {(...args: any[])=>any} Callback */ + +/** + * @typedef Handler + * @property {Callback} callback The callback + * @property {string} namespace The namespace + * @property {number} priority The namespace + */ + +/** + * @typedef Hook + * @property {Handler[]} handlers Array of handlers + * @property {number} runs Run counter + */ + +/** + * @typedef Current + * @property {string} name Hook name + * @property {number} currentIndex The index + */ + +/** + * @typedef {Record & {__current: Current[]}} Store + */ + +/** + * @typedef {'actions' | 'filters'} StoreKey + */ + +/** + * @typedef {import('./createHooks').Hooks} Hooks + */ + +var defaultHooks = (0,_createHooks__WEBPACK_IMPORTED_MODULE_0__["default"])(); +var addAction = defaultHooks.addAction, + addFilter = defaultHooks.addFilter, + removeAction = defaultHooks.removeAction, + removeFilter = defaultHooks.removeFilter, + hasAction = defaultHooks.hasAction, + hasFilter = defaultHooks.hasFilter, + removeAllActions = defaultHooks.removeAllActions, + removeAllFilters = defaultHooks.removeAllFilters, + doAction = defaultHooks.doAction, + applyFilters = defaultHooks.applyFilters, + currentAction = defaultHooks.currentAction, + currentFilter = defaultHooks.currentFilter, + doingAction = defaultHooks.doingAction, + doingFilter = defaultHooks.doingFilter, + didAction = defaultHooks.didAction, + didFilter = defaultHooks.didFilter, + actions = defaultHooks.actions, + filters = defaultHooks.filters; + +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/validateHookName.js": +/*!************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/validateHookName.js ***! + \************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Validate a hookName string. + * + * @param {string} hookName The hook name to validate. Should be a non empty string containing + * only numbers, letters, dashes, periods and underscores. Also, + * the hook name cannot begin with `__`. + * + * @return {boolean} Whether the hook name is valid. + */ +function validateHookName(hookName) { + if ('string' !== typeof hookName || '' === hookName) { + // eslint-disable-next-line no-console + console.error('The hook name must be a non-empty string.'); + return false; + } + + if (/^__/.test(hookName)) { + // eslint-disable-next-line no-console + console.error('The hook name cannot begin with `__`.'); + return false; + } + + if (!/^[a-zA-Z][a-zA-Z0-9_.-]*$/.test(hookName)) { + // eslint-disable-next-line no-console + console.error('The hook name can only contain numbers, letters, dashes, periods and underscores.'); + return false; + } + + return true; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (validateHookName); +//# sourceMappingURL=validateHookName.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/hooks/build-module/validateNamespace.js": +/*!*************************************************************************!*\ + !*** ./node_modules/@wordpress/hooks/build-module/validateNamespace.js ***! + \*************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/** + * Validate a namespace string. + * + * @param {string} namespace The namespace to validate - should take the form + * `vendor/plugin/function`. + * + * @return {boolean} Whether the namespace is valid. + */ +function validateNamespace(namespace) { + if ('string' !== typeof namespace || '' === namespace) { + // eslint-disable-next-line no-console + console.error('The namespace must be a non-empty string.'); + return false; + } + + if (!/^[a-zA-Z][a-zA-Z0-9_.\-\/]*$/.test(namespace)) { + // eslint-disable-next-line no-console + console.error('The namespace can only contain numbers, letters, dashes, periods, underscores and slashes.'); + return false; + } + + return true; +} + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (validateNamespace); +//# sourceMappingURL=validateNamespace.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/create-i18n.js": +/*!******************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/create-i18n.js ***! + \******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ createI18n: () => (/* binding */ createI18n) +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); +/* harmony import */ var tannin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tannin */ "./node_modules/tannin/index.js"); + + +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } + +/** + * External dependencies + */ + +/** + * @typedef {Record} LocaleData + */ + +/** + * Default locale data to use for Tannin domain when not otherwise provided. + * Assumes an English plural forms expression. + * + * @type {LocaleData} + */ + +var DEFAULT_LOCALE_DATA = { + '': { + /** @param {number} n */ + plural_forms: function plural_forms(n) { + return n === 1 ? 0 : 1; + } + } +}; +/* + * Regular expression that matches i18n hooks like `i18n.gettext`, `i18n.ngettext`, + * `i18n.gettext_domain` or `i18n.ngettext_with_context` or `i18n.has_translation`. + */ + +var I18N_HOOK_REGEXP = /^i18n\.(n?gettext|has_translation)(_|$)/; +/** + * @typedef {(domain?: string) => LocaleData} GetLocaleData + * + * Returns locale data by domain in a + * Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + */ + +/** + * @typedef {(data?: LocaleData, domain?: string) => void} SetLocaleData + * + * Merges locale data into the Tannin instance by domain. Accepts data in a + * Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + */ + +/** + * @typedef {(data?: LocaleData, domain?: string) => void} ResetLocaleData + * + * Resets all current Tannin instance locale data and sets the specified + * locale data for the domain. Accepts data in a Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + */ + +/** @typedef {() => void} SubscribeCallback */ + +/** @typedef {() => void} UnsubscribeCallback */ + +/** + * @typedef {(callback: SubscribeCallback) => UnsubscribeCallback} Subscribe + * + * Subscribes to changes of locale data + */ + +/** + * @typedef {(domain?: string) => string} GetFilterDomain + * Retrieve the domain to use when calling domain-specific filters. + */ + +/** + * @typedef {(text: string, domain?: string) => string} __ + * + * Retrieve the translation of text. + * + * @see https://developer.wordpress.org/reference/functions/__/ + */ + +/** + * @typedef {(text: string, context: string, domain?: string) => string} _x + * + * Retrieve translated string with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_x/ + */ + +/** + * @typedef {(single: string, plural: string, number: number, domain?: string) => string} _n + * + * Translates and retrieves the singular or plural form based on the supplied + * number. + * + * @see https://developer.wordpress.org/reference/functions/_n/ + */ + +/** + * @typedef {(single: string, plural: string, number: number, context: string, domain?: string) => string} _nx + * + * Translates and retrieves the singular or plural form based on the supplied + * number, with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_nx/ + */ + +/** + * @typedef {() => boolean} IsRtl + * + * Check if current locale is RTL. + * + * **RTL (Right To Left)** is a locale property indicating that text is written from right to left. + * For example, the `he` locale (for Hebrew) specifies right-to-left. Arabic (ar) is another common + * language written RTL. The opposite of RTL, LTR (Left To Right) is used in other languages, + * including English (`en`, `en-US`, `en-GB`, etc.), Spanish (`es`), and French (`fr`). + */ + +/** + * @typedef {(single: string, context?: string, domain?: string) => boolean} HasTranslation + * + * Check if there is a translation for a given string in singular form. + */ + +/** @typedef {import('@wordpress/hooks').Hooks} Hooks */ + +/** + * An i18n instance + * + * @typedef I18n + * @property {GetLocaleData} getLocaleData Returns locale data by domain in a Jed-formatted JSON object shape. + * @property {SetLocaleData} setLocaleData Merges locale data into the Tannin instance by domain. Accepts data in a + * Jed-formatted JSON object shape. + * @property {ResetLocaleData} resetLocaleData Resets all current Tannin instance locale data and sets the specified + * locale data for the domain. Accepts data in a Jed-formatted JSON object shape. + * @property {Subscribe} subscribe Subscribes to changes of Tannin locale data. + * @property {__} __ Retrieve the translation of text. + * @property {_x} _x Retrieve translated string with gettext context. + * @property {_n} _n Translates and retrieves the singular or plural form based on the supplied + * number. + * @property {_nx} _nx Translates and retrieves the singular or plural form based on the supplied + * number, with gettext context. + * @property {IsRtl} isRTL Check if current locale is RTL. + * @property {HasTranslation} hasTranslation Check if there is a translation for a given string. + */ + +/** + * Create an i18n instance + * + * @param {LocaleData} [initialData] Locale data configuration. + * @param {string} [initialDomain] Domain for which configuration applies. + * @param {Hooks} [hooks] Hooks implementation. + * @return {I18n} I18n instance + */ + +var createI18n = function createI18n(initialData, initialDomain, hooks) { + /** + * The underlying instance of Tannin to which exported functions interface. + * + * @type {Tannin} + */ + var tannin = new tannin__WEBPACK_IMPORTED_MODULE_1__["default"]({}); + var listeners = new Set(); + + var notifyListeners = function notifyListeners() { + listeners.forEach(function (listener) { + return listener(); + }); + }; + /** + * Subscribe to changes of locale data. + * + * @param {SubscribeCallback} callback Subscription callback. + * @return {UnsubscribeCallback} Unsubscribe callback. + */ + + + var subscribe = function subscribe(callback) { + listeners.add(callback); + return function () { + return listeners.delete(callback); + }; + }; + /** @type {GetLocaleData} */ + + + var getLocaleData = function getLocaleData() { + var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default'; + return tannin.data[domain]; + }; + /** + * @param {LocaleData} [data] + * @param {string} [domain] + */ + + + var doSetLocaleData = function doSetLocaleData(data) { + var domain = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default'; + tannin.data[domain] = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_LOCALE_DATA), tannin.data[domain]), data); // Populate default domain configuration (supported locale date which omits + // a plural forms expression). + + tannin.data[domain][''] = _objectSpread(_objectSpread({}, DEFAULT_LOCALE_DATA['']), tannin.data[domain]['']); + }; + /** @type {SetLocaleData} */ + + + var setLocaleData = function setLocaleData(data, domain) { + doSetLocaleData(data, domain); + notifyListeners(); + }; + /** @type {ResetLocaleData} */ + + + var resetLocaleData = function resetLocaleData(data, domain) { + // Reset all current Tannin locale data. + tannin.data = {}; // Reset cached plural forms functions cache. + + tannin.pluralForms = {}; + setLocaleData(data, domain); + }; + /** + * Wrapper for Tannin's `dcnpgettext`. Populates default locale data if not + * otherwise previously assigned. + * + * @param {string|undefined} domain Domain to retrieve the translated text. + * @param {string|undefined} context Context information for the translators. + * @param {string} single Text to translate if non-plural. Used as + * fallback return value on a caught error. + * @param {string} [plural] The text to be used if the number is + * plural. + * @param {number} [number] The number to compare against to use + * either the singular or plural form. + * + * @return {string} The translated string. + */ + + + var dcnpgettext = function dcnpgettext() { + var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default'; + var context = arguments.length > 1 ? arguments[1] : undefined; + var single = arguments.length > 2 ? arguments[2] : undefined; + var plural = arguments.length > 3 ? arguments[3] : undefined; + var number = arguments.length > 4 ? arguments[4] : undefined; + + if (!tannin.data[domain]) { + // use `doSetLocaleData` to set silently, without notifying listeners + doSetLocaleData(undefined, domain); + } + + return tannin.dcnpgettext(domain, context, single, plural, number); + }; + /** @type {GetFilterDomain} */ + + + var getFilterDomain = function getFilterDomain() { + var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default'; + return domain; + }; + /** @type {__} */ + + + var __ = function __(text, domain) { + var translation = dcnpgettext(domain, undefined, text); + + if (!hooks) { + return translation; + } + /** + * Filters text with its translation. + * + * @param {string} translation Translated text. + * @param {string} text Text to translate. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext', translation, text, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext_' + getFilterDomain(domain), translation, text, domain) + ); + }; + /** @type {_x} */ + + + var _x = function _x(text, context, domain) { + var translation = dcnpgettext(domain, context, text); + + if (!hooks) { + return translation; + } + /** + * Filters text with its translation based on context information. + * + * @param {string} translation Translated text. + * @param {string} text Text to translate. + * @param {string} context Context information for the translators. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext_with_context', translation, text, context, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.gettext_with_context_' + getFilterDomain(domain), translation, text, context, domain) + ); + }; + /** @type {_n} */ + + + var _n = function _n(single, plural, number, domain) { + var translation = dcnpgettext(domain, undefined, single, plural, number); + + if (!hooks) { + return translation; + } + /** + * Filters the singular or plural form of a string. + * + * @param {string} translation Translated text. + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {string} number The number to compare against to use either the singular or plural form. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext', translation, single, plural, number, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext_' + getFilterDomain(domain), translation, single, plural, number, domain) + ); + }; + /** @type {_nx} */ + + + var _nx = function _nx(single, plural, number, context, domain) { + var translation = dcnpgettext(domain, context, single, plural, number); + + if (!hooks) { + return translation; + } + /** + * Filters the singular or plural form of a string with gettext context. + * + * @param {string} translation Translated text. + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {string} number The number to compare against to use either the singular or plural form. + * @param {string} context Context information for the translators. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + + + translation = + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext_with_context', translation, single, plural, number, context, domain); + return ( + /** @type {string} */ + + /** @type {*} */ + hooks.applyFilters('i18n.ngettext_with_context_' + getFilterDomain(domain), translation, single, plural, number, context, domain) + ); + }; + /** @type {IsRtl} */ + + + var isRTL = function isRTL() { + return 'rtl' === _x('ltr', 'text direction'); + }; + /** @type {HasTranslation} */ + + + var hasTranslation = function hasTranslation(single, context, domain) { + var _tannin$data, _tannin$data2; + + var key = context ? context + "\x04" + single : single; + var result = !!((_tannin$data = tannin.data) !== null && _tannin$data !== void 0 && (_tannin$data2 = _tannin$data[domain !== null && domain !== void 0 ? domain : 'default']) !== null && _tannin$data2 !== void 0 && _tannin$data2[key]); + + if (hooks) { + /** + * Filters the presence of a translation in the locale data. + * + * @param {boolean} hasTranslation Whether the translation is present or not.. + * @param {string} single The singular form of the translated text (used as key in locale data) + * @param {string} context Context information for the translators. + * @param {string} domain Text domain. Unique identifier for retrieving translated strings. + */ + result = + /** @type { boolean } */ + + /** @type {*} */ + hooks.applyFilters('i18n.has_translation', result, single, context, domain); + result = + /** @type { boolean } */ + + /** @type {*} */ + hooks.applyFilters('i18n.has_translation_' + getFilterDomain(domain), result, single, context, domain); + } + + return result; + }; + + if (initialData) { + setLocaleData(initialData, initialDomain); + } + + if (hooks) { + /** + * @param {string} hookName + */ + var onHookAddedOrRemoved = function onHookAddedOrRemoved(hookName) { + if (I18N_HOOK_REGEXP.test(hookName)) { + notifyListeners(); + } + }; + + hooks.addAction('hookAdded', 'core/i18n', onHookAddedOrRemoved); + hooks.addAction('hookRemoved', 'core/i18n', onHookAddedOrRemoved); + } + + return { + getLocaleData: getLocaleData, + setLocaleData: setLocaleData, + resetLocaleData: resetLocaleData, + subscribe: subscribe, + __: __, + _x: _x, + _n: _n, + _nx: _nx, + isRTL: isRTL, + hasTranslation: hasTranslation + }; +}; +//# sourceMappingURL=create-i18n.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/default-i18n.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/default-i18n.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ __: () => (/* binding */ __), +/* harmony export */ _n: () => (/* binding */ _n), +/* harmony export */ _nx: () => (/* binding */ _nx), +/* harmony export */ _x: () => (/* binding */ _x), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ getLocaleData: () => (/* binding */ getLocaleData), +/* harmony export */ hasTranslation: () => (/* binding */ hasTranslation), +/* harmony export */ isRTL: () => (/* binding */ isRTL), +/* harmony export */ resetLocaleData: () => (/* binding */ resetLocaleData), +/* harmony export */ setLocaleData: () => (/* binding */ setLocaleData), +/* harmony export */ subscribe: () => (/* binding */ subscribe) +/* harmony export */ }); +/* harmony import */ var _create_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-i18n */ "./node_modules/@wordpress/i18n/build-module/create-i18n.js"); +/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/hooks */ "./node_modules/@wordpress/hooks/build-module/index.js"); +/** + * Internal dependencies + */ + +/** + * WordPress dependencies + */ + + +var i18n = (0,_create_i18n__WEBPACK_IMPORTED_MODULE_0__.createI18n)(undefined, undefined, _wordpress_hooks__WEBPACK_IMPORTED_MODULE_1__.defaultHooks); +/** + * Default, singleton instance of `I18n`. + */ + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (i18n); +/* + * Comments in this file are duplicated from ./i18n due to + * https://github.com/WordPress/gutenberg/pull/20318#issuecomment-590837722 + */ + +/** + * @typedef {import('./create-i18n').LocaleData} LocaleData + * @typedef {import('./create-i18n').SubscribeCallback} SubscribeCallback + * @typedef {import('./create-i18n').UnsubscribeCallback} UnsubscribeCallback + */ + +/** + * Returns locale data by domain in a Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param {string} [domain] Domain for which to get the data. + * @return {LocaleData} Locale data. + */ + +var getLocaleData = i18n.getLocaleData.bind(i18n); +/** + * Merges locale data into the Tannin instance by domain. Accepts data in a + * Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param {LocaleData} [data] Locale data configuration. + * @param {string} [domain] Domain for which configuration applies. + */ + +var setLocaleData = i18n.setLocaleData.bind(i18n); +/** + * Resets all current Tannin instance locale data and sets the specified + * locale data for the domain. Accepts data in a Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param {LocaleData} [data] Locale data configuration. + * @param {string} [domain] Domain for which configuration applies. + */ + +var resetLocaleData = i18n.resetLocaleData.bind(i18n); +/** + * Subscribes to changes of locale data + * + * @param {SubscribeCallback} callback Subscription callback + * @return {UnsubscribeCallback} Unsubscribe callback + */ + +var subscribe = i18n.subscribe.bind(i18n); +/** + * Retrieve the translation of text. + * + * @see https://developer.wordpress.org/reference/functions/__/ + * + * @param {string} text Text to translate. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} Translated text. + */ + +var __ = i18n.__.bind(i18n); +/** + * Retrieve translated string with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_x/ + * + * @param {string} text Text to translate. + * @param {string} context Context information for the translators. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} Translated context string without pipe. + */ + +var _x = i18n._x.bind(i18n); +/** + * Translates and retrieves the singular or plural form based on the supplied + * number. + * + * @see https://developer.wordpress.org/reference/functions/_n/ + * + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {number} number The number to compare against to use either the + * singular or plural form. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} The translated singular or plural form. + */ + +var _n = i18n._n.bind(i18n); +/** + * Translates and retrieves the singular or plural form based on the supplied + * number, with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_nx/ + * + * @param {string} single The text to be used if the number is singular. + * @param {string} plural The text to be used if the number is plural. + * @param {number} number The number to compare against to use either the + * singular or plural form. + * @param {string} context Context information for the translators. + * @param {string} [domain] Domain to retrieve the translated text. + * + * @return {string} The translated singular or plural form. + */ + +var _nx = i18n._nx.bind(i18n); +/** + * Check if current locale is RTL. + * + * **RTL (Right To Left)** is a locale property indicating that text is written from right to left. + * For example, the `he` locale (for Hebrew) specifies right-to-left. Arabic (ar) is another common + * language written RTL. The opposite of RTL, LTR (Left To Right) is used in other languages, + * including English (`en`, `en-US`, `en-GB`, etc.), Spanish (`es`), and French (`fr`). + * + * @return {boolean} Whether locale is RTL. + */ + +var isRTL = i18n.isRTL.bind(i18n); +/** + * Check if there is a translation for a given string (in singular form). + * + * @param {string} single Singular form of the string to look up. + * @param {string} [context] Context information for the translators. + * @param {string} [domain] Domain to retrieve the translated text. + * @return {boolean} Whether the translation exists or not. + */ + +var hasTranslation = i18n.hasTranslation.bind(i18n); +//# sourceMappingURL=default-i18n.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/index.js": +/*!************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/index.js ***! + \************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ __: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.__), +/* harmony export */ _n: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._n), +/* harmony export */ _nx: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._nx), +/* harmony export */ _x: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._x), +/* harmony export */ createI18n: () => (/* reexport safe */ _create_i18n__WEBPACK_IMPORTED_MODULE_1__.createI18n), +/* harmony export */ defaultI18n: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__["default"]), +/* harmony export */ getLocaleData: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.getLocaleData), +/* harmony export */ hasTranslation: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.hasTranslation), +/* harmony export */ isRTL: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.isRTL), +/* harmony export */ resetLocaleData: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.resetLocaleData), +/* harmony export */ setLocaleData: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.setLocaleData), +/* harmony export */ sprintf: () => (/* reexport safe */ _sprintf__WEBPACK_IMPORTED_MODULE_0__.sprintf), +/* harmony export */ subscribe: () => (/* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.subscribe) +/* harmony export */ }); +/* harmony import */ var _sprintf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sprintf */ "./node_modules/@wordpress/i18n/build-module/sprintf.js"); +/* harmony import */ var _create_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create-i18n */ "./node_modules/@wordpress/i18n/build-module/create-i18n.js"); +/* harmony import */ var _default_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./default-i18n */ "./node_modules/@wordpress/i18n/build-module/default-i18n.js"); + + + +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/i18n/build-module/sprintf.js": +/*!**************************************************************!*\ + !*** ./node_modules/@wordpress/i18n/build-module/sprintf.js ***! + \**************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ sprintf: () => (/* binding */ sprintf) +/* harmony export */ }); +/* harmony import */ var memize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! memize */ "./node_modules/memize/index.js"); +/* harmony import */ var memize__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(memize__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var sprintf_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! sprintf-js */ "./node_modules/sprintf-js/src/sprintf.js"); +/* harmony import */ var sprintf_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(sprintf_js__WEBPACK_IMPORTED_MODULE_1__); +/** + * External dependencies + */ + + +/** + * Log to console, once per message; or more precisely, per referentially equal + * argument set. Because Jed throws errors, we log these to the console instead + * to avoid crashing the application. + * + * @param {...*} args Arguments to pass to `console.error` + */ + +var logErrorOnce = memize__WEBPACK_IMPORTED_MODULE_0___default()(console.error); // eslint-disable-line no-console + +/** + * Returns a formatted string. If an error occurs in applying the format, the + * original format string is returned. + * + * @param {string} format The format of the string to generate. + * @param {...*} args Arguments to apply to the format. + * + * @see https://www.npmjs.com/package/sprintf-js + * + * @return {string} The formatted string. + */ + +function sprintf(format) { + try { + for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + return sprintf_js__WEBPACK_IMPORTED_MODULE_1___default().sprintf.apply((sprintf_js__WEBPACK_IMPORTED_MODULE_1___default()), [format].concat(args)); + } catch (error) { + logErrorOnce('sprintf error: \n\n' + error.toString()); + return format; + } +} +//# sourceMappingURL=sprintf.js.map + +/***/ }), + +/***/ "./js/src/admin/components/dependent-updater-component.js": +/*!****************************************************************!*\ + !*** ./js/src/admin/components/dependent-updater-component.js ***! + \****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ frmStyleDependentUpdaterComponent) +/* harmony export */ }); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +/** + * This component updates the dependent style element's values and triggers a custom change event for each style element, initiating the style preview. + * The names of the elements that will be updated are specified using the "will-change" attribute. + * It is primarily used in components from Style/Quick Settings. + * For instance, when the "FrmPrimaryColorStyleComponent" is changed, it simultaneously updates various style elements like border color, text color, and button backgrounds. + */ +var frmStyleDependentUpdaterComponent = /*#__PURE__*/function () { + /** + * Creates an instance of frmStyleDependentUpdaterComponent. + * + * @param {HTMLElement} component - The component element. + */ + function frmStyleDependentUpdaterComponent(component) { + _classCallCheck(this, frmStyleDependentUpdaterComponent); + this.component = component; + try { + var willChangeData = JSON.parse(this.component.dataset.willChange); + this.data = { + propagateInputs: this.initPropagationList(willChangeData), + changeEvent: new Event('change', { + bubbles: true + }) + }; + } catch (error) { + console.error('Error parsing JSON data from "will-change" attribute.', error); + } + } + + /** + * Initializes the list of inputs to propagate changes to. + * The selection is made by provided input's names list in "will-change" attribute. + * + * @param {string[]} inputNames - The names of the inputs to propagate changes to. + * @return {HTMLElement[]} - The list of inputs to propagate changes to. + */ + return _createClass(frmStyleDependentUpdaterComponent, [{ + key: "initPropagationList", + value: function initPropagationList(inputNames) { + var list = []; + inputNames.forEach(function (name) { + var input = document.querySelector("input[name=\"".concat(name, "\"]")); + if (input) { + list.push(input); + } + }); + return list; + } + + /** + * Updates all dependent elements with the given value. + * + * @param {string} value - The value to update the dependent elements with. + */ + }, { + key: "updateAllDependentElements", + value: function updateAllDependentElements(value) { + this.data.propagateInputs.forEach(function (input) { + input.value = value; + }); + this.data.propagateInputs[0].dispatchEvent(this.data.changeEvent); + } + }]); +}(); + + +/***/ }), + +/***/ "./js/src/components/class-tabs-navigator.js": +/*!***************************************************!*\ + !*** ./js/src/components/class-tabs-navigator.js ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmTabsNavigator: () => (/* binding */ frmTabsNavigator) +/* harmony export */ }); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +var frmTabsNavigator = /*#__PURE__*/function () { + function frmTabsNavigator(wrapper) { + _classCallCheck(this, frmTabsNavigator); + if (wrapper === undefined) { + return; + } + this.wrapper = wrapper instanceof Element ? wrapper : document.querySelector(wrapper); + if (null === this.wrapper) { + return; + } + 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 = document.documentElement.dir === 'rtl' || document.body.dir === 'rtl'; + this.resizeObserver = null; + this.init(); + } + return _createClass(frmTabsNavigator, [{ + key: "init", + value: function init() { + var _this = this; + if (null === this.wrapper || !this.navs.length || null === this.slideTrackLine || null === this.slideTrack || !this.slides.length) { + return; + } + this.navs.forEach(function (nav, index) { + nav.addEventListener('click', function (event) { + return _this.onNavClick(event, index); + }); + if (nav.classList.contains('frm-active')) { + _this.initSlideTrackUnderline(nav); + } + }); + this.slideTrackLine.style.display = 'block'; + this.setupScrollbarObserver(); + // Cleanup observers when page unloads to prevent memory leaks + window.addEventListener('beforeunload', this.cleanupObservers); + } + }, { + key: "onNavClick", + value: function onNavClick(event, index) { + var navItem = event.currentTarget; + event.preventDefault(); + this.removeActiveClassnameFromNavs(); + navItem.classList.add('frm-active'); + this.initSlideTrackUnderline(navItem); + this.changeSlide(index); + + // Handle special case for frm_insert_fields_tab + var navLink = navItem.querySelector('a'); + if (navLink && navLink.id === 'frm_insert_fields_tab' && !navLink.closest('#frm_adv_info')) { + var _window$frmAdminBuild, _window$frmAdminBuild2; + (_window$frmAdminBuild = window.frmAdminBuild) === null || _window$frmAdminBuild === void 0 || (_window$frmAdminBuild2 = _window$frmAdminBuild.clearSettingsBox) === null || _window$frmAdminBuild2 === void 0 || _window$frmAdminBuild2.call(_window$frmAdminBuild); + } + } + }, { + key: "initSlideTrackUnderline", + value: function initSlideTrackUnderline(nav) { + var activeNav = nav !== undefined ? nav : this.navs.filter(function (nav) { + return nav.classList.contains('frm-active'); + }); + this.positionUnderlineIndicator(activeNav); + } + + /** + * Sets up a ResizeObserver to watch for scrollbar changes in the parent container. + * Automatically repositions the underline indicator when layout changes occur. + */ + }, { + key: "setupScrollbarObserver", + value: function setupScrollbarObserver() { + var _this2 = this; + var resizeObserverTarget = document.querySelector('.frm-scrollbar-wrapper, .styling_settings') || document.body; + if (!resizeObserverTarget || !('ResizeObserver' in window)) { + return; + } + this.resizeObserver = new ResizeObserver(function () { + var activeNav = _this2.wrapper.querySelector('.frm-tabs-navs ul > li.frm-active'); + if (activeNav) { + _this2.positionUnderlineIndicator(activeNav); + } + }); + this.resizeObserver.observe(resizeObserverTarget); + } + + /** + * Cleans up observers to prevent memory leaks. + */ + }, { + key: "cleanupObservers", + value: function cleanupObservers() { + if (this.resizeObserver) { + this.resizeObserver.disconnect(); + this.resizeObserver = null; + } + } + + /** + * Positions the underline indicator based on the active navigation element. + * + * @param {HTMLElement} activeNav The active navigation element to position the underline under + */ + }, { + key: "positionUnderlineIndicator", + value: function positionUnderlineIndicator(activeNav) { + var _this3 = this; + requestAnimationFrame(function () { + var position = _this3.isRTL ? -(activeNav.parentElement.offsetWidth - activeNav.offsetLeft - activeNav.offsetWidth) : activeNav.offsetLeft; + _this3.slideTrackLine.style.transform = "translateX(".concat(position, "px)"); + _this3.slideTrackLine.style.width = "".concat(activeNav.clientWidth, "px"); + }); + } + }, { + key: "changeSlide", + value: function changeSlide(index) { + this.removeActiveClassnameFromSlides(); + var translate = index == 0 ? '0px' : "calc( ( ".concat(index * 100, "% + ").concat(parseInt(this.flexboxSlidesGap, 10) * index, "px ) * ").concat(this.isRTL ? 1 : -1, " )"); + if ('0px' !== translate) { + this.slideTrack.style.transform = "translateX(".concat(translate, ")"); + } else { + this.slideTrack.style.removeProperty('transform'); + } + if (index in this.slides) { + this.slides[index].classList.add('frm-active'); + } + } + }, { + key: "removeActiveClassnameFromSlides", + value: function removeActiveClassnameFromSlides() { + this.slides.forEach(function (slide) { + return slide.classList.remove('frm-active'); + }); + } + }, { + key: "removeActiveClassnameFromNavs", + value: function removeActiveClassnameFromNavs() { + this.navs.forEach(function (nav) { + return nav.classList.remove('frm-active'); + }); + } + }]); +}(); + +/***/ }), + +/***/ "./js/src/core/constants.js": +/*!**********************************!*\ + !*** ./js/src/core/constants.js ***! + \**********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ CHECKED_CLASS: () => (/* binding */ CHECKED_CLASS), +/* harmony export */ CURRENT_CLASS: () => (/* binding */ CURRENT_CLASS), +/* harmony export */ DISABLED_CLASS: () => (/* binding */ DISABLED_CLASS), +/* harmony export */ HIDDEN_CLASS: () => (/* binding */ HIDDEN_CLASS), +/* harmony export */ HIDE_JS_CLASS: () => (/* binding */ HIDE_JS_CLASS), +/* harmony export */ HOOKS: () => (/* binding */ HOOKS), +/* harmony export */ PLUGIN_URL: () => (/* binding */ PLUGIN_URL), +/* harmony export */ SINGLE_SETTINGS_CLASS: () => (/* binding */ SINGLE_SETTINGS_CLASS), +/* harmony export */ nonce: () => (/* binding */ nonce) +/* harmony export */ }); +var _window$frmGlobal = window.frmGlobal, + PLUGIN_URL = _window$frmGlobal.url, + nonce = _window$frmGlobal.nonce; + +var HIDDEN_CLASS = 'frm_hidden'; +var DISABLED_CLASS = 'frm_disabled'; +var HIDE_JS_CLASS = 'frm-hide-js'; +var CURRENT_CLASS = 'frm-current'; +var CHECKED_CLASS = 'frm-checked'; +var SINGLE_SETTINGS_CLASS = 'frm-single-settings'; +var HOOKS = { + SHOW_FIELD_SETTINGS: 'frmShowedFieldSettings' +}; + +/***/ }), + +/***/ "./js/src/settings-components/components/slider-component.js": +/*!*******************************************************************!*\ + !*** ./js/src/settings-components/components/slider-component.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ frmSliderComponent) +/* harmony export */ }); +/* harmony import */ var core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/constants */ "./js/src/core/constants.js"); +/* harmony import */ var _admin_components_dependent_updater_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../admin/components/dependent-updater-component */ "./js/src/admin/components/dependent-updater-component.js"); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +/** + * Internal dependencies + */ + + + +/** + * Represents a slider component. + * + * @class frmSliderComponent + */ +var frmSliderComponent = /*#__PURE__*/function () { + function frmSliderComponent() { + var _this = this; + var sliderElements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; + var settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; + _classCallCheck(this, frmSliderComponent); + this.loadedByWebComponent = sliderElements.length > 0; + this.sliderElements = sliderElements.length > 0 ? sliderElements : document.querySelectorAll('.frm-slider-component'); + this.settings = settings; + if (0 === this.sliderElements.length) { + return; + } + + // The slider bullet point width in pixels. Used in value calculation on drag event. + this.sliderBulletWidth = 16; + this.sliderMarginRight = 5; + this.eventsChange = []; + var debounce = frmDom.util.debounce; + this.valueChangeDebouncer = debounce(function (index) { + return _this.triggerValueChange(index); + }, 25); + this.initOptions(); + this.init(); + } + + /** + * Initializes the options for the slider component. + */ + return _createClass(frmSliderComponent, [{ + key: "initOptions", + value: function initOptions() { + var _this2 = this; + this.options = []; + this.sliderElements.forEach(function (element, index) { + var parentWrapper = element.classList.contains('frm-has-multiple-values') ? element.closest('.frm-style-component') : element; + var steps = _this2.settings.steps || (element.dataset.steps ? JSON.parse(element.dataset.steps) : null); + _this2.options.push({ + dragging: false, + startX: 0, + translateX: 0, + maxValue: parseInt(element.dataset.maxValue, 10), + element: element, + index: index, + value: 0, + steps: steps, + dependentUpdater: parentWrapper.classList.contains('frm-style-dependent-updater-component') ? new _admin_components_dependent_updater_component__WEBPACK_IMPORTED_MODULE_1__["default"](parentWrapper) : null + }); + }); + } + + /** + * Initializes the slider component. + */ + }, { + key: "init", + value: function init() { + this.initDraggable(); + if (this.loadedByWebComponent) { + this.initSlidersPositionInsideWebComponent(); + return; + } + this.initSlidersPosition(); + } + + /** + * Initializes the draggable functionality for the slider component. + */ + }, { + key: "initDraggable", + value: function initDraggable() { + var _this3 = this; + this.sliderElements.forEach(function (element, index) { + _this3.eventsChange[index] = new Event('change', { + bubbles: true, + cancelable: true + }); + var draggableBullet = element.querySelector('.frm-slider-bullet'); + var valueInput = element.querySelector('.frm-slider-value input[type="text"]'); + valueInput.addEventListener('change', function (event) { + var unit = element.querySelector('select').value; + if (_this3.getMaxValue(unit, index) < parseInt(event.target.value, 10)) { + return; + } + _this3.initSliderWidth(element); + _this3.options[index].fullValue = _this3.updateValue(element, valueInput.value + unit); + _this3.triggerValueChange(index); + }); + _this3.expandSliderGroup(element); + _this3.updateOnUnitChange(element, valueInput, index); + _this3.changeSliderPositionOnClick(element, valueInput, index); + frmSliderComponent.maybeDisableUnitDropdown(element); + draggableBullet.addEventListener('mousedown', function (event) { + event.preventDefault(); + event.stopPropagation(); + if (element.classList.contains('frm-disabled')) { + return; + } + _this3.enableDragging(event, index); + var onMouseMove = function onMouseMove(moveEvent) { + return _this3.moveTracker(moveEvent, index); + }; + var _onMouseUp = function onMouseUp() { + _this3.disableDragging(index); + document.removeEventListener('mousemove', onMouseMove); + document.removeEventListener('mouseup', _onMouseUp); + }; + document.addEventListener('mousemove', onMouseMove); + document.addEventListener('mouseup', _onMouseUp); + }); + }); + } + }, { + key: "expandSliderGroup", + value: function expandSliderGroup(element) { + var svgIcon = element.querySelector('.frmsvg'); + if (element.dataset.displaySliders === undefined || null === svgIcon) { + return; + } + var sliderGroupItems = this.getSliderGroupItems(element); + svgIcon.addEventListener('click', function () { + sliderGroupItems.forEach(function (item) { + item.classList.toggle(core_constants__WEBPACK_IMPORTED_MODULE_0__.HIDDEN_CLASS); + }); + }); + } + }, { + key: "updateOnUnitChange", + value: function updateOnUnitChange(element, valueInput, index) { + var _this4 = this; + element.querySelector('select').addEventListener('change', function (event) { + var unit = event.target.value.toLowerCase(); + if ('' === unit) { + element.classList.add('frm-disabled', 'frm-empty'); + return; + } + if ('auto' === unit) { + element.classList.add('frm-disabled'); + _this4.updateValue(element, 'auto'); + _this4.triggerValueChange(index); + return; + } + element.classList.remove('frm-disabled', 'frm-empty'); + _this4.options[index].fullValue = valueInput.value + unit; + _this4.updateValue(element, _this4.options[index].fullValue); + _this4.triggerValueChange(index); + }); + } + }, { + key: "changeSliderPositionOnClick", + value: function changeSliderPositionOnClick(element, valueInput, index) { + var _this5 = this; + var frmSlider = element.querySelector('.frm-slider'); + var customEvent = new Event('change', { + bubbles: true, + cancelable: true + }); + frmSlider.addEventListener('click', function (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; + } + var sliderWidth = frmSlider.offsetWidth - _this5.sliderBulletWidth; + var sliderRect = frmSlider.getBoundingClientRect(); + var deltaX = event.clientX - sliderRect.left - _this5.sliderBulletWidth; + var unit = element.querySelector('select').value; + var value = frmSliderComponent.calculateValue(sliderWidth, deltaX, _this5.getMaxValue(unit, index), _this5.options[index].steps); + if (value < 0) { + return; + } + _this5.options[index].fullValue = _this5.updateValue(element, value + unit); + _this5.initChildSlidersWidth(element, deltaX, index, value + unit); + valueInput.value = value; + valueInput.dispatchEvent(customEvent); + }); + } + + /** + * Disables the unit dropdown if there is only a single unit option. + * + * @param {HTMLElement} element - The slider element. + */ + }, { + key: "getSliderGroupItems", + value: + /** + * Retrieves an array of slider group items based on the provided element. + * + * @param {HTMLElement} element - The element to retrieve slider group items from. + * @return {NodeList} - An array-like object containing the slider group items. + */ + function getSliderGroupItems(element) { + if (element.dataset.displaySliders === undefined) { + return []; + } + var slidersGroup = element.dataset.displaySliders.split(','); + var query = slidersGroup.map(function (item) { + return ".frm-slider-component[data-type=\"".concat(item, "\"]"); + }).join(', '); + return element.closest('.frm-style-component').querySelectorAll(query); + } + }, { + key: "initSlidersPositionInsideWebComponent", + value: function initSlidersPositionInsideWebComponent() { + var _this6 = this; + this.sliderElements.forEach(function (element, index) { + _this6.initSliderWidth(element, index); + }); + } + + /** + * Initializes the position of sliders when a accordion section is opened. + */ + }, { + key: "initSlidersPosition", + value: function initSlidersPosition() { + var _this7 = this; + var emailSettings = document.querySelector('.email_settings'); + if (emailSettings) { + this.initSlidersWidth(emailSettings); + return; + } + var accordionitems = document.querySelectorAll('#frm_style_sidebar .accordion-section h3'); + var quickSettings = document.querySelector('.frm-quick-settings'); + var 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', function (event) { + var imageBackgroundOpacitySlider = event.closest('.accordion-section-content').querySelector('#frm-bg-image-opacity-slider'); + _this7.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(function (item) { + item.addEventListener('click', function (event) { + _this7.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} + */ + }, { + key: "initSliderPositionOnFieldShapeChange", + value: function initSliderPositionOnFieldShapeChange() { + var _this8 = this; + var fieldShapeType = document.querySelector('.frm-style-component.frm-field-shape'); + if (!fieldShapeType) { + return; + } + var radioButtons = fieldShapeType.querySelectorAll('input[type="radio"]'); + radioButtons.forEach(function (radio) { + radio.addEventListener('change', function (event) { + if (event.target.checked && 'rounded-corner' === event.target.value) { + var slider = document.querySelector('div[data-frm-element="field-shape-corner-radius"] .frm-slider-component'); + _this8.initSliderWidth(slider); + } + }); + }); + } + + /** + * Initializes the width of sliders within a given section. + * + * @param {HTMLElement} section - The section containing the sliders. + * @return {void} + */ + }, { + key: "initSlidersWidth", + value: function initSlidersWidth(section) { + var _this9 = this; + var sliders = section.querySelectorAll('.frm-slider-component'); + sliders.forEach(function (slider) { + setTimeout(function () { + _this9.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} + */ + }, { + key: "initSliderWidth", + value: function initSliderWidth(slider) { + var sliderIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; + if (slider.classList.contains('frm-disabled')) { + return; + } + var index = sliderIndex !== null ? sliderIndex : this.getSliderIndex(slider); + var sliderWidth = slider.querySelector('.frm-slider').offsetWidth - this.sliderBulletWidth; + var value = parseInt(slider.querySelector('.frm-slider-value input[type="text"]').value, 10); + var unit = slider.querySelector('select').value; + var steps = this.options[index].steps; + var 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 = "".concat(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. + */ + }, { + key: "initChildSlidersWidth", + value: + /** + * 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. + */ + function initChildSlidersWidth(slider, width, index, value) { + var _this0 = this; + if (!slider.classList.contains('frm-has-independent-fields') && !slider.classList.contains('frm-has-multiple-values')) { + return; + } + var childSliders = slider.classList.contains('frm-has-independent-fields') ? slider.querySelectorAll('.frm-independent-slider-field') : this.getSliderGroupItems(slider); + childSliders.forEach(function (item, childIndex) { + item.querySelector('.frm-slider-active-track').style.width = "".concat(width, "px"); + _this0.options[index + childIndex + 1].translateX = width; + _this0.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. + */ + }, { + key: "getSliderIndex", + value: function getSliderIndex(slider) { + return this.options.filter(function (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} + */ + }, { + key: "moveTracker", + value: function moveTracker(event, index) { + if (!this.options[index].dragging) { + return; + } + var deltaX = event.clientX - this.options[index].startX; + var element = this.sliderElements[index]; + var sliderWidth = element.querySelector('.frm-slider').offsetWidth - this.sliderBulletWidth; + + // Clamp deltaX within valid range + deltaX = Math.max(deltaX, 0); + deltaX = Math.min(deltaX, sliderWidth); + var unit = element.querySelector('select').value; + var 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 = "".concat(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. + * + * @param {string} unit - The unit of measurement. + * @param {number} index - The index of the option. + * @return {number} The maximum value. + */ + }, { + key: "getMaxValue", + value: function getMaxValue(unit, index) { + 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. + */ + }, { + key: "enableDragging", + value: function 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. + */ + }, { + key: "disableDragging", + value: function disableDragging(index) { + if (false === this.options[index].dragging) { + return; + } + var 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. + * + * @param {number} index - The index of the value to be changed. + */ + }, { + key: "triggerValueChange", + value: function triggerValueChange(index) { + var _this1 = this; + if (null !== this.options[index].dependentUpdater) { + this.options[index].dependentUpdater.updateAllDependentElements(this.options[index].fullValue); + return; + } + var input = this.sliderElements[index].classList.contains('frm-has-multiple-values') ? this.sliderElements[index].closest('.frm-style-component').querySelector('input[type="hidden"]') : this.sliderElements[index].querySelectorAll('.frm-slider-value input[type="hidden"]'); + if (input instanceof NodeList) { + input.forEach(function (item) { + item.dispatchEvent(_this1.eventsChange[index]); + }); + return; + } + 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. + */ + }, { + key: "updateValue", + value: + /** + * Updates the value of a slider component. + * + * @param {HTMLElement} element - The slider component element. + * @param {string} value - The new value to be set. + * @return {string} - The updated value. + */ + function updateValue(element, value) { + var _this10 = this; + // When the slider component is used for "Base Font Size", we need to update a hidden input field when change happens to indicate that the "Base Font Size" has been adjusted. + // Used to avoid conflicts with other possible font sizes adjustemnts in "Advanced Settings" when moving from "Quick Settings" when "Base Font Size" is not changed. + if (element.classList.contains('frm-base-font-size')) { + var userBaseFontSizeInput = document.querySelector('input[name="frm_style_setting[post_content][use_base_font_size]"]'); + if (userBaseFontSizeInput) { + userBaseFontSizeInput.value = 'true'; + } + } + if (element.classList.contains('frm-has-multiple-values')) { + var input = element.closest('.frm-style-component').querySelector('input[type="hidden"]'); + var inputValue = input.value.split(' '); + var type = element.dataset.type; + if (!inputValue[2]) { + inputValue[2] = '0px'; + } + if (!inputValue[3]) { + inputValue[3] = '0px'; + } + switch (type) { + case 'vertical': + inputValue[0] = value; + inputValue[2] = value; + break; + case 'horizontal': + inputValue[1] = value; + inputValue[3] = value; + break; + case 'top': + inputValue[0] = value; + break; + case 'bottom': + inputValue[2] = value; + break; + case 'left': + inputValue[3] = value; + break; + case 'right': + inputValue[1] = value; + break; + } + var newValue = inputValue.join(' '); + input.value = newValue; + var childSlidersGroup = this.getSliderGroupItems(element); + childSlidersGroup.forEach(function (slider) { + var unitMeasure = _this10.getUnitMeasureFromValue(value); + slider.querySelector('.frm-slider-value input[type="text"]').value = parseInt(value, 10); + slider.querySelector('select').value = unitMeasure; + }); + return newValue; + } + if (element.classList.contains('frm-has-independent-fields')) { + var inputValues = element.querySelectorAll('.frm-slider-value input[type="hidden"]'); + var visibleValues = element.querySelectorAll('.frm-slider-value input[type="text"]'); + inputValues.forEach(function (input, index) { + input.value = value; + visibleValues[index + 1].value = parseInt(value, 10); + }); + return value; + } + element.querySelector('.frm-slider-value input[type="hidden"]').value = value; + return value; + } + + /** + * Returns the unit of measurement used in the given value. + * + * @param {string} value - The value to check for the unit of measurement. + * @return {string} The unit of measurement ('%', 'px', 'em') found in the value, or an empty string if none is found. + */ + }, { + key: "getUnitMeasureFromValue", + value: function getUnitMeasureFromValue(value) { + return ['%', 'px', 'em'].find(function (unit) { + return value.includes(unit); + }) || ''; + } + }], [{ + key: "maybeDisableUnitDropdown", + value: function maybeDisableUnitDropdown(element) { + var select = element.querySelector('select'); + if (!select) { + return; + } + var options = Array.from(select.options).filter(function (option) { + return '' !== option.value; + }); + if (1 >= options.length) { + select.classList.add('frm-single-unit'); + select.addEventListener('mousedown', function (event) { + return event.preventDefault(); + }); + } + } + }, { + key: "calculateDeltaXFromSteps", + value: function calculateDeltaXFromSteps(value, steps, sliderWidth) { + var stepIndex = steps.indexOf(value); + if (-1 === stepIndex) { + // If value not in steps, find closest and use its position + var closestValue = frmSliderComponent.snapToStep(value, steps); + var closestIndex = steps.indexOf(closestValue); + return Math.round(closestIndex / (steps.length - 1) * sliderWidth); + } + return Math.round(stepIndex / (steps.length - 1) * sliderWidth); + } + }, { + key: "calculateValue", + value: function calculateValue(width, deltaX, maxValue) { + var steps = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null; + if (steps && steps.length > 0) { + // For stepped sliders, map position directly to step index + var position = deltaX / width; + var stepIndex = Math.round(position * (steps.length - 1)); + var clampedIndex = Math.max(0, Math.min(stepIndex, steps.length - 1)); + return steps[clampedIndex]; + } + + // Calculate value as a simple proportion of the slider position + var 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. + */ + }, { + key: "snapToStep", + value: function snapToStep(value, steps) { + var nearest = steps[0]; + var minDiff = Math.abs(value - nearest); + for (var i = 1; i < steps.length; i++) { + var diff = Math.abs(value - steps[i]); + if (diff < minDiff) { + minDiff = diff; + nearest = steps[i]; + } + } + return nearest; + } + }]); +}(); + + +/***/ }), + +/***/ "./js/src/web-components/frm-border-radius-component/frm-border-radius-component.js": +/*!******************************************************************************************!*\ + !*** ./js/src/web-components/frm-border-radius-component/frm-border-radius-component.js ***! + \******************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmBorderRadiusComponent: () => (/* binding */ frmBorderRadiusComponent) +/* harmony export */ }); +/* harmony import */ var _frm_web_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../frm-web-component */ "./js/src/web-components/frm-web-component.js"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var _frm_border_radius_component_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./frm-border-radius-component.css */ "./js/src/web-components/frm-border-radius-component/frm-border-radius-component.css"); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); } +function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); } +function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; } +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } +function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; } +function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); } +function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; } +function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); } +function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); } +function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } +function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); } +function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); } +function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; } +function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); } +function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); } + + + +var _onChange = /*#__PURE__*/new WeakMap(); +var _unitTypeOptions = /*#__PURE__*/new WeakMap(); +var _value = /*#__PURE__*/new WeakMap(); +var _defaultValue = /*#__PURE__*/new WeakMap(); +var _usesMultipleValues = /*#__PURE__*/new WeakMap(); +var frmBorderRadiusComponent = /*#__PURE__*/function (_frmWebComponent) { + function frmBorderRadiusComponent() { + var _this; + _classCallCheck(this, frmBorderRadiusComponent); + _this = _callSuper(this, frmBorderRadiusComponent); + _classPrivateFieldInitSpec(_this, _onChange, function () {}); + _classPrivateFieldInitSpec(_this, _unitTypeOptions, ['px', 'em', '%']); + _classPrivateFieldInitSpec(_this, _value, '0px'); + _classPrivateFieldInitSpec(_this, _defaultValue, '0px'); + _classPrivateFieldInitSpec(_this, _usesMultipleValues, false); + _this.componentStyle = _frm_border_radius_component_css__WEBPACK_IMPORTED_MODULE_2__["default"]; + return _this; + } + _inherits(frmBorderRadiusComponent, _frmWebComponent); + return _createClass(frmBorderRadiusComponent, [{ + key: "initOptions", + value: function initOptions() { + _superPropGet(frmBorderRadiusComponent, "initOptions", this, 3)([]); + if (null === this.componentId) { + var _frmBorderRadiusCompo; + this.componentId = "frm-border-radius-web-component-".concat(_instanceCount._ = (_frmBorderRadiusCompo = _instanceCount._, ++_frmBorderRadiusCompo)); + } + } + }, { + key: "initView", + value: function initView() { + 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); + return this.wrapper; + } + }, { + key: "parseDefaultValues", + value: function parseDefaultValues() { + if (!_classPrivateFieldGet(_defaultValue, this)) { + return { + top: { + value: 0, + unit: 'px' + }, + bottom: { + value: 0, + unit: 'px' + }, + left: { + value: 0, + unit: 'px' + }, + right: { + value: 0, + unit: 'px' + } + }; + } + var parts = _classPrivateFieldGet(_defaultValue, this).split(' '); + return { + top: frmBorderRadiusComponent.parseValueUnit(parts[0] || '0px'), + bottom: frmBorderRadiusComponent.parseValueUnit(parts[2] || parts[0] || '0px'), + left: frmBorderRadiusComponent.parseValueUnit(parts[3] || parts[1] || parts[0] || '0px'), + right: frmBorderRadiusComponent.parseValueUnit(parts[1] || parts[0] || '0px') + }; + } + }, { + key: "getInputWrapper", + value: function getInputWrapper() { + this.inputWrapper = document.createElement('div'); + this.inputWrapper.classList.add('frm-input-wrapper'); + this.inputWrapper.append(this.getInputValue(), this.getInputUnit(), this.getHiddenInput()); + return this.inputWrapper; + } + }, { + key: "getHiddenInput", + value: function getHiddenInput() { + this.hiddenInput = document.createElement('input'); + this.hiddenInput.type = 'hidden'; + this.hiddenInput.value = _classPrivateFieldGet(_value, this); + if (this.fieldName) { + this.hiddenInput.name = this.fieldName; + } + return this.hiddenInput; + } + }, { + key: "getInputValue", + value: function getInputValue() { + var _this2 = this; + this.inputValue = document.createElement('input'); + this.inputValue.type = 'text'; + this.inputValue.id = "".concat(this.componentId, "-value"); + this.inputValue.setAttribute('aria-label', (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Border radius value', 'formidable')); + this.inputValue.classList.add('frm-input-value'); + if (!_classPrivateFieldGet(_usesMultipleValues, this)) { + this.inputValue.value = parseInt(_classPrivateFieldGet(_defaultValue, this)) || 0; + } + this.inputValue.addEventListener('change', function () { + var value = _this2.inputValue.value + _this2.inputUnit.value; + _this2.hiddenInput.value = value; + _this2.borderInputBottom.value = _this2.inputValue.value; + _this2.borderInputTop.value = _this2.inputValue.value; + _this2.borderInputLeft.value = _this2.inputValue.value; + _this2.borderInputRight.value = _this2.inputValue.value; + _this2.updateValue(value); + }); + return this.inputValue; + } + }, { + key: "getInputUnit", + value: function getInputUnit() { + var _this3 = this; + this.inputUnit = document.createElement('select'); + this.inputUnit.id = "".concat(this.componentId, "-unit"); + this.inputUnit.setAttribute('aria-label', (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Border radius unit', 'formidable')); + this.inputUnit.classList.add('frm-input-unit'); + _classPrivateFieldGet(_unitTypeOptions, this).forEach(function (option) { + var opt = document.createElement('option'); + opt.value = option; + opt.textContent = option; + _this3.inputUnit.append(opt); + }); + this.inputUnit.addEventListener('change', function () { + _this3.hiddenInput.value = _this3.inputValue.value + _this3.inputUnit.value; + }); + return this.inputUnit; + } + }, { + key: "getBorderIndividualInputsWrapper", + value: function getBorderIndividualInputsWrapper() { + this.borderIndividualInputsWrapper = document.createElement('div'); + this.borderIndividualInputsWrapper.classList.add('frm-border-individual-inputs-wrapper'); + if (!_classPrivateFieldGet(_usesMultipleValues, this)) { + this.borderIndividualInputsWrapper.classList.add('frm_hidden'); + } + this.borderIndividualInputsWrapper.append(this.getBorderInputTop(), this.getBorderInputRight(), this.getBorderInputLeft(), this.getBorderInputBottom()); + return this.borderIndividualInputsWrapper; + } + }, { + key: "getBorderInputTop", + value: function getBorderInputTop() { + var _this4 = this; + var defaultValues = this.parseDefaultValues(); + var span = document.createElement('span'); + span.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', (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Top border radius', 'formidable')); + this.borderInputTop.value = parseInt(defaultValues.top.value); + span.append(this.borderInputTop); + this.borderInputTop.addEventListener('change', function () { + return _this4.buildBorderRadiusIndividualValue(); + }); + return span; + } + }, { + key: "getBorderInputBottom", + value: function getBorderInputBottom() { + var _this5 = this; + var defaultValues = this.parseDefaultValues(); + var span = document.createElement('span'); + span.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', (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Bottom border radius', 'formidable')); + this.borderInputBottom.value = parseInt(defaultValues.bottom.value); + span.append(this.borderInputBottom); + this.borderInputBottom.addEventListener('change', function () { + return _this5.buildBorderRadiusIndividualValue(); + }); + return span; + } + }, { + key: "getBorderInputLeft", + value: function getBorderInputLeft() { + var _this6 = this; + var defaultValues = this.parseDefaultValues(); + var span = document.createElement('span'); + span.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', (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Left border radius', 'formidable')); + this.borderInputLeft.value = parseInt(defaultValues.left.value); + span.append(this.borderInputLeft); + this.borderInputLeft.addEventListener('change', function () { + return _this6.buildBorderRadiusIndividualValue(); + }); + return span; + } + }, { + key: "getBorderInputRight", + value: function getBorderInputRight() { + var _this7 = this; + var defaultValues = this.parseDefaultValues(); + var span = document.createElement('span'); + span.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', (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Right border radius', 'formidable')); + this.borderInputRight.value = parseInt(defaultValues.right.value); + span.append(this.borderInputRight); + this.borderInputRight.addEventListener('change', function () { + return _this7.buildBorderRadiusIndividualValue(); + }); + return span; + } + }, { + key: "buildBorderRadiusIndividualValue", + value: function buildBorderRadiusIndividualValue() { + var unit = this.inputUnit.value; + var value = "".concat(parseInt(this.borderInputTop.value, 10)).concat(unit, " ").concat(parseInt(this.borderInputRight.value, 10)).concat(unit, " ").concat(parseInt(this.borderInputBottom.value, 10)).concat(unit, " ").concat(parseInt(this.borderInputLeft.value, 10)).concat(unit); + this.updateValue(value); + } + }, { + key: "updateValue", + value: function updateValue(value) { + this.hiddenInput.value = value; + _classPrivateFieldGet(_onChange, this).call(this, value); + } + }, { + key: "getButton", + value: function getButton() { + var _this8 = this; + this.button = document.createElement('button'); + this.button.type = 'button'; + this.button.textContent = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Border Radius', 'formidable'); + if (_classPrivateFieldGet(_usesMultipleValues, this)) { + this.button.classList.add('frm-active'); + } + this.button.addEventListener('click', function () { + _this8.button.classList.toggle('frm-active'); + _this8.borderIndividualInputsWrapper.classList.toggle('frm_hidden'); + }); + return this.button; + } + }, { + key: "onChange", + set: function set(callback) { + if ('function' !== typeof callback) { + throw new TypeError("Expected a function, but received ".concat(_typeof(callback))); + } + _classPrivateFieldSet(_onChange, this, callback); + } + }, { + key: "borderRadiusDefaultValue", + set: function set(value) { + _classPrivateFieldSet(_defaultValue, this, value); + _classPrivateFieldSet(_usesMultipleValues, this, !/^(\d+)(px|em|%)?$/.test(value) && '' !== value); + } + }], [{ + key: "parseValueUnit", + value: function parseValueUnit(valueStr) { + var match = valueStr.match(/^(\d+)(px|em|%)?$/); + if (!match) { + return { + value: 0, + unit: 'px' + }; + } + return { + value: parseInt(match[1], 10), + unit: match[2] || 'px' + }; + } + }]); +}(_frm_web_component__WEBPACK_IMPORTED_MODULE_0__.frmWebComponent); +var _instanceCount = { + _: 0 +}; + +/***/ }), + +/***/ "./js/src/web-components/frm-colorpicker-component/frm-colorpicker-component.js": +/*!**************************************************************************************!*\ + !*** ./js/src/web-components/frm-colorpicker-component/frm-colorpicker-component.js ***! + \**************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmColorpickerComponent: () => (/* binding */ frmColorpickerComponent) +/* harmony export */ }); +/* harmony import */ var _frm_web_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../frm-web-component */ "./js/src/web-components/frm-web-component.js"); +/* harmony import */ var _frm_colorpicker_component_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./frm-colorpicker-component.css */ "./js/src/web-components/frm-colorpicker-component/frm-colorpicker-component.css"); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); } +function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); } +function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; } +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } +function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); } +function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); } +function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); } +function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); } +function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; } +function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); } +function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); } + + +var _onChange = /*#__PURE__*/new WeakMap(); +var _defaultValue = /*#__PURE__*/new WeakMap(); +var frmColorpickerLiteComponent = /*#__PURE__*/function (_frmWebComponent) { + function frmColorpickerLiteComponent() { + var _this; + _classCallCheck(this, frmColorpickerLiteComponent); + _this = _callSuper(this, frmColorpickerLiteComponent); + _classPrivateFieldInitSpec(_this, _onChange, function () {}); + _classPrivateFieldInitSpec(_this, _defaultValue, '#ffffff'); + _this.input = document.createElement('input'); + _this.componentStyle = _frm_colorpicker_component_css__WEBPACK_IMPORTED_MODULE_1__["default"]; + _this.attachInternals(); + return _this; + } + _inherits(frmColorpickerLiteComponent, _frmWebComponent); + return _createClass(frmColorpickerLiteComponent, [{ + key: "initView", + value: function initView() { + var wrapper = document.createElement('div'); + wrapper.classList.add('frm-colorpicker-component', 'frm-colorpicker'); + wrapper.append(this.getInput()); + return wrapper; + } + }, { + key: "getInput", + value: function getInput() { + var _this2 = this; + this.input.type = 'text'; + this.input.classList.add('hex'); + if (null !== this.fieldName) { + this.input.name = this.fieldName; + } + if (null !== _classPrivateFieldGet(_defaultValue, this)) { + this.input.value = _classPrivateFieldGet(_defaultValue, this); + } + if (null !== this.componentId) { + this.input.id = this.componentId; + } + this.input.addEventListener('blur', function (event) { + return _classPrivateFieldGet(_onChange, _this2).call(_this2, event, null); + }); + return this.input; + } + }, { + key: "useShadowDom", + value: function useShadowDom() { + return false; + } + }, { + key: "afterViewInit", + value: function afterViewInit() { + var _this3 = this; + var colorPickerOptions = { + defaultColor: _classPrivateFieldGet(_defaultValue, this) + }; + if ('function' === typeof _classPrivateFieldGet(_onChange, this)) { + // Use the setTimeout when calling the callback for onChange to make sure the latest color is fetched. + colorPickerOptions.change = function (event, ui) { + return setTimeout(function () { + return _classPrivateFieldGet(_onChange, _this3).call(_this3, event, ui); + }, 20); + }; + } + jQuery(this.input).wpColorPicker(colorPickerOptions); + } + + /** + * A method to get the color value. + * + * @return {string} - The color value. + */ + }, { + key: "color", + get: function get() { + return jQuery(this.input).wpColorPicker('color'); + } + + /** + * A method to set the color value. + * + * @param {string} value - The value to set the color value for. + * @return {void} + */, + set: function set(value) { + _classPrivateFieldSet(_defaultValue, this, value); + this.input.value = value; + } + + /** + * A method to set the change event listener for the color picker component. + * + * @param {Function} callback - The callback function to call when the color picker component is changed. + * @return {void} + */ + }, { + key: "onChange", + set: function set(callback) { + if ('function' !== typeof callback) { + throw new TypeError("Expected a function, but received ".concat(_typeof(callback))); + } + _classPrivateFieldSet(_onChange, this, callback); + } + }]); +}(_frm_web_component__WEBPACK_IMPORTED_MODULE_0__.frmWebComponent); // The color picker component that may be a mixin of the color picker pro component. +_defineProperty(frmColorpickerLiteComponent, "formAssociated", true); +var frmColorpickerComponent = window.frmColorpickerProComponent ? window.frmColorpickerProComponent(frmColorpickerLiteComponent) : frmColorpickerLiteComponent; + +/***/ }), + +/***/ "./js/src/web-components/frm-dropdown-component/frm-dropdown-component.js": +/*!********************************************************************************!*\ + !*** ./js/src/web-components/frm-dropdown-component/frm-dropdown-component.js ***! + \********************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmDropdownComponent: () => (/* binding */ frmDropdownComponent) +/* harmony export */ }); +/* harmony import */ var _frm_web_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../frm-web-component */ "./js/src/web-components/frm-web-component.js"); +/* harmony import */ var _frm_dropdown_component_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./frm-dropdown-component.css */ "./js/src/web-components/frm-dropdown-component/frm-dropdown-component.css"); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); } +function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); } +function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; } +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } +function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); } +function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); } +function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); } +function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); } +function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; } +function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); } +function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); } + + +var _onChange = /*#__PURE__*/new WeakMap(); +var _select = /*#__PURE__*/new WeakMap(); +var frmDropdownComponent = /*#__PURE__*/function (_frmWebComponent) { + function frmDropdownComponent() { + var _this; + _classCallCheck(this, frmDropdownComponent); + _this = _callSuper(this, frmDropdownComponent); + _classPrivateFieldInitSpec(_this, _onChange, function () {}); + _classPrivateFieldInitSpec(_this, _select, document.createElement('select')); + _this.componentStyle = _frm_dropdown_component_css__WEBPACK_IMPORTED_MODULE_1__["default"]; + _this.attachInternals(); + return _this; + } + + /** + * Initializes the view. Called when the component is rendered. + * + * @return {Element} - The wrapper element. + */ + _inherits(frmDropdownComponent, _frmWebComponent); + return _createClass(frmDropdownComponent, [{ + key: "initView", + value: function initView() { + this.wrapper = document.createElement('div'); + this.wrapper.classList.add('frm-dropdown-component'); + this.wrapper.append(this.getSelect()); + return this.wrapper; + } + + /** + * Gets the select element. + * + * @return {Element} - The select element. + */ + }, { + key: "getSelect", + value: function getSelect() { + if (this.componentId) { + _classPrivateFieldGet(_select, this).id = this.componentId; + } + if (this.fieldName) { + _classPrivateFieldGet(_select, this).name = this.fieldName; + } + return _classPrivateFieldGet(_select, this); + } + + /** + * Determines if the component should use shadow DOM. The dropdown component can utilize shadow DOM as it does not require external functional dependencies. + * + * @return {boolean} - True if the component should use shadow DOM, false otherwise. + */ + }, { + key: "useShadowDom", + value: function useShadowDom() { + return true; + } + + /** + * Initializes the select options. It will retrieve the all the options from the component and create new option elements. + * + * @return {void} + */ + }, { + key: "initSelectOptions", + value: function initSelectOptions() { + var _this2 = this; + var optionsNodes = this.querySelectorAll('option'); + optionsNodes.forEach(function (option) { + var opt = document.createElement('option'); + opt.value = option.value; + opt.textContent = option.textContent; + option.remove(); + _classPrivateFieldGet(_select, _this2).append(opt); + }); + } + + /** + * Called when the component is visible in the viewport. + * + * @return {void} + */ + }, { + key: "afterViewInit", + value: function afterViewInit() { + var _this3 = this; + this.initSelectOptions(); + _classPrivateFieldGet(_select, this).addEventListener('change', function () { + _classPrivateFieldGet(_onChange, _this3).call(_this3, _classPrivateFieldGet(_select, _this3).value); + }); + } + + /** + * A method to add options dynamically to the select element. + * + * @param {Array} options - The options to add. + * @return {void} + */ + }, { + key: "addOptions", + set: function set(options) { + var _this4 = this; + options.forEach(function (option) { + var opt = document.createElement('option'); + opt.value = option.value; + opt.textContent = option.label; + opt.selected = option.selected; + _classPrivateFieldGet(_select, _this4).append(opt); + }); + } + + /** + * A method to set the disabled state of the select element. + * + * @param {boolean} value - The value to set. + * @return {void} + */ + }, { + key: "disabled", + set: function set(value) { + _classPrivateFieldGet(_select, this).disabled = value; + } + + /** + * A method to set the change event listener for the select element. + * + * @param {Function} callback - The callback function to call when the select element is changed. + * @return {void} + */ + }, { + key: "onChange", + set: function set(callback) { + if ('function' !== typeof callback) { + throw new TypeError("Expected a function, but received ".concat(_typeof(callback))); + } + _classPrivateFieldSet(_onChange, this, callback); + } + + /** + * A method to set the selected value of the select element. + * + * @param {string} value - The value to set. + * @return {void} + */ + }, { + key: "selectedValue", + set: function set(value) { + var option = Array.from(_classPrivateFieldGet(_select, this).options).find(function (option) { + return option.value === value; + }); + if (option) { + option.selected = true; + } + } + }]); +}(_frm_web_component__WEBPACK_IMPORTED_MODULE_0__.frmWebComponent); + +// A shorthand function to create a dropdown component. +_defineProperty(frmDropdownComponent, "formAssociated", true); +window.frmDropdownComponent = function (id, options, onChangeCallback) { + var dropdown = document.createElement('frm-dropdown-component'); + dropdown.id = id; + dropdown.addOptions = options; + dropdown.onChange = onChangeCallback; + return dropdown; +}; + +/***/ }), + +/***/ "./js/src/web-components/frm-range-slider-component/frm-range-slider-component.js": +/*!****************************************************************************************!*\ + !*** ./js/src/web-components/frm-range-slider-component/frm-range-slider-component.js ***! + \****************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmRangeSliderComponent: () => (/* binding */ frmRangeSliderComponent) +/* harmony export */ }); +/* harmony import */ var _frm_web_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../frm-web-component */ "./js/src/web-components/frm-web-component.js"); +/* harmony import */ var _settings_components_components_slider_component_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../settings-components/components/slider-component.js */ "./js/src/settings-components/components/slider-component.js"); +/* harmony import */ var _frm_range_slider_component_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./frm-range-slider-component.css */ "./js/src/web-components/frm-range-slider-component/frm-range-slider-component.css"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } +function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } +function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); } +function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); } +function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; } +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } +function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; } +function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); } +function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; } +function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); } +function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); } +function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } +function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); } +function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); } +function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); } +function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; } +function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); } + + + + +var _onChange = /*#__PURE__*/new WeakMap(); +var _sliderDefaultValue = /*#__PURE__*/new WeakMap(); +var _sliderDefaultMultipleValues = /*#__PURE__*/new WeakMap(); +var _hasMultipleValues = /*#__PURE__*/new WeakMap(); +var _sliderAvailableUnits = /*#__PURE__*/new WeakMap(); +var _sliderMaxValue = /*#__PURE__*/new WeakMap(); +var _sliderSteps = /*#__PURE__*/new WeakMap(); +var frmRangeSliderComponent = /*#__PURE__*/function (_frmWebComponent) { + function frmRangeSliderComponent() { + var _this; + _classCallCheck(this, frmRangeSliderComponent); + _this = _callSuper(this, frmRangeSliderComponent); + _classPrivateFieldInitSpec(_this, _onChange, function () {}); + _classPrivateFieldInitSpec(_this, _sliderDefaultValue, '0px'); + _classPrivateFieldInitSpec(_this, _sliderDefaultMultipleValues, { + 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' + } + }); + _classPrivateFieldInitSpec(_this, _hasMultipleValues, false); + _classPrivateFieldInitSpec(_this, _sliderAvailableUnits, ['px', 'em', '%']); + _classPrivateFieldInitSpec(_this, _sliderMaxValue, 100); + _classPrivateFieldInitSpec(_this, _sliderSteps, null); + _this.componentStyle = _frm_range_slider_component_css__WEBPACK_IMPORTED_MODULE_2__["default"]; + return _this; + } + _inherits(frmRangeSliderComponent, _frmWebComponent); + return _createClass(frmRangeSliderComponent, [{ + key: "initOptions", + value: function initOptions() { + _superPropGet(frmRangeSliderComponent, "initOptions", this, 3)([]); + if (null === this.componentId) { + var _frmRangeSliderCompon; + this.componentId = "frm-range-slider-web-component-".concat(_instanceCount._ = (_frmRangeSliderCompon = _instanceCount._, ++_frmRangeSliderCompon)); + } + } + + /** + * A method to set the change event listener for the slider component. + * + * @param {Function} callback - The callback function to call when the slider component is changed. + * @return {void} + */ + }, { + key: "onChange", + set: function set(callback) { + if ('function' !== typeof callback) { + throw new TypeError("Expected a function, but received ".concat(_typeof(callback))); + } + _classPrivateFieldSet(_onChange, this, callback); + } + + /** + * A method to set the has multiple values flag. This flag is used to determine if the slider component should display multiple values. + * + * @param {boolean} value - The value to set. + * @return {void} + */ + }, { + key: "hasMultipleValues", + set: function set(value) { + _classPrivateFieldSet(_hasMultipleValues, this, value); + } + + /** + * A method to set the default multiple values. This values are used to determine the default values for the slider component. + * + * @param {Object} value - The value to set. + * @return {void} + */ + }, { + key: "sliderDefaultMultipleValues", + set: function set(value) { + _classPrivateFieldSet(_sliderDefaultMultipleValues, this, value); + } + + /** + * A method to set the default value for the single slider component. This value is used to determine the default value for the single slider component. + * + * @param {string|number} value - The value to set. + * @return {void} + */ + }, { + key: "sliderDefaultValue", + set: function set(value) { + _classPrivateFieldSet(_sliderDefaultValue, this, String(value)); + } + + /** + * A method to set the available units for the slider component. This units are used to determine the available units for the slider component. + * + * @param {Array} value - The value to set. + * @return {void} + */ + }, { + key: "sliderAvailableUnits", + set: function set(value) { + _classPrivateFieldSet(_sliderAvailableUnits, this, value); + } + + /** + * A method to set the max value that the slider can take. + * + * @param {string|number} value - The value to set. + * @return {void} + */ + }, { + key: "sliderMaxValue", + set: function set(value) { + _classPrivateFieldSet(_sliderMaxValue, this, value.toString()); + } + }, { + key: "steps", + set: function set(value) { + _classPrivateFieldSet(_sliderSteps, this, value); + } + }, { + key: "useShadowDom", + value: function useShadowDom() { + return false; + } + }, { + key: "initView", + value: function initView() { + 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 config = { + maxValue: parseInt(this.getAttribute('data-max-value') || _classPrivateFieldGet(_sliderMaxValue, this), 10), + units: this.getAvailableUnits(), + componentClass: this.getAttribute('data-component-class') || '', + componentId: this.componentId, + fieldName: this.fieldName ? "name=\"".concat(this.fieldName, "\"") : '', + fieldValue: this.defaultValue || _classPrivateFieldGet(_sliderDefaultValue, this) + }; + if (this.hasMultipleSliderValues()) { + this.createMultipleValuesSlider(this.slidersContainer, _objectSpread(_objectSpread({}, config), {}, { + defaultValues: this.parseDefaultMultipleValues() + })); + this.wrapper.append(this.slidersContainer); + return this.wrapper; + } + this.slidersContainer.append(this.createSlider({ + maxValue: config.maxValue, + units: config.units, + value: frmRangeSliderComponent.parseValueUnit(config.fieldValue), + addHiddenInputValue: true + })); + this.wrapper.append(this.slidersContainer); + return this.wrapper; + } + + /** + * A method to get the available units for the slider component. It will checke the data-units attribute first and if it is not set, it will return the default available units. + * + * @return {Array} - The available units. + */ + }, { + key: "getAvailableUnits", + value: function getAvailableUnits() { + var attr = this.getAttribute('data-units'); + if (!attr) { + return _classPrivateFieldGet(_sliderAvailableUnits, this); + } + return attr.split(',').map(function (u) { + return u.trim(); + }); + } + + /** + * A method to parse the default values for the multiple values slider component. It will check the data-values attribute first and if it is not set, it will return the default values. + * If the values haven't been set via data-values attribute or dynamically via this._sliderDefaultMultipleValues it will return the default values. + * + * @return {Object} - The default values. + */ + }, { + key: "parseDefaultMultipleValues", + value: function parseDefaultMultipleValues() { + var valuesAttr = this.getAttribute('data-values') || _classPrivateFieldGet(_sliderDefaultMultipleValues, this); + var parts = valuesAttr.split(' '); + var getPart = function getPart(id, fallbackId) { + return parts[id] || parts[fallbackId] || '0px'; + }; + return { + vertical: frmRangeSliderComponent.parseValueUnit(getPart(0)), + top: frmRangeSliderComponent.parseValueUnit(getPart(0)), + bottom: frmRangeSliderComponent.parseValueUnit(getPart(2, 0)), + horizontal: frmRangeSliderComponent.parseValueUnit(getPart(1, 0)), + left: frmRangeSliderComponent.parseValueUnit(getPart(3, 1)), + right: frmRangeSliderComponent.parseValueUnit(getPart(1, 0)) + }; + } + + /** + * A method to parse the value and unit for the slider component. + * + * @param {string} valueStr - The value string to parse. + * @return {Object} - The value and unit object. + */ + }, { + key: "hasMultipleSliderValues", + value: + /** + * A method to check if the slider component has multiple values. It will check the data-has-multiple-values attribute first and if it is not set, it will return the default value. + * + * @return {boolean} - The has multiple values flag. + */ + function hasMultipleSliderValues() { + return this.getAttribute('data-has-multiple-values') === 'true' || _classPrivateFieldGet(_hasMultipleValues, this); + } + + /** + * A method to create the multiple values slider. + * + * @param {Element} wrapper - The wrapper element. + * @param {Object} options - The options for the slider. + * @return {void} + */ + }, { + key: "createMultipleValuesSlider", + value: function createMultipleValuesSlider(wrapper, options) { + var _this2 = this; + var maxValue = options.maxValue, + units = options.units, + componentClass = options.componentClass, + fieldValue = options.fieldValue, + defaultValues = options.defaultValues; + var groups = [{ + type: 'vertical', + displaySliders: 'top,bottom', + iconSvgId: 'frm-margin-top-bottom', + ariaLabel: 'Vertical value', + defaultValues: defaultValues.vertical + }, { + type: 'horizontal', + displaySliders: 'left,right', + iconSvgId: 'frm-margin-left-right', + ariaLabel: 'Horizontal value', + defaultValues: defaultValues.horizontal + }]; + if (componentClass) { + wrapper.className = componentClass; + } + groups.forEach(function (group) { + wrapper.append(_this2.createSliderGroup({ + type: group.type, + displaySliders: group.displaySliders, + maxValue: maxValue, + units: units, + value: group.defaultValues, + iconSvgId: group.iconSvgId, + ariaLabel: group.ariaLabel, + defaultValues: defaultValues, + addHiddenInputValue: false + })); + }); + if (fieldValue) { + wrapper.append(this.createSliderHiddenInputValue(fieldValue)); + } + } + + /** + * A method to create the hidden input value for the slider component. This hidden input value is used to store the value of the slider component. + * + * @param {string} fieldValue - The field value to set. + * @return {Element} - The hidden input value element. + */ + }, { + key: "createSliderHiddenInputValue", + value: function createSliderHiddenInputValue(fieldValue) { + var _this3 = this; + if (!fieldValue) { + return null; + } + var input = document.createElement('input'); + Object.assign(input, { + type: 'hidden', + value: fieldValue + }); + if (this.fieldName) { + input.setAttribute('name', this.fieldName); + } + if (this.componentId) { + input.id = this.componentId; + } + if (_classPrivateFieldGet(_onChange, this)) { + input.addEventListener('change', function () { + _classPrivateFieldGet(_onChange, _this3).call(_this3, input.value); + }); + } + return input; + } + + /** + * A method to create the slider group. This method is used to create the slider group. + * + * @param {Object} options - The options for the slider. + * @return {Element} - The slider group element. + */ + }, { + key: "createSliderGroup", + value: function createSliderGroup(options) { + var _this4 = this; + var slider = this.createSlider(options); + slider.classList.add('frm-group-sliders', 'frm-has-multiple-values'); + slider.setAttribute('data-display-sliders', options.displaySliders); + var slidersGroupItems = options.displaySliders.split(','); + slidersGroupItems.forEach(function (item) { + slider.append(_this4.createSlider({ + type: item, + maxValue: options.maxValue, + units: options.units, + value: options.defaultValues[item], + iconSvgId: "frm-margin-".concat(item), + ariaLabel: "".concat(item, " value"), + hidden: true, + addHiddenInputValue: false + })); + }); + return slider; + } + + /** + * A method to create the slider track. This method is used to create the slider track. + * + * @param {Object} value - The value of the slider. + * @return {Element} - The slider track element. + */ + }, { + key: "createSlider", + value: + /** + * A method to create the slider. This method is used to create the slider. + * + * @param {Object} options - The options for the slider. + * @return {Element} - The slider element. + */ + function createSlider(options) { + var type = options.type, + maxValue = options.maxValue, + units = options.units, + value = options.value, + iconSvgId = options.iconSvgId, + ariaLabel = options.ariaLabel, + hidden = options.hidden, + addHiddenInputValue = options.addHiddenInputValue; + var sliderWrapper = document.createElement('div'); + sliderWrapper.classList.add('frm-slider-component'); + sliderWrapper.setAttribute('data-max-value', maxValue.toString()); + if (hidden) { + sliderWrapper.classList.add('frm_hidden'); + } + if (type) { + sliderWrapper.setAttribute('data-type', type); + } + var flexContainer = document.createElement('div'); + flexContainer.classList.add('frm-flex-justify'); + + // Slider container + var sliderContainer = document.createElement('div'); + sliderContainer.classList.add('frm-slider-container'); + + // Icon + if (iconSvgId) { + sliderContainer.append(frmRangeSliderComponent.createSvgIcon(iconSvgId)); + } + + // Slider track + sliderContainer.append(frmRangeSliderComponent.createSliderTrack(value)); + flexContainer.append(sliderContainer); + + // Value input and unit select + var baseId = "".concat(this.componentId).concat(type ? "-".concat(type) : ''); + var valueContainer = frmRangeSliderComponent.createSliderValueAndUnitSelection(value, ariaLabel, units, baseId); + if (addHiddenInputValue) { + valueContainer.append(this.createSliderHiddenInputValue(options)); + } + flexContainer.append(valueContainer); + sliderWrapper.append(flexContainer); + return sliderWrapper; + } + }, { + key: "afterViewInit", + value: function afterViewInit() { + var defaultValues = this.hasMultipleSliderValues() ? this.parseDefaultMultipleValues() : frmRangeSliderComponent.parseValueUnit(this.defaultValue); + var options = Object.assign({ + defaultValues: defaultValues + }, { + steps: _classPrivateFieldGet(_sliderSteps, this) + }); + new _settings_components_components_slider_component_js__WEBPACK_IMPORTED_MODULE_1__["default"](this.wrapper.querySelectorAll('.frm-slider-component'), options); + } + }], [{ + key: "parseValueUnit", + value: function parseValueUnit(valueStr) { + var defaultValue = { + value: 0, + unit: 'px' + }; + if (!valueStr) { + return defaultValue; + } + var match = valueStr.match(/^(\d+)(px|em|%|\s)?$/); + if (!match) { + return defaultValue; + } + return { + value: parseInt(match[1], 10), + unit: match[2] || 'px' + }; + } + }, { + key: "createSliderTrack", + value: function createSliderTrack(value) { + var slider = document.createElement('span'); + slider.classList.add('frm-slider'); + slider.setAttribute('tabindex', '0'); + var activeTrack = document.createElement('span'); + activeTrack.classList.add('frm-slider-active-track'); + var bullet = document.createElement('span'); + bullet.classList.add('frm-slider-bullet'); + var 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); + return slider; + } + + /** + * A method to create the value and unit selection. This method is used to create the value and unit selection. + * + * @param {Object} value - The value of the slider. + * @param {string} ariaLabel - The aria label of the slider. + * @param {Array} units - The units of the slider. + * @param {string} baseId - The base ID for the form elements. + * @return {Element} - The value and unit selection element. + */ + }, { + key: "createSliderValueAndUnitSelection", + value: function createSliderValueAndUnitSelection(value, ariaLabel, units, baseId) { + var valueContainer = document.createElement('div'); + valueContainer.classList.add('frm-slider-value'); + var valueInput = document.createElement('input'); + valueInput.type = 'text'; + valueInput.value = value.value.toString(); + if (ariaLabel) { + valueInput.setAttribute('aria-label', ariaLabel); + } + var unitSelect = document.createElement('select'); + unitSelect.setAttribute('aria-label', (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Value unit', 'formidable')); + if (baseId) { + valueInput.id = "".concat(baseId, "-value"); + unitSelect.id = "".concat(baseId, "-unit"); + } + units.forEach(function (unit) { + return unitSelect.append(frmRangeSliderComponent.createDropdownOption(unit, unit, value.unit === unit)); + }); + valueContainer.append(valueInput, unitSelect); + return valueContainer; + } + + /** + * A method to create the dropdown option. This method is used to create the dropdown option. + * + * @param {string} value - The value of the option. + * @param {string} label - The label of the option. + * @param {boolean} selected - Whether the option is selected. + * @return {Element} - The dropdown option element. + */ + }, { + key: "createDropdownOption", + value: function createDropdownOption(value, label) { + var selected = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; + var option = document.createElement('option'); + option.value = value; + option.textContent = label; + option.selected = selected; + return option; + } + + /** + * A method to create the SVG icon. This method is used to create the SVG icon. + * + * @param {string} iconSvgId - The ID of the SVG icon. + * @return {Element} - The SVG icon element. + */ + }, { + key: "createSvgIcon", + value: function createSvgIcon(iconSvgId) { + var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); + svg.classList.add('frmsvg'); + var use = document.createElementNS('http://www.w3.org/2000/svg', 'use'); + use.setAttribute('href', "#".concat(iconSvgId)); + svg.append(use); + return svg; + } + }]); +}(_frm_web_component__WEBPACK_IMPORTED_MODULE_0__.frmWebComponent); +var _instanceCount = { + _: 0 +}; + +/***/ }), + +/***/ "./js/src/web-components/frm-tab-navigator-component/frm-tab-navigator-component.js": +/*!******************************************************************************************!*\ + !*** ./js/src/web-components/frm-tab-navigator-component/frm-tab-navigator-component.js ***! + \******************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmTabNavigatorComponent: () => (/* binding */ frmTabNavigatorComponent) +/* harmony export */ }); +/* harmony import */ var _components_class_tabs_navigator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/class-tabs-navigator */ "./js/src/components/class-tabs-navigator.js"); +/* harmony import */ var _frm_web_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../frm-web-component */ "./js/src/web-components/frm-web-component.js"); +/* harmony import */ var _frm_tab_navigator_component_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./frm-tab-navigator-component.css */ "./js/src/web-components/frm-tab-navigator-component/frm-tab-navigator-component.css"); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); } +function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); } +function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; } +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } +function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); } +function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); } +function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } + + + +var frmTabNavigatorComponent = /*#__PURE__*/function (_frmWebComponent) { + function frmTabNavigatorComponent() { + var _this; + _classCallCheck(this, frmTabNavigatorComponent); + _this = _callSuper(this, frmTabNavigatorComponent); + _this.componentStyle = _frm_tab_navigator_component_css__WEBPACK_IMPORTED_MODULE_2__["default"]; + return _this; + } + + /** + * Initializes the view. + * + * @return {Element} - The wrapper element. + */ + _inherits(frmTabNavigatorComponent, _frmWebComponent); + return _createClass(frmTabNavigatorComponent, [{ + key: "initView", + value: function initView() { + this.tabs = this.querySelectorAll('.frm-tab'); + if (0 === this.tabs.length) { + return null; + } + var wrapper = document.createElement('div'); + wrapper.classList.add('frm-tabs-wrapper'); + wrapper.append(this.getTabDelimiter()); + wrapper.append(this.getTabs()); + wrapper.append(this.getTabContainer()); + return wrapper; + } + }, { + key: "afterViewInit", + value: function afterViewInit(wrapper) { + this.tabsNavigator = new _components_class_tabs_navigator__WEBPACK_IMPORTED_MODULE_0__.frmTabsNavigator(wrapper); + } + + /** + * Gets the tab delimiter. + * + * @return {string} - The tab delimiter. + */ + }, { + key: "getTabDelimiter", + value: function getTabDelimiter() { + var delimiter = document.createElement('div'); + var underline = document.createElement('span'); + underline.classList.add('frm-tabs-active-underline'); + delimiter.className = 'frm-tabs-delimiter'; + delimiter.append(underline); + return delimiter; + } + + /** + * Gets the tab headings. + * + * @return {string} - The tab headings. + */ + }, { + key: "getTabs", + value: function getTabs() { + var _this2 = this; + var tabHeadings = document.createElement('div'); + var ul = document.createElement('ul'); + tabHeadings.className = 'frm-tabs-navs'; + tabHeadings.append(ul); + Array.from(this.tabs).forEach(function (tab, index) { + ul.append(_this2.createTabHeading(tab, index)); + }); + return tabHeadings; + } + + /** + * Gets the tab container. + * + * @return {string} - The tab container. + */ + }, { + key: "getTabContainer", + value: function getTabContainer() { + var _this3 = this; + var tabContainer = document.createElement('div'); + var slideTrack = document.createElement('div'); + tabContainer.className = 'frm-tabs-container'; + slideTrack.className = 'frm-tabs-slide-track frm-flex-box'; + tabContainer.append(slideTrack); + Array.from(this.tabs).forEach(function (tab, index) { + slideTrack.append(_this3.createTabContainer(tab, index)); + }); + return tabContainer; + } + + /** + * Creates a tab heading. + * + * @param {Element} tab - The tab element. + * @param {number} index - The index of the tab. + * @return {string} - The tab heading. + */ + }, { + key: "createTabHeading", + value: function createTabHeading(tab, index) { + var className = index === 0 ? 'frm-active' : ''; + var li = document.createElement('li'); + li.className = className; + li.innerText = tab.getAttribute('data-tab-title'); + return li; + } + + /** + * Creates a tab container. + * + * @param {Element} tab - The tab element. + * @param {number} index - The index of the tab. + * @return {string} - The tab container. + */ + }, { + key: "createTabContainer", + value: function createTabContainer(tab, index) { + var className = index === 0 ? 'frm-active' : ''; + var container = document.createElement('div'); + container.className = "frm-tab-container ".concat(className); + Array.from(tab.children).forEach(function (child) { + container.append(child); + }); + return container; + } + + /** + * Gets the tab underline. + * + * @return {Element} - The tab underline. + */ + }, { + key: "getTabUnderline", + value: function getTabUnderline() { + return this.shadowRoot.querySelector('.frm-tabs-active-underline'); + } + }, { + key: "getLabelText", + value: function getLabelText() { + return null; + } + }]); +}(_frm_web_component__WEBPACK_IMPORTED_MODULE_1__.frmWebComponent); + +/***/ }), + +/***/ "./js/src/web-components/frm-typography-component/frm-typography-component.js": +/*!************************************************************************************!*\ + !*** ./js/src/web-components/frm-typography-component/frm-typography-component.js ***! + \************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmTypographyComponent: () => (/* binding */ frmTypographyComponent) +/* harmony export */ }); +/* harmony import */ var _frm_web_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../frm-web-component */ "./js/src/web-components/frm-web-component.js"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js"); +/* harmony import */ var _frm_typography_component_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./frm-typography-component.css */ "./js/src/web-components/frm-typography-component/frm-typography-component.css"); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); } +function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); } +function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; } +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } +function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; } +function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); } +function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; } +function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); } +function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); } +function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } +function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); } +function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); } +function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); } +function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; } +function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); } + + + +var _onChange = /*#__PURE__*/new WeakMap(); +var _defaultOptions = /*#__PURE__*/new WeakMap(); +var _unitTypeOptions = /*#__PURE__*/new WeakMap(); +var _defaultValue = /*#__PURE__*/new WeakMap(); +var frmTypographyComponent = /*#__PURE__*/function (_frmWebComponent) { + function frmTypographyComponent() { + var _this; + _classCallCheck(this, frmTypographyComponent); + _this = _callSuper(this, frmTypographyComponent); + _classPrivateFieldInitSpec(_this, _onChange, function () {}); + _classPrivateFieldInitSpec(_this, _defaultOptions, [{ + value: '21px', + label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Default', 'formidable') + }]); + _classPrivateFieldInitSpec(_this, _unitTypeOptions, ['px', 'em', '%']); + _classPrivateFieldInitSpec(_this, _defaultValue, '21px'); + _this.componentStyle = _frm_typography_component_css__WEBPACK_IMPORTED_MODULE_2__["default"]; + _classPrivateFieldSet(_defaultOptions, _this, [{ + value: '', + label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Default', 'formidable') + }, { + value: '18px', + label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Small', 'formidable') + }, { + value: '21px', + label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Regular', 'formidable') + }, { + value: '26px', + label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Large', 'formidable') + }, { + value: '32px', + label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Larger', 'formidable') + }, { + value: 'custom', + label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Custom', 'formidable') + }]); + return _this; + } + _inherits(frmTypographyComponent, _frmWebComponent); + return _createClass(frmTypographyComponent, [{ + key: "initOptions", + value: function initOptions() { + _superPropGet(frmTypographyComponent, "initOptions", this, 3)([]); + if (null === this.componentId) { + var _frmTypographyCompone; + this.componentId = "frm-typography-web-component-".concat(_instanceCount._ = (_frmTypographyCompone = _instanceCount._, ++_frmTypographyCompone)); + } + } + }, { + key: "initView", + value: function initView() { + 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); + return this.wrapper; + } + + /** + * A method to get the select element. + * + * @return {Element} - The select element. + */ + }, { + key: "getSelect", + value: function getSelect() { + this.select = document.createElement('select'); + this.select.setAttribute('aria-label', (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Font size', 'formidable')); + if (null !== this.componentId) { + this.select.id = this.componentId; + } + if (null !== this.fieldName) { + this.select.name = "".concat(this.fieldName, "[size]"); + } + this.getDefaultOptions(this.select); + return this.select; + } + + /** + * A method to get the default options for the select element. + * + * @param {Element} select - The select element. + * @return {void} + */ + }, { + key: "getDefaultOptions", + value: function getDefaultOptions(select) { + var _this2 = this; + _classPrivateFieldGet(_defaultOptions, this).forEach(function (option) { + var opt = document.createElement('option'); + opt.value = option.value; + opt.textContent = option.label; + opt.selected = option.value === 'custom' && frmTypographyComponent.isCustomFonSize(_classPrivateFieldGet(_defaultValue, _this2)) || option.value === _classPrivateFieldGet(_defaultValue, _this2); + select.append(opt); + }); + } + + /** + * A method to check if the value is a custom font size. + * + * @param {string} value - The value to check if it is a custom font size. + * @return {boolean} - True if the value is a custom font size, false otherwise. + */ + }, { + key: "changeSelectValue", + value: + /** + * A method to change the select value. + * + * @param {string} value - The value to change the select value for. + * @return {void} + */ + function changeSelectValue(value) { + var isCustomFonSize = frmTypographyComponent.isCustomFonSize(value); + Array.from(this.select.options).forEach(function (option) { + option.selected = option.value === 'custom' && isCustomFonSize || option.value === value; + }); + } + + /** + * A method to get the unit value wrapper element. + * + * @return {Element} - The unit value wrapper element. + */ + }, { + key: "getUnitValueWrapper", + value: function getUnitValueWrapper() { + this.unitValueWrapper = document.createElement('div'); + this.unitValueWrapper.classList.add('frm-unit-value'); + this.unitValueWrapper.append(this.getUnitValueInput()); + this.unitValueWrapper.append(this.getUnitTypeSelect()); + return this.unitValueWrapper; + } + + /** + * A method to get the unit value input element. + * + * @return {Element} - The unit value input element. + */ + }, { + key: "getUnitValueInput", + value: function getUnitValueInput() { + var _this3 = this; + this.unitValueInput = document.createElement('input'); + this.unitValueInput.setAttribute('aria-label', (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Font size value', 'formidable')); + if (null !== this.componentId) { + this.unitValueInput.id = "".concat(this.componentId, "-unit"); + } + if (null !== this.fieldName) { + this.unitValueInput.name = "".concat(this.fieldName, "[unit]"); + } + this.unitValueInput.type = 'text'; + this.unitValueInput.value = '' !== _classPrivateFieldGet(_defaultValue, this) ? "".concat(parseInt(_classPrivateFieldGet(_defaultValue, this), 10)) : ''; + this.unitValueInput.addEventListener('change', function (event) { + var value = '' !== event.target.value ? event.target.value + _this3.unitTypeSelect.value : ''; + _this3.changeSelectValue(value); + _classPrivateFieldGet(_onChange, _this3).call(_this3, value); + }); + return this.unitValueInput; + } + + /** + * A method to get the unit type select element. + * + * @return {Element} - The unit type select element. + */ + }, { + key: "getUnitTypeSelect", + value: function getUnitTypeSelect() { + var _this4 = this; + this.unitTypeSelect = document.createElement('select'); + this.unitTypeSelect.setAttribute('aria-label', (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Font size unit', 'formidable')); + if (null !== this.componentId) { + this.unitTypeSelect.id = "".concat(this.componentId, "-unit-type"); + } + if (null !== this.fieldName) { + this.unitTypeSelect.name = "".concat(this.fieldName, "[unit-type]"); + } + _classPrivateFieldGet(_unitTypeOptions, this).forEach(function (option) { + var opt = document.createElement('option'); + opt.value = option; + opt.textContent = option; + _this4.unitTypeSelect.append(opt); + }); + return this.unitTypeSelect; + } + + /** + * A method to get the hidden input element. + * + * @return {Element} - The hidden input element. + */ + }, { + key: "getHiddenInput", + value: function getHiddenInput() { + this.hiddenInput = document.createElement('input'); + this.hiddenInput.type = 'hidden'; + if (null !== this.fieldName) { + this.hiddenInput.name = "".concat(this.fieldName, "[value]"); + } + this.hiddenInput.value = _classPrivateFieldGet(_defaultValue, this); + return this.hiddenInput; + } + + /** + * A method to set the change event listener for the select element. + * + * @return {void} - The unit value. + */ + }, { + key: "afterViewInit", + value: function afterViewInit() { + var _this5 = this; + this.select.addEventListener('change', function () { + var value = frmTypographyComponent.getUnitValue(_this5.select.value); + _this5.unitValueInput.value = value.value; + _this5.hiddenInput.value = value.value + value.unit; + _classPrivateFieldGet(_onChange, _this5).call(_this5, _this5.hiddenInput.value); + _this5.unitTypeSelect.value = value.unit; + }); + } + + /** + * A method to get the unit value. + * + * @param {string} value - The value to get the unit value for. + * @return {Object} - The unit value. + */ + }, { + key: "onChange", + set: + /** + * A method to set the change event listener for the select element. + * + * @param {Function} callback - The callback function to call when the select element is changed. + * @return {void} + */ + function set(callback) { + if ('function' !== typeof callback) { + throw new TypeError("Expected a function, but received ".concat(_typeof(callback))); + } + _classPrivateFieldSet(_onChange, this, callback); + } + + /** + * A method to set dynamically the default value for the typography component. + * + * @param {string} value - The value to set dynamically the default value for. + * @return {void} + */ + }, { + key: "typographyDefaultValue", + set: function set(value) { + _classPrivateFieldSet(_defaultValue, this, value); + } + }], [{ + key: "isCustomFonSize", + value: function isCustomFonSize(value) { + return !['', '18px', '21px', '26px', '32px'].includes(value); + } + }, { + key: "getUnitValue", + value: function getUnitValue(value) { + var defaultValue = { + value: '', + unit: '' + }; + if (!value) { + return defaultValue; + } + var match = value.match(/^([\d.]+)(px|em|%)?$/); + if (!match) { + return defaultValue; + } + return { + value: parseInt(value, 10), + unit: match[2] || 'px' + }; + } + }]); +}(_frm_web_component__WEBPACK_IMPORTED_MODULE_0__.frmWebComponent); +var _instanceCount = { + _: 0 +}; + +/***/ }), + +/***/ "./js/src/web-components/frm-web-component.js": +/*!****************************************************!*\ + !*** ./js/src/web-components/frm-web-component.js ***! + \****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ frmWebComponent: () => (/* binding */ frmWebComponent) +/* harmony export */ }); +function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } +function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); } +function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } +function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } +function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); } +function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); } +function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } +function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); } +function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } } +function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; } +function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } +function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } +function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); } +function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); } +function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; } +function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); } +function _wrapNativeSuper(t) { var r = "function" == typeof Map ? new Map() : void 0; return _wrapNativeSuper = function _wrapNativeSuper(t) { if (null === t || !_isNativeFunction(t)) return t; if ("function" != typeof t) throw new TypeError("Super expression must either be null or a function"); if (void 0 !== r) { if (r.has(t)) return r.get(t); r.set(t, Wrapper); } function Wrapper() { return _construct(t, arguments, _getPrototypeOf(this).constructor); } return Wrapper.prototype = Object.create(t.prototype, { constructor: { value: Wrapper, enumerable: !1, writable: !0, configurable: !0 } }), _setPrototypeOf(Wrapper, t); }, _wrapNativeSuper(t); } +function _construct(t, e, r) { if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); var o = [null]; o.push.apply(o, e); var p = new (t.bind.apply(t, o))(); return r && _setPrototypeOf(p, r.prototype), p; } +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } +function _isNativeFunction(t) { try { return -1 !== Function.toString.call(t).indexOf("[native code]"); } catch (n) { return "function" == typeof t; } } +function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } +function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); } +var frmWebComponent = /*#__PURE__*/function (_HTMLElement) { + function frmWebComponent() { + var _this; + _classCallCheck(this, frmWebComponent); + if ((this instanceof frmWebComponent ? this.constructor : void 0) === frmWebComponent) { + throw new Error('frmWebComponent is an abstract class and cannot be instantiated directly'); + } + _this = _callSuper(this, frmWebComponent); + if (_this.useShadowDom()) { + _this.attachShadow({ + mode: 'open' + }); + } + return _this; + } + _inherits(frmWebComponent, _HTMLElement); + return _createClass(frmWebComponent, [{ + key: "initOptions", + value: function initOptions() { + this.fieldName = this.getAttribute('name') || null; + this.defaultValue = this.getAttribute('value') || null; + this.componentId = this.getAttribute('id') || null; + } + }, { + key: "getLabelText", + value: function getLabelText() { + if (this._labelText) { + return this._labelText; + } + var label = this.querySelector('span.frm-component-label'); + if (null === label) { + return null; + } + return label.innerText; + } + }, { + key: "useShadowDom", + value: function useShadowDom() { + return 'false' !== this.getAttribute('data-shadow-dom'); + } + + /* + * Load the component style. + * @return string + */ + }, { + key: "loadStyle", + value: function loadStyle() { + var _frmGlobal; + var style = document.createElement('style'); + this.componentStyle = this.componentStyle.replace('--frm-plugin-url', ((_frmGlobal = frmGlobal) === null || _frmGlobal === void 0 ? void 0 : _frmGlobal.url) || ''); + style.textContent += this.componentStyle; + return style; + } + }, { + key: "getWrapper", + value: function getWrapper() { + return this.useShadowDom() ? this.shadowRoot : this; + } + + /* + * Render the component inside the shadow root. + * @return void + */ + }, { + key: "render", + value: function render() { + var _this2 = this; + var view = this.initView(); + if (!view) { + return; + } + var wrapper = this.getWrapper(); + wrapper.innerHTML = ''; + view.classList.add('frm-component'); + wrapper.append.apply(wrapper, _toConsumableArray(this.getViewItems(view))); + this.addLabelToView(view); + this.whenElementBecomesVisible().then(function () { + return _this2.afterViewInit(_this2); + }); + } + }, { + key: "addLabelToView", + value: function addLabelToView(view) { + var labelText = this.getLabelText(); + if (null === labelText || null === view) { + return; + } + var label = document.createElement('span'); + label.classList.add('frm-component-label'); + label.textContent = labelText; + view.prepend(label); + } + }, { + key: "getViewItems", + value: function getViewItems(view) { + return [this.loadStyle(), view].filter(function (item) { + return item !== null; + }); + } + + /** + * Waits for the element to become visible in the viewport. + * + * @return {Promise} - A promise that resolves when the element is visible. + */ + }, { + key: "whenElementBecomesVisible", + value: function whenElementBecomesVisible() { + var _this3 = this; + return new Promise(function (resolve) { + if (window.IntersectionObserver === undefined) { + requestAnimationFrame(function () { + return resolve(); + }); + return; + } + var observer = new IntersectionObserver(function (entries) { + entries.forEach(function (entry) { + // The element is in viewport and its visibility is greater than 0. + if (entry.isIntersecting && entry.intersectionRatio > 0) { + observer.disconnect(); + requestAnimationFrame(function () { + return resolve(); + }); + } + }); + }, { + threshold: 0.1 + }); + var element = _this3.useShadowDom() ? _this3.shadowRoot.host : _this3; + if (element) { + observer.observe(_this3); + } + }); + } + }, { + key: "frmLabel", + set: function set(text) { + this._labelText = text; + } + + /** + * After the view is initialized and the element/wrapper is visible in the viewport. + * + * @param {Element} wrapper - The wrapper element. + */ + }, { + key: "afterViewInit", + value: function afterViewInit(wrapper) { + // Override in child class. + } + + /** + * Constructs the view in the DOM. + * return {Element} - The wrapper element. + */ + }, { + key: "initView", + value: function initView() { + // Override in child class. + } + + /* + * Called by browser when the component is rendered to the DOM. + * @return void + */ + }, { + key: "connectedCallback", + value: function connectedCallback() { + this.initOptions(); + this.render(); + } + + /* + * Called by browser when the component is removed from the DOM. + * @return void + */ + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() {} + }]); +}(/*#__PURE__*/_wrapNativeSuper(HTMLElement)); + +/***/ }), + +/***/ "./node_modules/memize/index.js": +/*!**************************************!*\ + !*** ./node_modules/memize/index.js ***! + \**************************************/ +/***/ ((module) => { + +/** + * Memize options object. + * + * @typedef MemizeOptions + * + * @property {number} [maxSize] Maximum size of the cache. + */ + +/** + * Internal cache entry. + * + * @typedef MemizeCacheNode + * + * @property {?MemizeCacheNode|undefined} [prev] Previous node. + * @property {?MemizeCacheNode|undefined} [next] Next node. + * @property {Array<*>} args Function arguments for cache + * entry. + * @property {*} val Function result. + */ + +/** + * Properties of the enhanced function for controlling cache. + * + * @typedef MemizeMemoizedFunction + * + * @property {()=>void} clear Clear the cache. + */ + +/** + * Accepts a function to be memoized, and returns a new memoized function, with + * optional options. + * + * @template {Function} F + * + * @param {F} fn Function to memoize. + * @param {MemizeOptions} [options] Options object. + * + * @return {F & MemizeMemoizedFunction} Memoized function. + */ +function memize( fn, options ) { + var size = 0; + + /** @type {?MemizeCacheNode|undefined} */ + var head; + + /** @type {?MemizeCacheNode|undefined} */ + var tail; + + options = options || {}; + + function memoized( /* ...args */ ) { + var node = head, + len = arguments.length, + args, i; + + searchCache: while ( node ) { + // Perform a shallow equality test to confirm that whether the node + // under test is a candidate for the arguments passed. Two arrays + // are shallowly equal if their length matches and each entry is + // strictly equal between the two sets. Avoid abstracting to a + // function which could incur an arguments leaking deoptimization. + + // Check whether node arguments match arguments length + if ( node.args.length !== arguments.length ) { + node = node.next; + continue; + } + + // Check whether node arguments match arguments values + for ( i = 0; i < len; i++ ) { + if ( node.args[ i ] !== arguments[ i ] ) { + node = node.next; + continue searchCache; + } + } + + // At this point we can assume we've found a match + + // Surface matched node to head if not already + if ( node !== head ) { + // As tail, shift to previous. Must only shift if not also + // head, since if both head and tail, there is no previous. + if ( node === tail ) { + tail = node.prev; + } + + // Adjust siblings to point to each other. If node was tail, + // this also handles new tail's empty `next` assignment. + /** @type {MemizeCacheNode} */ ( node.prev ).next = node.next; + if ( node.next ) { + node.next.prev = node.prev; + } + + node.next = head; + node.prev = null; + /** @type {MemizeCacheNode} */ ( head ).prev = node; + head = node; + } + + // Return immediately + return node.val; + } + + // No cached value found. Continue to insertion phase: + + // Create a copy of arguments (avoid leaking deoptimization) + args = new Array( len ); + for ( i = 0; i < len; i++ ) { + args[ i ] = arguments[ i ]; + } + + node = { + args: args, + + // Generate the result from original function + val: fn.apply( null, args ), + }; + + // Don't need to check whether node is already head, since it would + // have been returned above already if it was + + // Shift existing head down list + if ( head ) { + head.prev = node; + node.next = head; + } else { + // If no head, follows that there's no tail (at initial or reset) + tail = node; + } + + // Trim tail if we're reached max size and are pending cache insertion + if ( size === /** @type {MemizeOptions} */ ( options ).maxSize ) { + tail = /** @type {MemizeCacheNode} */ ( tail ).prev; + /** @type {MemizeCacheNode} */ ( tail ).next = null; + } else { + size++; + } + + head = node; + + return node.val; + } + + memoized.clear = function() { + head = null; + tail = null; + size = 0; + }; + + if ( false ) {} + + // Ignore reason: There's not a clear solution to create an intersection of + // the function with additional properties, where the goal is to retain the + // function signature of the incoming argument and add control properties + // on the return value. + + // @ts-ignore + return memoized; +} + +module.exports = memize; + + +/***/ }), + +/***/ "./js/src/web-components/frm-border-radius-component/frm-border-radius-component.css": +/*!*******************************************************************************************!*\ + !*** ./js/src/web-components/frm-border-radius-component/frm-border-radius-component.css ***! + \*******************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("/*!********************************************************************************************************************************************************************************************************************************************************************************!*\\\n !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/css-unicode-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./js/src/web-components/frm-border-radius-component/frm-border-radius-component.scss ***!\n \\********************************************************************************************************************************************************************************************************************************************************************************/\n/**\n * Base - Variables\n */\n:root,\n.frm-white-body,\n.frm_wrap {\n --grey-900: #101828;\n --grey-800: #1d2939;\n --grey-700: #344054;\n --grey-600: #475467;\n --grey-500: #667085; /* Roughly 65% opacity */\n --grey-400: #98a2b3;\n --grey-300: #d0d5dd;\n --grey-200: #eaecf0;\n --grey-100: #f2f4f7;\n --grey-50: #f9fafb;\n --grey-25: #fcfcfd;\n --dark-grey: var(--grey-700); /* Deprecated */\n --medium-grey: rgba(40, 47, 54, 0.65);\n --grey: var(--grey-500); /* Deprecated */\n --grey-border: var(--grey-300); /* Deprecated */\n --lightest-grey: rgb(250, 250, 250);\n --sidebar-color: var(--grey-50);\n --sidebar-hover: var(--grey-200);\n --primary-700: #2b66a9;\n --primary-500: #4199fd;\n --primary-300: #80bbfe;\n --primary-200: #c0ddfe;\n --primary-50: #ecf5ff;\n --primary-25: #f5faff;\n --primary-color: var(--primary-500); /* Deprecated */\n --primary-hover: var(--primary-700); /* Deprecated */\n --light-blue: var(--primary-25); /* Deprecated */\n --blue-border: rgb(188, 224, 253);\n --error-700: #b42318;\n --error-500: #f04438;\n --error-300: #fecdca;\n --error-100: #fee4e2;\n --error-25: #fff5f4;\n --green: rgb(63, 172, 37);\n --orange: #f15a24;\n --warning-500: #f79009;\n --pink: rgb(226, 42, 110);\n --purple: rgb(141, 53, 245);\n --success-900: #054f31;\n --success-800: #065f46;\n --success-500: #12b76a;\n --success-100: #d1fae5;\n --success-200: #a6f4c5;\n --success-50: #ecfdf3;\n --success-25: #f6fef9;\n --border-radius: 35px;\n --small-radius: 8px;\n --medium-radius: 16px;\n --small-sidebar: 275px;\n --medium-sidebar: 350px;\n --big-sidebar: 390px;\n --biggest-sidebar: 450px;\n --text-xs: 12px;\n --text-sm: 14px;\n --text-md: 16px;\n --text-lg: 18px;\n --text-xl: 20px;\n --h-xs: 24px;\n --h-sm: 30px;\n --h-md: 36px;\n --leading: 1.5;\n --gap-2xs: 4px;\n --gap-xs: 8px;\n --gap-sm: 16px;\n --gap-md: 24px;\n --gap-lg: 32px;\n --gap-xl: 40px;\n --gap-2xl: 48px;\n --box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);\n --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);\n --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);\n --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);\n --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);\n --box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);\n --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);\n /* Override front-end CSS */\n --check-label-color: var(--grey-700);\n}\n\n.frm_hidden {\n display: none;\n}\n\n.frm-component:not(.frm-tabs-wrapper) {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.frm-component:not(.frm-tabs-wrapper) > span.frm-component-label {\n font-weight: 500;\n font-size: var(--text-sm) !important;\n color: var(--grey-900) !important;\n width: 40% !important;\n display: block !important;\n margin-right: 12px !important;\n}\n\n.frm-border-radius-component .frm-border-radius-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n.frm-border-radius-component .frm-border-radius-container button {\n overflow: hidden;\n text-indent: -9999px;\n cursor: pointer;\n width: 36px;\n height: 36px;\n border-radius: var(--small-radius);\n border: 1px solid var(--grey-300);\n background: white;\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n background: url('data:image/svg+xml,') no-repeat center center;\n background-size: 20px;\n}\n.frm-border-radius-component .frm-border-radius-container button.frm-active, .frm-border-radius-component .frm-border-radius-container button:hover {\n background-color: rgba(0, 0, 0, 0.05);\n}\n.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper {\n width: 100%;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper:not(.frm_hidden) {\n display: flex;\n}\n.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span {\n position: relative;\n display: block;\n overflow: hidden;\n width: calc(50% - 6px);\n height: 36px;\n border-radius: var(--small-radius);\n border: 1px solid var(--grey-300);\n margin-top: 12px;\n}\n.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span input {\n width: 100%;\n height: 100%;\n padding: 0;\n font-size: var(--text-sm);\n color: rgb(16, 24, 40);\n padding: 0 12px 0px 20px;\n box-sizing: border-box;\n border: none;\n text-align: right;\n}\n.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span input:focus {\n outline: none;\n}\n.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span:before {\n content: \"\";\n position: absolute;\n display: block;\n width: 12px;\n height: 12px;\n left: 12px;\n top: 0;\n bottom: 0;\n right: auto;\n margin: auto;\n background: url('data:image/svg+xml,') center center no-repeat;\n background-size: 12px;\n}\n.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-top:before {\n transform: rotate(180deg);\n}\n.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-bottom:before {\n transform: rotate(0deg);\n}\n.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-left:before {\n transform: rotate(90deg);\n}\n.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-right:before {\n transform: rotate(-90deg);\n}\n.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper {\n width: calc(100% - 36px - 12px);\n height: 36px;\n display: flex;\n justify-content: center;\n box-sizing: border-box;\n background: white;\n border-radius: var(--small-radius);\n border: 1px solid var(--grey-300);\n overflow: hidden;\n}\n.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper > * {\n border: none;\n}\n.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper input {\n width: calc(100% - 44px);\n height: 100%;\n padding: 0;\n font-size: var(--text-sm);\n color: rgb(16, 24, 40);\n padding-left: 12px;\n box-sizing: border-box;\n}\n.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper input:focus {\n outline: none;\n}\n.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper select {\n text-align: right;\n padding: 0;\n font-size: var(--text-sm);\n color: rgb(102, 112, 133);\n width: 44px;\n background: url(\"../../images/style/small-arrow.svg\") no-repeat;\n background-position: center right 12px;\n}\n.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper select:focus {\n outline: none;\n}\n\n/*# sourceMappingURL=frm-border-radius-component.css.map*/"); + +/***/ }), + +/***/ "./js/src/web-components/frm-colorpicker-component/frm-colorpicker-component.css": +/*!***************************************************************************************!*\ + !*** ./js/src/web-components/frm-colorpicker-component/frm-colorpicker-component.css ***! + \***************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("/*!****************************************************************************************************************************************************************************************************************************************************************************!*\\\n !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/css-unicode-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./js/src/web-components/frm-colorpicker-component/frm-colorpicker-component.scss ***!\n \\****************************************************************************************************************************************************************************************************************************************************************************/\n/**\n * Base - Variables\n */\n:root,\n.frm-white-body,\n.frm_wrap {\n --grey-900: #101828;\n --grey-800: #1d2939;\n --grey-700: #344054;\n --grey-600: #475467;\n --grey-500: #667085; /* Roughly 65% opacity */\n --grey-400: #98a2b3;\n --grey-300: #d0d5dd;\n --grey-200: #eaecf0;\n --grey-100: #f2f4f7;\n --grey-50: #f9fafb;\n --grey-25: #fcfcfd;\n --dark-grey: var(--grey-700); /* Deprecated */\n --medium-grey: rgba(40, 47, 54, 0.65);\n --grey: var(--grey-500); /* Deprecated */\n --grey-border: var(--grey-300); /* Deprecated */\n --lightest-grey: rgb(250, 250, 250);\n --sidebar-color: var(--grey-50);\n --sidebar-hover: var(--grey-200);\n --primary-700: #2b66a9;\n --primary-500: #4199fd;\n --primary-300: #80bbfe;\n --primary-200: #c0ddfe;\n --primary-50: #ecf5ff;\n --primary-25: #f5faff;\n --primary-color: var(--primary-500); /* Deprecated */\n --primary-hover: var(--primary-700); /* Deprecated */\n --light-blue: var(--primary-25); /* Deprecated */\n --blue-border: rgb(188, 224, 253);\n --error-700: #b42318;\n --error-500: #f04438;\n --error-300: #fecdca;\n --error-100: #fee4e2;\n --error-25: #fff5f4;\n --green: rgb(63, 172, 37);\n --orange: #f15a24;\n --warning-500: #f79009;\n --pink: rgb(226, 42, 110);\n --purple: rgb(141, 53, 245);\n --success-900: #054f31;\n --success-800: #065f46;\n --success-500: #12b76a;\n --success-100: #d1fae5;\n --success-200: #a6f4c5;\n --success-50: #ecfdf3;\n --success-25: #f6fef9;\n --border-radius: 35px;\n --small-radius: 8px;\n --medium-radius: 16px;\n --small-sidebar: 275px;\n --medium-sidebar: 350px;\n --big-sidebar: 390px;\n --biggest-sidebar: 450px;\n --text-xs: 12px;\n --text-sm: 14px;\n --text-md: 16px;\n --text-lg: 18px;\n --text-xl: 20px;\n --h-xs: 24px;\n --h-sm: 30px;\n --h-md: 36px;\n --leading: 1.5;\n --gap-2xs: 4px;\n --gap-xs: 8px;\n --gap-sm: 16px;\n --gap-md: 24px;\n --gap-lg: 32px;\n --gap-xl: 40px;\n --gap-2xl: 48px;\n --box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);\n --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);\n --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);\n --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);\n --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);\n --box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);\n --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);\n /* Override front-end CSS */\n --check-label-color: var(--grey-700);\n}\n\n.frm_hidden {\n display: none;\n}\n\n.frm-component:not(.frm-tabs-wrapper) {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.frm-component:not(.frm-tabs-wrapper) > span.frm-component-label {\n font-weight: 500;\n font-size: var(--text-sm) !important;\n color: var(--grey-900) !important;\n width: 40% !important;\n display: block !important;\n margin-right: 12px !important;\n}\n\n.frm-colorpicker-component .wp-picker-container button[type=button] {\n position: relative;\n height: 36px !important;\n background-image: none !important;\n background-color: #fff !important;\n overflow: hidden;\n}\n.frm-colorpicker-component .wp-picker-container button[type=button]:after {\n content: \"\";\n width: 20px;\n height: 20px;\n display: block;\n position: absolute;\n top: 0;\n right: 8px;\n bottom: 0;\n margin: auto;\n background: url(\"--frm-plugin-url/images/style/small-arrow.svg\") no-repeat;\n background-position: center;\n z-index: 10;\n}\n.frm-colorpicker-component .wp-picker-container button[type=button]:focus {\n border-color: var(--primary-500) !important;\n}\n.frm-colorpicker-component .wp-color-result-text {\n line-height: 36px !important;\n padding: 0 12px;\n border: 0;\n}\n.frm-colorpicker-component .color-alpha {\n width: 20px !important;\n height: 20px !important;\n border-radius: 50% !important;\n border: 1px solid rgb(208, 213, 221);\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n margin-left: 12px;\n}\n.frm-colorpicker-component .wp-picker-input-wrap input {\n width: calc(100% - 10px) !important;\n margin: 1px 5px;\n height: 32px;\n line-height: 32px;\n}\n\n/*# sourceMappingURL=frm-colorpicker-component.css.map*/"); + +/***/ }), + +/***/ "./js/src/web-components/frm-dropdown-component/frm-dropdown-component.css": +/*!*********************************************************************************!*\ + !*** ./js/src/web-components/frm-dropdown-component/frm-dropdown-component.css ***! + \*********************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("/*!**********************************************************************************************************************************************************************************************************************************************************************!*\\\n !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/css-unicode-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./js/src/web-components/frm-dropdown-component/frm-dropdown-component.scss ***!\n \\**********************************************************************************************************************************************************************************************************************************************************************/\n/**\n * Base - Variables\n */\n:root,\n.frm-white-body,\n.frm_wrap {\n --grey-900: #101828;\n --grey-800: #1d2939;\n --grey-700: #344054;\n --grey-600: #475467;\n --grey-500: #667085; /* Roughly 65% opacity */\n --grey-400: #98a2b3;\n --grey-300: #d0d5dd;\n --grey-200: #eaecf0;\n --grey-100: #f2f4f7;\n --grey-50: #f9fafb;\n --grey-25: #fcfcfd;\n --dark-grey: var(--grey-700); /* Deprecated */\n --medium-grey: rgba(40, 47, 54, 0.65);\n --grey: var(--grey-500); /* Deprecated */\n --grey-border: var(--grey-300); /* Deprecated */\n --lightest-grey: rgb(250, 250, 250);\n --sidebar-color: var(--grey-50);\n --sidebar-hover: var(--grey-200);\n --primary-700: #2b66a9;\n --primary-500: #4199fd;\n --primary-300: #80bbfe;\n --primary-200: #c0ddfe;\n --primary-50: #ecf5ff;\n --primary-25: #f5faff;\n --primary-color: var(--primary-500); /* Deprecated */\n --primary-hover: var(--primary-700); /* Deprecated */\n --light-blue: var(--primary-25); /* Deprecated */\n --blue-border: rgb(188, 224, 253);\n --error-700: #b42318;\n --error-500: #f04438;\n --error-300: #fecdca;\n --error-100: #fee4e2;\n --error-25: #fff5f4;\n --green: rgb(63, 172, 37);\n --orange: #f15a24;\n --warning-500: #f79009;\n --pink: rgb(226, 42, 110);\n --purple: rgb(141, 53, 245);\n --success-900: #054f31;\n --success-800: #065f46;\n --success-500: #12b76a;\n --success-100: #d1fae5;\n --success-200: #a6f4c5;\n --success-50: #ecfdf3;\n --success-25: #f6fef9;\n --border-radius: 35px;\n --small-radius: 8px;\n --medium-radius: 16px;\n --small-sidebar: 275px;\n --medium-sidebar: 350px;\n --big-sidebar: 390px;\n --biggest-sidebar: 450px;\n --text-xs: 12px;\n --text-sm: 14px;\n --text-md: 16px;\n --text-lg: 18px;\n --text-xl: 20px;\n --h-xs: 24px;\n --h-sm: 30px;\n --h-md: 36px;\n --leading: 1.5;\n --gap-2xs: 4px;\n --gap-xs: 8px;\n --gap-sm: 16px;\n --gap-md: 24px;\n --gap-lg: 32px;\n --gap-xl: 40px;\n --gap-2xl: 48px;\n --box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);\n --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);\n --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);\n --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);\n --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);\n --box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);\n --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);\n /* Override front-end CSS */\n --check-label-color: var(--grey-700);\n}\n\n.frm_hidden {\n display: none;\n}\n\n.frm-component:not(.frm-tabs-wrapper) {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.frm-component:not(.frm-tabs-wrapper) > span.frm-component-label {\n font-weight: 500;\n font-size: var(--text-sm) !important;\n color: var(--grey-900) !important;\n width: 40% !important;\n display: block !important;\n margin-right: 12px !important;\n}\n\n.frm-dropdown-component select {\n width: 100%;\n outline: 0;\n box-shadow: var(--box-shadow-xs);\n border-radius: var(--small-radius);\n padding: 5px var(--gap-lg) 5px 14px;\n border-color: var(--grey-300);\n color: var(--grey-800);\n font-size: var(--text-md);\n margin: 0;\n line-height: var(--leading);\n border-width: 1px;\n border-style: solid;\n background-position: center 5px;\n background: transparent 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%;\n background-color: #fff;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n.frm-dropdown-component select:focus {\n border-color: var(--primary-500);\n box-shadow: none;\n}\n\n/*# sourceMappingURL=frm-dropdown-component.css.map*/"); + +/***/ }), + +/***/ "./js/src/web-components/frm-range-slider-component/frm-range-slider-component.css": +/*!*****************************************************************************************!*\ + !*** ./js/src/web-components/frm-range-slider-component/frm-range-slider-component.css ***! + \*****************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("/*!******************************************************************************************************************************************************************************************************************************************************************************!*\\\n !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/css-unicode-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./js/src/web-components/frm-range-slider-component/frm-range-slider-component.scss ***!\n \\******************************************************************************************************************************************************************************************************************************************************************************/\n/**\n * Sliders component styles\n */\n.frm-style-component .frm-slider-container {\n width: calc(100% - 91px);\n display: flex;\n align-items: center;\n color: rgb(29, 41, 57);\n}\n.frm-style-component .frm-slider-container svg.frmsvg {\n color: currentColor;\n margin-right: 8px;\n margin-left: -5px;\n position: relative;\n z-index: 15;\n}\n\n.frm-style-component .frm-group-sliders .frm-slider-container svg.frmsvg:hover {\n color: rgb(65, 153, 253);\n cursor: pointer;\n}\n\n.frm-style-component .frm-slider-container .frm-slider-active-track {\n display: block;\n height: 100%;\n width: 0;\n position: relative;\n border-radius: 200px;\n}\n.frm-style-component .frm-slider-container .frm-slider-active-track,\n.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet {\n background: rgb(65, 153, 253);\n box-shadow: 0 1.88px 4px -1px rgba(16, 24, 40, 0.03), 0 6px 8px -2px rgba(16, 24, 40, 0.08);\n}\n.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet {\n position: absolute;\n display: block;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n transform: translateX(15px);\n cursor: grab;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n}\n.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet .frm-slider-value-label {\n position: absolute;\n display: block;\n width: 48px;\n height: 36px;\n background: rgb(16, 24, 40);\n color: white;\n font-weight: 400;\n font-size: var(--text-sm);\n line-height: 36px;\n border-radius: var(--small-radius);\n transform: translate(-18px, -42px) scale3d(0.7, 1, 1);\n opacity: 0;\n z-index: -2;\n pointer-events: none;\n text-align: center;\n user-select: none;\n}\n.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet.frm-dragging .frm-slider-value-label {\n z-index: 12;\n transform: translate(-18px, -42px) scale3d(1, 1, 1);\n opacity: 1;\n transition: 0.3s opacity, 0.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet::before {\n content: \"\";\n display: block;\n position: absolute;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n left: 0;\n top: 0;\n transform: translate(-5px, -5px) scale3d(0.7, 0.7, 1);\n border: 4px solid rgb(65, 153, 253);\n opacity: 0;\n transition: 0.3s opacity, 0.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet.frm-dragging::before {\n opacity: 0.5;\n transform: translate(-5px, -5px) scale3d(1, 1, 1);\n transition: 0.3s opacity, 0.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet::after {\n content: \"\";\n position: absolute;\n display: block;\n width: 180%;\n height: 200%;\n border-radius: 50%;\n left: 0;\n top: 0;\n transform: translate(-24%, -24%);\n}\n\n.frm-style-component .frm-slider-value {\n width: 86px;\n height: 36px;\n display: flex;\n justify-content: center;\n box-sizing: border-box;\n background: white;\n border-radius: var(--small-radius);\n border: 1px solid var(--grey-300);\n}\n.frm-style-component .frm-slider-value > * {\n border: none;\n}\n.frm-style-component .frm-slider-value input {\n width: 40px;\n height: 100%;\n padding: 0;\n font-size: var(--text-sm);\n color: rgb(16, 24, 40);\n padding-left: 12px;\n box-sizing: border-box;\n}\n.frm-style-component .frm-slider-value select {\n text-align: right;\n padding: 0;\n font-size: var(--text-sm);\n color: rgb(102, 112, 133);\n width: 44px;\n background: url(\"../../images/style/small-arrow.svg\") no-repeat;\n background-position: center right 12px;\n padding-right: 24px !important;\n}\n.frm-style-component .frm-slider-value select.frm-single-unit {\n pointer-events: none;\n background-image: none;\n padding-right: 12px !important;\n}\n.frm-style-component .frm-slider {\n display: block;\n width: calc(100% - 5px);\n height: 4px;\n background: rgb(234, 236, 240);\n border-radius: 200px;\n cursor: pointer;\n}\n\n.frm-slider-component .frm-independent-slider-field {\n margin-top: 10px;\n}\n.frm-slider-component.frm-disabled .frm-slider-container {\n pointer-events: none;\n opacity: 0.5;\n}\n.frm-slider-component.frm-disabled .frm-slider-value input[type=text] {\n width: 28px;\n}\n.frm-slider-component.frm-disabled .frm-slider-value select {\n width: 56px;\n}\n.frm-slider-component.frm-disabled.frm-empty .frm-slider-value input[type=text] {\n width: 56px;\n}\n.frm-slider-component.frm-disabled.frm-empty .frm-slider-value select {\n width: 28px;\n}\n\n.frm-style-component .frm-slider-component.frm-has-multiple-values {\n margin-bottom: 10px;\n}\n\n/**\n * Base - Variables\n */\n:root,\n.frm-white-body,\n.frm_wrap {\n --grey-900: #101828;\n --grey-800: #1d2939;\n --grey-700: #344054;\n --grey-600: #475467;\n --grey-500: #667085; /* Roughly 65% opacity */\n --grey-400: #98a2b3;\n --grey-300: #d0d5dd;\n --grey-200: #eaecf0;\n --grey-100: #f2f4f7;\n --grey-50: #f9fafb;\n --grey-25: #fcfcfd;\n --dark-grey: var(--grey-700); /* Deprecated */\n --medium-grey: rgba(40, 47, 54, 0.65);\n --grey: var(--grey-500); /* Deprecated */\n --grey-border: var(--grey-300); /* Deprecated */\n --lightest-grey: rgb(250, 250, 250);\n --sidebar-color: var(--grey-50);\n --sidebar-hover: var(--grey-200);\n --primary-700: #2b66a9;\n --primary-500: #4199fd;\n --primary-300: #80bbfe;\n --primary-200: #c0ddfe;\n --primary-50: #ecf5ff;\n --primary-25: #f5faff;\n --primary-color: var(--primary-500); /* Deprecated */\n --primary-hover: var(--primary-700); /* Deprecated */\n --light-blue: var(--primary-25); /* Deprecated */\n --blue-border: rgb(188, 224, 253);\n --error-700: #b42318;\n --error-500: #f04438;\n --error-300: #fecdca;\n --error-100: #fee4e2;\n --error-25: #fff5f4;\n --green: rgb(63, 172, 37);\n --orange: #f15a24;\n --warning-500: #f79009;\n --pink: rgb(226, 42, 110);\n --purple: rgb(141, 53, 245);\n --success-900: #054f31;\n --success-800: #065f46;\n --success-500: #12b76a;\n --success-100: #d1fae5;\n --success-200: #a6f4c5;\n --success-50: #ecfdf3;\n --success-25: #f6fef9;\n --border-radius: 35px;\n --small-radius: 8px;\n --medium-radius: 16px;\n --small-sidebar: 275px;\n --medium-sidebar: 350px;\n --big-sidebar: 390px;\n --biggest-sidebar: 450px;\n --text-xs: 12px;\n --text-sm: 14px;\n --text-md: 16px;\n --text-lg: 18px;\n --text-xl: 20px;\n --h-xs: 24px;\n --h-sm: 30px;\n --h-md: 36px;\n --leading: 1.5;\n --gap-2xs: 4px;\n --gap-xs: 8px;\n --gap-sm: 16px;\n --gap-md: 24px;\n --gap-lg: 32px;\n --gap-xl: 40px;\n --gap-2xl: 48px;\n --box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);\n --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);\n --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);\n --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);\n --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);\n --box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);\n --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);\n /* Override front-end CSS */\n --check-label-color: var(--grey-700);\n}\n\n.frm_hidden {\n display: none;\n}\n\n.frm-component:not(.frm-tabs-wrapper) {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.frm-component:not(.frm-tabs-wrapper) > span.frm-component-label {\n font-weight: 500;\n font-size: var(--text-sm) !important;\n color: var(--grey-900) !important;\n width: 40% !important;\n display: block !important;\n margin-right: 12px !important;\n}\n\n.frm-component .frmsvg {\n width: 18px;\n height: 18px;\n}\n.frm-component .frm-sliders-container {\n width: 100%;\n}\n.frm-component .frm-group-sliders .frm-slider-component {\n margin-top: 5px;\n}\n\n/*# sourceMappingURL=frm-range-slider-component.css.map*/"); + +/***/ }), + +/***/ "./js/src/web-components/frm-tab-navigator-component/frm-tab-navigator-component.css": +/*!*******************************************************************************************!*\ + !*** ./js/src/web-components/frm-tab-navigator-component/frm-tab-navigator-component.css ***! + \*******************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("/*!********************************************************************************************************************************************************************************************************************************************************************************!*\\\n !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/css-unicode-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./js/src/web-components/frm-tab-navigator-component/frm-tab-navigator-component.scss ***!\n \\********************************************************************************************************************************************************************************************************************************************************************************/\n/**\n * Base - Variables\n */\n:root,\n.frm-white-body,\n.frm_wrap {\n --grey-900: #101828;\n --grey-800: #1d2939;\n --grey-700: #344054;\n --grey-600: #475467;\n --grey-500: #667085; /* Roughly 65% opacity */\n --grey-400: #98a2b3;\n --grey-300: #d0d5dd;\n --grey-200: #eaecf0;\n --grey-100: #f2f4f7;\n --grey-50: #f9fafb;\n --grey-25: #fcfcfd;\n --dark-grey: var(--grey-700); /* Deprecated */\n --medium-grey: rgba(40, 47, 54, 0.65);\n --grey: var(--grey-500); /* Deprecated */\n --grey-border: var(--grey-300); /* Deprecated */\n --lightest-grey: rgb(250, 250, 250);\n --sidebar-color: var(--grey-50);\n --sidebar-hover: var(--grey-200);\n --primary-700: #2b66a9;\n --primary-500: #4199fd;\n --primary-300: #80bbfe;\n --primary-200: #c0ddfe;\n --primary-50: #ecf5ff;\n --primary-25: #f5faff;\n --primary-color: var(--primary-500); /* Deprecated */\n --primary-hover: var(--primary-700); /* Deprecated */\n --light-blue: var(--primary-25); /* Deprecated */\n --blue-border: rgb(188, 224, 253);\n --error-700: #b42318;\n --error-500: #f04438;\n --error-300: #fecdca;\n --error-100: #fee4e2;\n --error-25: #fff5f4;\n --green: rgb(63, 172, 37);\n --orange: #f15a24;\n --warning-500: #f79009;\n --pink: rgb(226, 42, 110);\n --purple: rgb(141, 53, 245);\n --success-900: #054f31;\n --success-800: #065f46;\n --success-500: #12b76a;\n --success-100: #d1fae5;\n --success-200: #a6f4c5;\n --success-50: #ecfdf3;\n --success-25: #f6fef9;\n --border-radius: 35px;\n --small-radius: 8px;\n --medium-radius: 16px;\n --small-sidebar: 275px;\n --medium-sidebar: 350px;\n --big-sidebar: 390px;\n --biggest-sidebar: 450px;\n --text-xs: 12px;\n --text-sm: 14px;\n --text-md: 16px;\n --text-lg: 18px;\n --text-xl: 20px;\n --h-xs: 24px;\n --h-sm: 30px;\n --h-md: 36px;\n --leading: 1.5;\n --gap-2xs: 4px;\n --gap-xs: 8px;\n --gap-sm: 16px;\n --gap-md: 24px;\n --gap-lg: 32px;\n --gap-xl: 40px;\n --gap-2xl: 48px;\n --box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);\n --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);\n --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);\n --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);\n --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);\n --box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);\n --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);\n /* Override front-end CSS */\n --check-label-color: var(--grey-700);\n}\n\n.frm_hidden {\n display: none;\n}\n\n.frm-component:not(.frm-tabs-wrapper) {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.frm-component:not(.frm-tabs-wrapper) > span.frm-component-label {\n font-weight: 500;\n font-size: var(--text-sm) !important;\n color: var(--grey-900) !important;\n width: 40% !important;\n display: block !important;\n margin-right: 12px !important;\n}\n\n.frm-tabs-wrapper {\n position: relative;\n overflow: hidden;\n}\n.frm-tabs-wrapper .frm-tabs-navigator {\n margin: 0;\n padding: 0;\n display: flex;\n gap: var(--gap-xs);\n justify-content: space-between;\n align-items: center;\n background: rgb(242, 244, 247);\n border-radius: var(--small-radius);\n box-sizing: border-box;\n height: 44px;\n position: relative;\n z-index: 2;\n}\n.frm-tabs-wrapper .frm-tabs-navigator .frm-tab-item {\n flex: 1;\n text-align: center;\n cursor: pointer;\n}\n.frm-tabs-wrapper .frm-tabs-navigator .frm-active-background {\n display: block;\n height: 100%;\n background: white;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n}\n\n.frm-tabs-navs {\n padding: 0;\n min-height: 44px;\n}\n.frm-tabs-navs ul {\n margin: 0;\n height: var(--h-md);\n position: relative;\n display: flex;\n justify-content: space-between;\n list-style-type: none;\n padding: 0px;\n}\n.frm-tabs-navs ul li,\n.frm-tabs-navs ul li a {\n color: var(--grey-500);\n font-weight: 500;\n font-size: var(--text-sm);\n line-height: 28px;\n}\n.frm-tabs-navs ul li {\n flex: 1;\n height: 28px;\n text-align: center;\n margin-top: var(--gap-xs);\n margin-bottom: 0;\n cursor: pointer;\n}\n\n.frm-tabs-navs ul li.frm-active, .frm-style-tabs-wrapper .frm-tabs-navs ul li.frm-active a {\n color: var(--grey-900);\n}\n\n.frm-tabs-navs ul li:first-child {\n margin-left: var(--gap-xs);\n}\n\n.frm-tabs-navs ul li:last-child {\n margin-right: var(--gap-xs);\n}\n\n.frm-tabs-delimiter {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: rgb(242, 244, 247);\n height: 44px;\n margin: 0;\n border-radius: var(--small-radius);\n}\n.frm-tabs-delimiter .frm-tabs-active-underline {\n height: 28px;\n background: white;\n position: absolute;\n left: 0;\n bottom: 8px;\n transition: 0.4s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border-radius: var(--small-radius);\n box-shadow: var(--button-shadow);\n display: none;\n}\n\n.frm-tabs-container {\n position: relative;\n overflow: hidden;\n margin-top: var(--gap-md);\n height: 100%;\n}\n\n.frm-tabs-container .frm-tabs-slide-track {\n display: flex;\n transition: 0.32s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.frm-tabs-slide-track > div {\n flex: 0 0 100%;\n opacity: 0;\n transition: 0.25s opacity linear;\n position: relative;\n height: auto;\n max-height: unset;\n overflow: hidden;\n box-sizing: border-box;\n}\n\n.frm-tabs-slide-track > div > div {\n overflow: auto;\n position: relative;\n width: 100%;\n padding: 0;\n box-sizing: border-box;\n}\n\n.frm-tabs-slide-track > div > div:first-child {\n height: 100%;\n}\n\n.frm-tabs-slide-track > div.frm-active {\n opacity: 1;\n transition: 0.35s opacity linear;\n}\n\n/*# sourceMappingURL=frm-tab-navigator-component.css.map*/"); + +/***/ }), + +/***/ "./js/src/web-components/frm-typography-component/frm-typography-component.css": +/*!*************************************************************************************!*\ + !*** ./js/src/web-components/frm-typography-component/frm-typography-component.css ***! + \*************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("/*!**************************************************************************************************************************************************************************************************************************************************************************!*\\\n !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/css-unicode-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./js/src/web-components/frm-typography-component/frm-typography-component.scss ***!\n \\**************************************************************************************************************************************************************************************************************************************************************************/\n/**\n * Base - Variables\n */\n:root,\n.frm-white-body,\n.frm_wrap {\n --grey-900: #101828;\n --grey-800: #1d2939;\n --grey-700: #344054;\n --grey-600: #475467;\n --grey-500: #667085; /* Roughly 65% opacity */\n --grey-400: #98a2b3;\n --grey-300: #d0d5dd;\n --grey-200: #eaecf0;\n --grey-100: #f2f4f7;\n --grey-50: #f9fafb;\n --grey-25: #fcfcfd;\n --dark-grey: var(--grey-700); /* Deprecated */\n --medium-grey: rgba(40, 47, 54, 0.65);\n --grey: var(--grey-500); /* Deprecated */\n --grey-border: var(--grey-300); /* Deprecated */\n --lightest-grey: rgb(250, 250, 250);\n --sidebar-color: var(--grey-50);\n --sidebar-hover: var(--grey-200);\n --primary-700: #2b66a9;\n --primary-500: #4199fd;\n --primary-300: #80bbfe;\n --primary-200: #c0ddfe;\n --primary-50: #ecf5ff;\n --primary-25: #f5faff;\n --primary-color: var(--primary-500); /* Deprecated */\n --primary-hover: var(--primary-700); /* Deprecated */\n --light-blue: var(--primary-25); /* Deprecated */\n --blue-border: rgb(188, 224, 253);\n --error-700: #b42318;\n --error-500: #f04438;\n --error-300: #fecdca;\n --error-100: #fee4e2;\n --error-25: #fff5f4;\n --green: rgb(63, 172, 37);\n --orange: #f15a24;\n --warning-500: #f79009;\n --pink: rgb(226, 42, 110);\n --purple: rgb(141, 53, 245);\n --success-900: #054f31;\n --success-800: #065f46;\n --success-500: #12b76a;\n --success-100: #d1fae5;\n --success-200: #a6f4c5;\n --success-50: #ecfdf3;\n --success-25: #f6fef9;\n --border-radius: 35px;\n --small-radius: 8px;\n --medium-radius: 16px;\n --small-sidebar: 275px;\n --medium-sidebar: 350px;\n --big-sidebar: 390px;\n --biggest-sidebar: 450px;\n --text-xs: 12px;\n --text-sm: 14px;\n --text-md: 16px;\n --text-lg: 18px;\n --text-xl: 20px;\n --h-xs: 24px;\n --h-sm: 30px;\n --h-md: 36px;\n --leading: 1.5;\n --gap-2xs: 4px;\n --gap-xs: 8px;\n --gap-sm: 16px;\n --gap-md: 24px;\n --gap-lg: 32px;\n --gap-xl: 40px;\n --gap-2xl: 48px;\n --box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);\n --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);\n --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);\n --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);\n --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);\n --box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);\n --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);\n /* Override front-end CSS */\n --check-label-color: var(--grey-700);\n}\n\n.frm_hidden {\n display: none;\n}\n\n.frm-component:not(.frm-tabs-wrapper) {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.frm-component:not(.frm-tabs-wrapper) > span.frm-component-label {\n font-weight: 500;\n font-size: var(--text-sm) !important;\n color: var(--grey-900) !important;\n width: 40% !important;\n display: block !important;\n margin-right: 12px !important;\n}\n\n.frm-typography-component .frm-typography-container {\n display: flex;\n justify-content: space-between;\n width: 100%;\n}\n.frm-typography-component .frm-typography-container select {\n width: calc(70% - 6px);\n outline: 0;\n box-shadow: var(--box-shadow-xs);\n border-radius: var(--small-radius);\n padding: 5px 14px;\n border-color: var(--grey-300);\n color: var(--grey-800);\n font-size: var(--text-md);\n margin: 0;\n background-color: #fff;\n line-height: var(--leading);\n border-width: 1px;\n border-style: solid;\n}\n.frm-typography-component .frm-typography-container .frm-unit-value {\n width: 28%;\n height: 36px;\n display: flex;\n justify-content: center;\n box-sizing: border-box;\n background: white;\n border-radius: var(--small-radius);\n border: 1px solid var(--grey-300);\n overflow: hidden;\n}\n.frm-typography-component .frm-typography-container .frm-unit-value > * {\n border: none;\n}\n.frm-typography-component .frm-typography-container .frm-unit-value input {\n width: 32px;\n height: 100%;\n padding: 0;\n font-size: var(--text-sm);\n color: rgb(16, 24, 40);\n padding-left: 8px;\n box-sizing: border-box;\n}\n.frm-typography-component .frm-typography-container .frm-unit-value input:focus {\n outline: none;\n}\n.frm-typography-component .frm-typography-container .frm-unit-value select {\n text-align: left;\n padding: 0;\n font-size: var(--text-sm);\n color: rgb(102, 112, 133);\n width: 36px;\n background: url(\"../../images/style/small-arrow.svg\") no-repeat;\n background-position: center right 12px;\n}\n.frm-typography-component .frm-typography-container .frm-unit-value select:focus {\n outline: none;\n}\n\n/*# sourceMappingURL=frm-typography-component.css.map*/"); + +/***/ }), + +/***/ "./node_modules/sprintf-js/src/sprintf.js": +/*!************************************************!*\ + !*** ./node_modules/sprintf-js/src/sprintf.js ***! + \************************************************/ +/***/ ((module, exports, __webpack_require__) => { + +var __WEBPACK_AMD_DEFINE_RESULT__;/* global window, exports, define */ + +!function() { + 'use strict' + + var re = { + 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 sprintf(key) { + // `arguments` is not an array, but should be fine for this call + return sprintf_format(sprintf_parse(key), arguments) + } + + function vsprintf(fmt, argv) { + return sprintf.apply(null, [fmt].concat(argv || [])) + } + + function sprintf_format(parse_tree, argv) { + var cursor = 1, tree_length = parse_tree.length, arg, output = '', i, k, ph, pad, pad_character, pad_length, is_positive, sign + for (i = 0; i < tree_length; i++) { + if (typeof parse_tree[i] === 'string') { + output += parse_tree[i] + } + else if (typeof parse_tree[i] === 'object') { + ph = parse_tree[i] // convenience purposes only + if (ph.keys) { // keyword argument + arg = argv[cursor] + for (k = 0; k < ph.keys.length; k++) { + if (arg == undefined) { + throw new Error(sprintf('[sprintf] Cannot access property "%s" of undefined value "%s"', ph.keys[k], ph.keys[k-1])) + } + arg = arg[ph.keys[k]] + } + } + else if (ph.param_no) { // positional argument (explicit) + arg = argv[ph.param_no] + } + else { // positional argument (implicit) + arg = argv[cursor++] + } + + if (re.not_type.test(ph.type) && re.not_primitive.test(ph.type) && arg instanceof Function) { + arg = arg() + } + + if (re.numeric_arg.test(ph.type) && (typeof arg !== 'number' && isNaN(arg))) { + throw new TypeError(sprintf('[sprintf] expecting number but found %T', arg)) + } + + if (re.number.test(ph.type)) { + is_positive = arg >= 0 + } + + switch (ph.type) { + case 'b': + arg = parseInt(arg, 10).toString(2) + break + case 'c': + arg = String.fromCharCode(parseInt(arg, 10)) + break + case 'd': + case 'i': + arg = parseInt(arg, 10) + break + case 'j': + arg = JSON.stringify(arg, null, ph.width ? parseInt(ph.width) : 0) + break + case 'e': + arg = ph.precision ? parseFloat(arg).toExponential(ph.precision) : parseFloat(arg).toExponential() + break + case 'f': + arg = ph.precision ? parseFloat(arg).toFixed(ph.precision) : parseFloat(arg) + break + case 'g': + arg = ph.precision ? String(Number(arg.toPrecision(ph.precision))) : parseFloat(arg) + break + case 'o': + arg = (parseInt(arg, 10) >>> 0).toString(8) + break + case 's': + arg = String(arg) + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 't': + arg = String(!!arg) + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 'T': + arg = Object.prototype.toString.call(arg).slice(8, -1).toLowerCase() + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 'u': + arg = parseInt(arg, 10) >>> 0 + break + case 'v': + arg = arg.valueOf() + arg = (ph.precision ? arg.substring(0, ph.precision) : arg) + break + case 'x': + arg = (parseInt(arg, 10) >>> 0).toString(16) + break + case 'X': + arg = (parseInt(arg, 10) >>> 0).toString(16).toUpperCase() + break + } + if (re.json.test(ph.type)) { + output += arg + } + else { + if (re.number.test(ph.type) && (!is_positive || ph.sign)) { + sign = is_positive ? '+' : '-' + arg = arg.toString().replace(re.sign, '') + } + else { + sign = '' + } + pad_character = ph.pad_char ? ph.pad_char === '0' ? '0' : ph.pad_char.charAt(1) : ' ' + pad_length = ph.width - (sign + arg).length + pad = ph.width ? (pad_length > 0 ? pad_character.repeat(pad_length) : '') : '' + output += ph.align ? sign + arg + pad : (pad_character === '0' ? sign + pad + arg : pad + sign + arg) + } + } + } + return output + } + + var sprintf_cache = Object.create(null) + + function sprintf_parse(fmt) { + if (sprintf_cache[fmt]) { + return sprintf_cache[fmt] + } + + var _fmt = fmt, match, parse_tree = [], arg_names = 0 + while (_fmt) { + if ((match = re.text.exec(_fmt)) !== null) { + parse_tree.push(match[0]) + } + else if ((match = re.modulo.exec(_fmt)) !== null) { + parse_tree.push('%') + } + else if ((match = re.placeholder.exec(_fmt)) !== null) { + if (match[2]) { + arg_names |= 1 + var field_list = [], replacement_field = match[2], field_match = [] + if ((field_match = re.key.exec(replacement_field)) !== null) { + field_list.push(field_match[1]) + while ((replacement_field = replacement_field.substring(field_match[0].length)) !== '') { + if ((field_match = re.key_access.exec(replacement_field)) !== null) { + field_list.push(field_match[1]) + } + else if ((field_match = re.index_access.exec(replacement_field)) !== null) { + field_list.push(field_match[1]) + } + else { + throw new SyntaxError('[sprintf] failed to parse named argument key') + } + } + } + else { + throw new SyntaxError('[sprintf] failed to parse named argument key') + } + match[2] = field_list + } + else { + arg_names |= 2 + } + if (arg_names === 3) { + throw new Error('[sprintf] mixing positional and named placeholders is not (yet) supported') + } + + parse_tree.push( + { + placeholder: match[0], + param_no: match[1], + keys: match[2], + sign: match[3], + pad_char: match[4], + align: match[5], + width: match[6], + precision: match[7], + type: match[8] + } + ) + } + else { + throw new SyntaxError('[sprintf] unexpected placeholder') + } + _fmt = _fmt.substring(match[0].length) + } + return sprintf_cache[fmt] = parse_tree + } + + /** + * export to either browser or node.js + */ + /* eslint-disable quote-props */ + if (true) { + exports.sprintf = sprintf + exports.vsprintf = vsprintf + } + if (typeof window !== 'undefined') { + window['sprintf'] = sprintf + window['vsprintf'] = vsprintf + + if (true) { + !(__WEBPACK_AMD_DEFINE_RESULT__ = (function() { + return { + 'sprintf': sprintf, + 'vsprintf': vsprintf + } + }).call(exports, __webpack_require__, exports, module), + __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)) + } + } + /* eslint-enable quote-props */ +}(); // eslint-disable-line + + +/***/ }), + +/***/ "./node_modules/tannin/index.js": +/*!**************************************!*\ + !*** ./node_modules/tannin/index.js ***! + \**************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ Tannin) +/* harmony export */ }); +/* harmony import */ var _tannin_plural_forms__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tannin/plural-forms */ "./node_modules/@tannin/plural-forms/index.js"); + + +/** + * Tannin constructor options. + * + * @typedef {Object} TanninOptions + * + * @property {string} [contextDelimiter] Joiner in string lookup with context. + * @property {Function} [onMissingKey] Callback to invoke when key missing. + */ + +/** + * Domain metadata. + * + * @typedef {Object} TanninDomainMetadata + * + * @property {string} [domain] Domain name. + * @property {string} [lang] Language code. + * @property {(string|Function)} [plural_forms] Plural forms expression or + * function evaluator. + */ + +/** + * Domain translation pair respectively representing the singular and plural + * translation. + * + * @typedef {[string,string]} TanninTranslation + */ + +/** + * Locale data domain. The key is used as reference for lookup, the value an + * array of two string entries respectively representing the singular and plural + * translation. + * + * @typedef {{[key:string]:TanninDomainMetadata|TanninTranslation,'':TanninDomainMetadata|TanninTranslation}} TanninLocaleDomain + */ + +/** + * Jed-formatted locale data. + * + * @see http://messageformat.github.io/Jed/ + * + * @typedef {{[domain:string]:TanninLocaleDomain}} TanninLocaleData + */ + +/** + * Default Tannin constructor options. + * + * @type {TanninOptions} + */ +var DEFAULT_OPTIONS = { + contextDelimiter: '\u0004', + onMissingKey: null, +}; + +/** + * Given a specific locale data's config `plural_forms` value, returns the + * expression. + * + * @example + * + * ``` + * getPluralExpression( 'nplurals=2; plural=(n != 1);' ) === '(n != 1)' + * ``` + * + * @param {string} pf Locale data plural forms. + * + * @return {string} Plural forms expression. + */ +function getPluralExpression( pf ) { + var parts, i, part; + + parts = pf.split( ';' ); + + for ( i = 0; i < parts.length; i++ ) { + part = parts[ i ].trim(); + if ( part.indexOf( 'plural=' ) === 0 ) { + return part.substr( 7 ); + } + } +} + +/** + * Tannin constructor. + * + * @class + * + * @param {TanninLocaleData} data Jed-formatted locale data. + * @param {TanninOptions} [options] Tannin options. + */ +function Tannin( data, options ) { + var key; + + /** + * Jed-formatted locale data. + * + * @name Tannin#data + * @type {TanninLocaleData} + */ + this.data = data; + + /** + * Plural forms function cache, keyed by plural forms string. + * + * @name Tannin#pluralForms + * @type {Object} + */ + this.pluralForms = {}; + + /** + * Effective options for instance, including defaults. + * + * @name Tannin#options + * @type {TanninOptions} + */ + this.options = {}; + + for ( key in DEFAULT_OPTIONS ) { + this.options[ key ] = options !== undefined && key in options + ? options[ key ] + : DEFAULT_OPTIONS[ key ]; + } +} + +/** + * Returns the plural form index for the given domain and value. + * + * @param {string} domain Domain on which to calculate plural form. + * @param {number} n Value for which plural form is to be calculated. + * + * @return {number} Plural form index. + */ +Tannin.prototype.getPluralForm = function( domain, n ) { + var getPluralForm = this.pluralForms[ domain ], + config, plural, pf; + + if ( ! getPluralForm ) { + config = this.data[ domain ][ '' ]; + + pf = ( + config[ 'Plural-Forms' ] || + config[ 'plural-forms' ] || + // Ignore reason: As known, there's no way to document the empty + // string property on a key to guarantee this as metadata. + // @ts-ignore + config.plural_forms + ); + + if ( typeof pf !== 'function' ) { + plural = getPluralExpression( + config[ 'Plural-Forms' ] || + config[ 'plural-forms' ] || + // Ignore reason: As known, there's no way to document the empty + // string property on a key to guarantee this as metadata. + // @ts-ignore + config.plural_forms + ); + + pf = (0,_tannin_plural_forms__WEBPACK_IMPORTED_MODULE_0__["default"])( plural ); + } + + getPluralForm = this.pluralForms[ domain ] = pf; + } + + return getPluralForm( n ); +}; + +/** + * Translate a string. + * + * @param {string} domain Translation domain. + * @param {string|void} context Context distinguishing terms of the same name. + * @param {string} singular Primary key for translation lookup. + * @param {string=} plural Fallback value used for non-zero plural + * form index. + * @param {number=} n Value to use in calculating plural form. + * + * @return {string} Translated string. + */ +Tannin.prototype.dcnpgettext = function( domain, context, singular, plural, n ) { + var index, key, entry; + + if ( n === undefined ) { + // Default to singular. + index = 0; + } else { + // Find index by evaluating plural form for value. + index = this.getPluralForm( domain, n ); + } + + key = singular; + + // If provided, context is prepended to key with delimiter. + if ( context ) { + key = context + this.options.contextDelimiter + singular; + } + + entry = this.data[ domain ][ key ]; + + // Verify not only that entry exists, but that the intended index is within + // range and non-empty. + if ( entry && entry[ index ] ) { + return entry[ index ]; + } + + if ( this.options.onMissingKey ) { + this.options.onMissingKey( singular, domain ); + } + + // If entry not found, fall back to singular vs. plural with zero index + // representing the singular value. + return index === 0 ? singular : plural; +}; + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! + \*********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _arrayLikeToArray) +/* harmony export */ }); +function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! + \**********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _arrayWithoutHoles) +/* harmony export */ }); +/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); + +function _arrayWithoutHoles(r) { + if (Array.isArray(r)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _classCallCheck) +/* harmony export */ }); +function _classCallCheck(a, n) { + if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! + \*******************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _defineProperty) +/* harmony export */ }); +/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); + +function _defineProperty(e, r, t) { + return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0 + }) : e[r] = t, e; +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js": +/*!********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! + \********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _iterableToArray) +/* harmony export */ }); +function _iterableToArray(r) { + if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! + \**********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _nonIterableSpread) +/* harmony export */ }); +function _nonIterableSpread() { + throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! + \**********************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _toConsumableArray) +/* harmony export */ }); +/* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithoutHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js"); +/* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js"); +/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); +/* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableSpread.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js"); + + + + +function _toConsumableArray(r) { + return (0,_arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r) || (0,_nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": +/*!****************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! + \****************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ toPrimitive) +/* harmony export */ }); +/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); + +function toPrimitive(t, r) { + if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || "default"); + if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; + throw new TypeError("@@toPrimitive must return a primitive value."); + } + return ("string" === r ? String : Number)(t); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": +/*!******************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! + \******************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ toPropertyKey) +/* harmony export */ }); +/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); +/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); + + +function toPropertyKey(t) { + var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); + return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": +/*!***********************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \***********************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _typeof) +/* harmony export */ }); +function _typeof(o) { + "@babel/helpers - typeof"; + + return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { + return typeof o; + } : function (o) { + return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; + }, _typeof(o); +} + + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": +/*!*******************************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! + \*******************************************************************************/ +/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ _unsupportedIterableToArray) +/* harmony export */ }); +/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); + +function _unsupportedIterableToArray(r, a) { + if (r) { + if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; + } +} + + +/***/ }) + +/******/ }); +/************************************************************************/ +/******/ // The module cache +/******/ var __webpack_module_cache__ = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ // Check if module is in cache +/******/ var cachedModule = __webpack_module_cache__[moduleId]; +/******/ if (cachedModule !== undefined) { +/******/ return cachedModule.exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = __webpack_module_cache__[moduleId] = { +/******/ // no module.id needed +/******/ // no module.loaded needed +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/compat get default export */ +/******/ (() => { +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = (module) => { +/******/ var getter = module && module.__esModule ? +/******/ () => (module['default']) : +/******/ () => (module); +/******/ __webpack_require__.d(getter, { a: getter }); +/******/ return getter; +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/define property getters */ +/******/ (() => { +/******/ // define getter functions for harmony exports +/******/ __webpack_require__.d = (exports, definition) => { +/******/ for(var key in definition) { +/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { +/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); +/******/ } +/******/ } +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ (() => { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = (exports) => { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ })(); +/******/ +/************************************************************************/ +var __webpack_exports__ = {}; +// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. +(() => { +"use strict"; +/*!****************************************!*\ + !*** ./js/src/web-components/index.js ***! + \****************************************/ +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _frm_tab_navigator_component_frm_tab_navigator_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./frm-tab-navigator-component/frm-tab-navigator-component */ "./js/src/web-components/frm-tab-navigator-component/frm-tab-navigator-component.js"); +/* harmony import */ var _frm_colorpicker_component_frm_colorpicker_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./frm-colorpicker-component/frm-colorpicker-component */ "./js/src/web-components/frm-colorpicker-component/frm-colorpicker-component.js"); +/* harmony import */ var _frm_range_slider_component_frm_range_slider_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./frm-range-slider-component/frm-range-slider-component */ "./js/src/web-components/frm-range-slider-component/frm-range-slider-component.js"); +/* harmony import */ var _frm_dropdown_component_frm_dropdown_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./frm-dropdown-component/frm-dropdown-component */ "./js/src/web-components/frm-dropdown-component/frm-dropdown-component.js"); +/* harmony import */ var _frm_typography_component_frm_typography_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./frm-typography-component/frm-typography-component */ "./js/src/web-components/frm-typography-component/frm-typography-component.js"); +/* harmony import */ var _frm_border_radius_component_frm_border_radius_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./frm-border-radius-component/frm-border-radius-component */ "./js/src/web-components/frm-border-radius-component/frm-border-radius-component.js"); + + + + + + +customElements.define('frm-tab-navigator-component', _frm_tab_navigator_component_frm_tab_navigator_component__WEBPACK_IMPORTED_MODULE_0__.frmTabNavigatorComponent); +customElements.define('frm-colorpicker-component', _frm_colorpicker_component_frm_colorpicker_component__WEBPACK_IMPORTED_MODULE_1__.frmColorpickerComponent); +customElements.define('frm-range-slider-component', _frm_range_slider_component_frm_range_slider_component__WEBPACK_IMPORTED_MODULE_2__.frmRangeSliderComponent); +customElements.define('frm-dropdown-component', _frm_dropdown_component_frm_dropdown_component__WEBPACK_IMPORTED_MODULE_3__.frmDropdownComponent); +customElements.define('frm-typography-component', _frm_typography_component_frm_typography_component__WEBPACK_IMPORTED_MODULE_4__.frmTypographyComponent); +customElements.define('frm-border-radius-component', _frm_border_radius_component_frm_border_radius_component__WEBPACK_IMPORTED_MODULE_5__.frmBorderRadiusComponent); +})(); + +/******/ })() +; +//# sourceMappingURL=formidable-web-components.js.map \ No newline at end of file diff --git a/js/formidable_admin.js b/js/formidable_admin.js index 6fc69e80f0..dbaa0bdc98 100644 --- a/js/formidable_admin.js +++ b/js/formidable_admin.js @@ -1 +1,13300 @@ -(()=>{var e={65:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var n=r(8793),o=r(1323);function i(e){var t=(0,n.A)(e);return function(e){return(0,o.A)(t,e)}}},1323:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var n={"!":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":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}};function o(e,t){var r,o,i,a,l,s,c=[];for(r=0;r{"use strict";r.d(t,{A:()=>o});var n=r(65);function o(e){var t=(0,n.A)(e);return function(e){return+t({n:e})}}},8793:(e,t,r)=>{"use strict";var n,o,i,a;function l(e){for(var t,r,l,s,c=[],d=[];t=e.match(a);){for(r=t[0],(l=e.substr(0,t.index).trim())&&c.push(l);s=d.pop();){if(i[r]){if(i[r][0]===s){r=i[r][1]||r;break}}else if(o.indexOf(s)>=0||n[s]l}),n={"(":9,"!":8,"*":7,"/":7,"%":7,"+":6,"-":6,"<":5,"<=":5,">":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},o=["(","?"],i={")":["("],":":["?","?:"]},a=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/},7521:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var n=r(6956),o=r(7395);const i=function(e,t){return function(r,i,a){var l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:10,s=e[t];if((0,o.A)(r)&&(0,n.A)(i))if("function"==typeof a)if("number"==typeof l){var c={callback:a,priority:l,namespace:i};if(s[r]){var d,f=s[r].handlers;for(d=f.length;d>0&&!(l>=f[d-1].priority);d--);d===f.length?f[d]=c:f.splice(d,0,c),s.__current.forEach(function(e){e.name===r&&e.currentIndex>=d&&e.currentIndex++})}else s[r]={handlers:[c],runs:0};"hookAdded"!==r&&e.doAction("hookAdded",r,i,a,l)}else console.error("If specified, the hook priority must be a number.");else console.error("The hook callback must be a function.")}}},11:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});const n=function(e,t){return function(){var r,n,o=e[t];return null!==(r=null===(n=o.__current[o.__current.length-1])||void 0===n?void 0:n.name)&&void 0!==r?r:null}}},5375:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var n=r(7395);const o=function(e,t){return function(r){var o=e[t];if((0,n.A)(r))return o[r]&&o[r].runs?o[r].runs:0}}},3561:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});const n=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}}},8830:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});const n=function(e,t){return function(r,n){var o=e[t];return void 0!==n?r in o&&o[r].handlers.some(function(e){return e.namespace===n}):r in o}}},7765:(e,t,r)=>{"use strict";r.d(t,{A:()=>u});var n=r(3029),o=r(7521),i=r(4194),a=r(8830),l=r(6763),s=r(11),c=r(3561),d=r(5375),f=function e(){(0,n.A)(this,e),this.actions=Object.create(null),this.actions.__current=[],this.filters=Object.create(null),this.filters.__current=[],this.addAction=(0,o.A)(this,"actions"),this.addFilter=(0,o.A)(this,"filters"),this.removeAction=(0,i.A)(this,"actions"),this.removeFilter=(0,i.A)(this,"filters"),this.hasAction=(0,a.A)(this,"actions"),this.hasFilter=(0,a.A)(this,"filters"),this.removeAllActions=(0,i.A)(this,"actions",!0),this.removeAllFilters=(0,i.A)(this,"filters",!0),this.doAction=(0,l.A)(this,"actions"),this.applyFilters=(0,l.A)(this,"filters",!0),this.currentAction=(0,s.A)(this,"actions"),this.currentFilter=(0,s.A)(this,"filters"),this.doingAction=(0,c.A)(this,"actions"),this.doingFilter=(0,c.A)(this,"filters"),this.didAction=(0,d.A)(this,"actions"),this.didFilter=(0,d.A)(this,"filters")};const u=function(){return new f}},4194:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var n=r(6956),o=r(7395);const i=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(i,a){var l=e[t];if((0,o.A)(i)&&(r||(0,n.A)(a))){if(!l[i])return 0;var s=0;if(r)s=l[i].handlers.length,l[i]={runs:l[i].runs,handlers:[]};else for(var c=l[i].handlers,d=function(e){c[e].namespace===a&&(c.splice(e,1),s++,l.__current.forEach(function(t){t.name===i&&t.currentIndex>=e&&t.currentIndex--}))},f=c.length-1;f>=0;f--)d(f);return"hookRemoved"!==i&&e.doAction("hookRemoved",i,a),s}}}},6763:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});const n=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n){var o=e[t];o[n]||(o[n]={handlers:[],runs:0}),o[n].runs++;for(var i=o[n].handlers,a=arguments.length,l=new Array(a>1?a-1:0),s=1;s{"use strict";r.d(t,{se:()=>n});var n=(0,r(7765).A)();n.addAction,n.addFilter,n.removeAction,n.removeFilter,n.hasAction,n.hasFilter,n.removeAllActions,n.removeAllFilters,n.doAction,n.applyFilters,n.currentAction,n.currentFilter,n.doingAction,n.doingFilter,n.didAction,n.didFilter,n.actions,n.filters},7395:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});const n=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)}},6956:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});const n=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)}},772:(e,t,r)=>{"use strict";r.d(t,{h:()=>c});var n=r(4467),o=r(5397);function i(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 a(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:"default";n.data[t]=a(a(a({},l),n.data[t]),e),n.data[t][""]=a(a({},l[""]),n.data[t][""])},f=function(e,t){d(e,t),c()},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,o=arguments.length>3?arguments[3]:void 0,i=arguments.length>4?arguments[4]:void 0;return n.data[e]||d(void 0,e),n.dcnpgettext(e,t,r,o,i)},m=function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default"},_=function(e,t,n){var o=u(n,t,e);return r?(o=r.applyFilters("i18n.gettext_with_context",o,e,t,n),r.applyFilters("i18n.gettext_with_context_"+m(n),o,e,t,n)):o};if(e&&f(e,t),r){var p=function(e){s.test(e)&&c()};r.addAction("hookAdded","core/i18n",p),r.addAction("hookRemoved","core/i18n",p)}return{getLocaleData:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return n.data[e]},setLocaleData:f,resetLocaleData:function(e,t){n.data={},n.pluralForms={},f(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_"+m(t),n,e,t)):n},_x:_,_n:function(e,t,n,o){var i=u(o,void 0,e,t,n);return r?(i=r.applyFilters("i18n.ngettext",i,e,t,n,o),r.applyFilters("i18n.ngettext_"+m(o),i,e,t,n,o)):i},_nx:function(e,t,n,o,i){var a=u(i,o,e,t,n);return r?(a=r.applyFilters("i18n.ngettext_with_context",a,e,t,n,o,i),r.applyFilters("i18n.ngettext_with_context_"+m(i),a,e,t,n,o,i)):a},isRTL:function(){return"rtl"===_("ltr","text direction")},hasTranslation:function(e,t,o){var i,a,l=t?t+""+e:e,s=!(null===(i=n.data)||void 0===i||null===(a=i[null!=o?o:"default"])||void 0===a||!a[l]);return r&&(s=r.applyFilters("i18n.has_translation",s,e,t,o),s=r.applyFilters("i18n.has_translation_"+m(o),s,e,t,o)),s}}}},5839:(e,t,r)=>{"use strict";r.d(t,{__:()=>a});var n=r(772),o=r(2133),i=(0,n.h)(void 0,void 0,o.se),a=(i.getLocaleData.bind(i),i.setLocaleData.bind(i),i.resetLocaleData.bind(i),i.subscribe.bind(i),i.__.bind(i));i._x.bind(i),i._n.bind(i),i._nx.bind(i),i.isRTL.bind(i),i.hasTranslation.bind(i)},9575:(e,t,r)=>{"use strict";r.d(t,{__:()=>n.__}),r(181),r(772);var n=r(5839)},181:(e,t,r)=>{"use strict";var n=r(8616),o=r.n(n);r(7604),o()(console.error)},1105:(e,t,r)=>{"use strict";r.r(t),r.d(t,{addonError:()=>u,afterAddonInstall:()=>f,extractErrorFromAddOnResponse:()=>d,toggleAddonState:()=>c});var n=r(9575);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,l=[],s=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r5&&void 0!==arguments[5]?arguments[5]:"frm_activate_addon",d=frm_admin_js,f=document.querySelectorAll(".frm-addon-status");f.forEach(function(t){t.textContent=e,t.style.display="block"}),t.css({opacity:"0"}),document.querySelectorAll(".frm-oneclick").forEach(function(e){e.style.display="none"}),function(){var e=document.getElementById("frm_upgrade_modal");if(e){e.classList.add("frm-success");var t=e.querySelector(".frm-upgrade-message");if(t){var r=t.querySelector("img");t.replaceChildren((0,n.__)("Great! Everything's ready to go!","formidable"),document.createElement("br"),(0,n.__)("You just need to refresh the builder so the new field becomes available.","formidable")),r&&t.append(r)}var o=document.querySelector(".frm-addon-status");o&&(o.textContent="");var i,a=e.querySelector(".frm-circled-icon");if(a)a.classList.add("frm-circled-icon-green"),null===(i=a.querySelector("svg"))||void 0===i||i.replaceWith(s({href:"#frm_checkmark_icon"}))}}();var u={frm_activate_addon:{class:"frm-addon-active",message:d.active},frm_deactivate_addon:{class:"frm-addon-installed",message:d.installed},frm_uninstall_addon:{class:"frm-addon-not-installed",message:d.not_installed}};u.frm_install_addon=u.frm_activate_addon;var _=o(r,1)[0];_&&(_.textContent=u[c].message);var p=o(i,1)[0].parentElement;p.classList.remove("frm-addon-not-installed","frm-addon-installed","frm-addon-active"),p.classList.add(u[c].class),o(t,1)[0].classList.remove("frm_loading_button"),document.querySelectorAll(".frm-admin-page-import, #frm-admin-smtp, #frm-welcome").length>0?window.location.reload():["settings","form_builder"].includes(a)&&f.forEach(function(e){var t=null!==e.closest("#frm_upgrade_modal");e.append(function(e,t){var r,o=[m(e)];return t&&o.push(((r=document.createElement("a")).setAttribute("href","#"),r.classList.add("button","button-secondary","frm-button-secondary","dismiss"),r.textContent=(0,n.__)("Not Now","formidable"),r)),l({className:"frm-save-and-reload-options",children:o})}(a,t))})}function u(e,t,r){e.form?(jQuery(".frm-inline-error").remove(),r.closest(".frm-card").html(e.form).css({padding:5}).find("#upgrade").attr("rel",r.attr("rel")).on("click",_)):(t.append('

'.concat(e.message,"

")),r.removeClass("frm_loading_button"),jQuery(".frm-addon-error").delay(4e3).fadeOut())}function m(e){var t=document.createElement("button");return t.classList.add("frm-save-and-reload","button","button-primary","frm-button-primary"),t.textContent=(0,n.__)("Save and Reload","formidable"),t.addEventListener("click",function(){var t;"form_builder"===e?((t=document.getElementById("frm_submit_side_top")).classList.contains("frm_submit_ajax")&&t.setAttribute("data-new-addon-installed",!0),t.click()):"settings"===e&&function(){var e=document.getElementById("form_settings_page");if(e){var t=e.querySelector("form.frm_form_settings");null!==t&&(wp.hooks.doAction("frm_reset_fields_updated"),t.submit())}}()}),t}function _(e){e.preventDefault();var t=jQuery(this),r=t.parent().parent(),n=t.attr("rel");t.addClass("frm_loading_button"),jQuery.ajax({url:ajaxurl,type:"POST",async:!0,cache:!1,dataType:"json",data:{action:"frm_install_addon",nonce:frmAdminJs.nonce,plugin:n,hostname:r.find("#hostname").val(),username:r.find("#username").val(),password:r.find("#password").val()},success:function(e){var n,o,i=d(e=null!==(n=null===(o=e)||void 0===o?void 0:o.data)&&void 0!==n?n:e);i?u(i,r,t):f(e,t,message,r)},error:function(){t.removeClass("frm_loading_button")}})}},4260:(e,t,r)=>{"use strict";r.r(t),r.d(t,{addOneClick:()=>i,initModal:()=>a,initUpgradeModal:()=>l});var n=r(9575),o=frmDom.svg;function i(e,t,r){var i;if("modal"===t)i=document.getElementById("frm_upgrade_modal");else{if("tab"!==t)return;i=document.getElementById(e.getAttribute("href").substr(1))}var a,l=i.querySelector(".frm-oneclick"),s=i.querySelector(".frm-upgrade-message"),c=i.querySelector(".frm-upgrade-link"),d=i.querySelector(".frm-oneclick-button"),f=i.querySelector(".frm-addon-status"),u=e.getAttribute("data-oneclick"),m=e.getAttribute("data-message"),_="block",p="block",g="none",y=i.querySelector(".frm-circled-icon");y&&(y.classList.remove("frm-circled-icon-green"),null===(a=y.querySelector("svg"))||void 0===a||a.replaceWith(o({href:"#frm_filled_lock_icon"})));var v=i.querySelector(".frm-learn-more");if(v&&(v.href=e.dataset.learnMore),null!==l&&null!==d&&void 0!==u&&u){null===m&&(p="none"),_="none",g="block",u=JSON.parse(u),d.className=d.className.replace(" frm-install-addon","").replace(" frm-activate-addon",""),d.className="".concat(d.className," ").concat(u.class),d.rel=u.url,l.textContent=(0,n.__)("This plugin is not activated. Would you like to activate it now?","formidable"),d.textContent=(0,n.__)("Activate","formidable");var h=e.querySelector("use");h&&(null==y||y.querySelector("svg").replaceWith(o({href:h.getAttribute("href")||h.getAttribute("xlink:href"),classList:["frm_svg32"]})))}m||(m=s.getAttribute("data-default")),void 0!==r&&(m=m.replace('',r)),s.innerHTML=m,e.dataset.upsellImage&&s.append(frmDom.img({src:e.dataset.upsellImage,alt:e.dataset.upgrade})),c.href=function(e,t){var r=e.getAttribute("data-link");return null!=r&&""!==r||(r=t.getAttribute("data-default")),r}(e,c),f.style.display="none",l&&(l.style.display=g),d&&(d.style.display="block"===g?"inline-block":g),s.style.display=p,c.style.display="block"===_?"inline-block":_;var b=c.closest(".frm-upgrade-modal-actions");b&&(b.style.display="block"===_?"flex":_)}function a(e,t){var r=jQuery(e);if(!r.length)return!1;void 0===t&&(t="552px");var n={dialogClass:"frm-dialog",modal:!0,autoOpen:!1,closeOnEscape:!0,width:t,resizable:!1,draggable:!1,open:function(){var e,t;jQuery(".ui-dialog-titlebar").addClass("frm_hidden").removeClass("ui-helper-clearfix"),jQuery("#wpwrap").addClass("frm_overlay"),jQuery(".frm-dialog").removeClass("ui-widget ui-widget-content ui-corner-all"),r.removeClass("ui-dialog-content ui-widget-content"),e=r,t=function(){e.dialog("close")},jQuery(".ui-widget-overlay").on("click",t),e.on("click","a.dismiss",t)},close:function(){jQuery("#wpwrap").removeClass("frm_overlay"),jQuery(".spinner").css("visibility","hidden"),this.removeAttribute("data-option-type");var e=document.getElementById("bulk-option-type");e&&(e.value="")}};return r.dialog(n),r}function l(){var e=a("#frm_upgrade_modal");function t(t){var r,o,a;if((r=t.target).classList){var l=r.classList.contains("frm_show_expired_modal")||null!==r.querySelector(".frm_show_expired_modal")||r.closest(".frm_show_expired_modal");if("change"===t.type&&r.classList.contains("frm_select_with_upgrade")){var s=r.options[r.selectedIndex];s&&s.dataset.upgrade&&(r=s)}if(!r.dataset.upgrade){var c=r.closest("[data-upgrade]");if(!c){if(!(c=r.closest(".frm_field_box")))return;r.dataset.upgrade=""}r=c}if(l)wp.hooks.doAction("frm_show_expired_modal",r);else{var d=r.dataset.upgrade;if(d&&!r.classList.contains("frm_show_upgrade_tab")){t.preventDefault();var f=e.get(0);f.classList.remove("frm-success");var u=f.querySelector(".frm_lock_icon");u&&(u.style.display="block",u.classList.remove("frm_lock_open_icon"),u.querySelector("use").setAttribute("href","#frm_lock_icon"));var m="frm_upgrade_modal_image",_=document.getElementById(m);_&&_.remove(),r.dataset.image&&u&&(u.style.display="none",u.parentNode.insertBefore(frmDom.img({id:m,src:"".concat(frmGlobal.url,"/images/").concat(r.dataset.image)}),u));var p=f.querySelector(".license-level");p&&(p.textContent=function(e){return e.dataset.requires?e.dataset.requires:"Pro"}(r)),i(r,"modal",d);var g=f.querySelector(".frm_are_not_installed");g.style.display=r.dataset.image||r.dataset.oneclick?"none":"inline-block",g.textContent=g.dataset.default,f.querySelector(".frm-upgrade-modal-title-prefix").style.display=r.dataset.oneclick?"inline":"none",f.querySelector(".frm_feature_label").textContent=d,f.querySelector(".frm-upgrade-modal-title-suffix").style.display="none",f.querySelector("h2").style.display="block",e.dialog("open");var y=f.querySelector(".button-primary:not(.frm-oneclick-button)");o=y.getAttribute("href").replace(/(medium=)[a-z_-]+/gi,"$1".concat(r.getAttribute("data-medium"))),null===(a=r.getAttribute("data-content"))&&(a=""),o=o.replace(/(content=)[a-z_-]+/gi,"$1".concat(a)),y.setAttribute("href",o),r.classList.contains("frm_show_update")&&function(e){var t=e.querySelector(".frm-upgrade-modal-title-prefix");t&&(t.style.display="none");var r=e.querySelector(".frm_are_not_installed");r&&(r.textContent=(0,n.__)("require an update","formidable"),r.style.display="");var o=e.querySelector(".frm-oneclick");o&&(o.style.display="none");var i=e.querySelector(".frm-oneclick-button");i&&(i.textContent=(0,n.__)("Update Now","formidable"))}(f)}}}}!1!==e&&(document.addEventListener("click",t),frmDom.util.documentOn("change","select.frm_select_with_upgrade",t))}},8616:e=>{e.exports=function(e,t){var r,n,o=0;function i(){var i,a,l=r,s=arguments.length;e:for(;l;){if(l.args.length===arguments.length){for(a=0;a{var n;!function(){"use strict";var o={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 i(e){return function(e,t){var r,n,a,l,s,c,d,f,u,m=1,_=e.length,p="";for(n=0;n<_;n++)if("string"==typeof e[n])p+=e[n];else if("object"==typeof e[n]){if((l=e[n]).keys)for(r=t[m],a=0;a=0),l.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,l.width?parseInt(l.width):0);break;case"e":r=l.precision?parseFloat(r).toExponential(l.precision):parseFloat(r).toExponential();break;case"f":r=l.precision?parseFloat(r).toFixed(l.precision):parseFloat(r);break;case"g":r=l.precision?String(Number(r.toPrecision(l.precision))):parseFloat(r);break;case"o":r=(parseInt(r,10)>>>0).toString(8);break;case"s":r=String(r),r=l.precision?r.substring(0,l.precision):r;break;case"t":r=String(!!r),r=l.precision?r.substring(0,l.precision):r;break;case"T":r=Object.prototype.toString.call(r).slice(8,-1).toLowerCase(),r=l.precision?r.substring(0,l.precision):r;break;case"u":r=parseInt(r,10)>>>0;break;case"v":r=r.valueOf(),r=l.precision?r.substring(0,l.precision):r;break;case"x":r=(parseInt(r,10)>>>0).toString(16);break;case"X":r=(parseInt(r,10)>>>0).toString(16).toUpperCase()}o.json.test(l.type)?p+=r:(!o.number.test(l.type)||f&&!l.sign?u="":(u=f?"+":"-",r=r.toString().replace(o.sign,"")),c=l.pad_char?"0"===l.pad_char?"0":l.pad_char.charAt(1):" ",d=l.width-(u+r).length,s=l.width&&d>0?c.repeat(d):"",p+=l.align?u+r+s:"0"===c?u+s+r:s+u+r)}return p}(function(e){if(l[e])return l[e];for(var t,r=e,n=[],i=0;r;){if(null!==(t=o.text.exec(r)))n.push(t[0]);else if(null!==(t=o.modulo.exec(r)))n.push("%");else{if(null===(t=o.placeholder.exec(r)))throw new SyntaxError("[sprintf] unexpected placeholder");if(t[2]){i|=1;var a=[],s=t[2],c=[];if(null===(c=o.key.exec(s)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(a.push(c[1]);""!==(s=s.substring(c[0].length));)if(null!==(c=o.key_access.exec(s)))a.push(c[1]);else{if(null===(c=o.index_access.exec(s)))throw new SyntaxError("[sprintf] failed to parse named argument key");a.push(c[1])}t[2]=a}else i|=2;if(3===i)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 l[e]=n}(e),arguments)}function a(e,t){return i.apply(null,[e].concat(t||[]))}var l=Object.create(null);"undefined"!=typeof window&&(window.sprintf=i,window.vsprintf=a,void 0===(n=function(){return{sprintf:i,vsprintf:a}}.call(t,r,t,e))||(e.exports=n))}()},5397:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var n=r(1364),o={contextDelimiter:"",onMissingKey:null};function i(e,t){var r;for(r in this.data=e,this.pluralForms={},this.options={},o)this.options[r]=void 0!==t&&r in t?t[r]:o[r]}i.prototype.getPluralForm=function(e,t){var r,o,i,a=this.pluralForms[e];return a||("function"!=typeof(i=(r=this.data[e][""])["Plural-Forms"]||r["plural-forms"]||r.plural_forms)&&(o=function(e){var t,r,n;for(t=e.split(";"),r=0;r{"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}r.d(t,{A:()=>n})},4467:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var n=r(9922);function o(e,t,r){return(t=(0,n.A)(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},2327:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var n=r(2284);function o(e,t){if("object"!=(0,n.A)(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=(0,n.A)(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}},9922:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var n=r(2284),o=r(2327);function i(e){var t=(0,o.A)(e,"string");return"symbol"==(0,n.A)(t)?t:t+""}},2284:(e,t,r)=>{"use strict";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)}r.d(t,{A:()=>n})}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}function n(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||o(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.")}()}function o(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r{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),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},window.FrmFormsConnect=window.FrmFormsConnect||function(e,t,r){var n={messageBox:null,reset:null,setElements:function(){n.messageBox=e.querySelector(".frm_pro_license_msg"),n.reset=e.getElementById("frm_reconnect_link")}},o={init:function(){n.setElements(),r(e.getElementById("frm_deauthorize_link")).on("click",o.deauthorize),r(".frm_authorize_link").on("click",o.authorize),r(".frm-dashboard-license-options").on("click","#frm_deauthorize_link",o.deauthorize),r(".frm-dashboard-license-options").on("click","#frm_reconnect_link",o.reauthorize),null!==n.reset&&r(n.reset).on("click",o.reauthorize)},authorize:function(){var t=this,n=this.getAttribute("data-plugin"),i=e.getElementById("edd_".concat(n,"_license_key")),a=i.value,l=e.getElementById("proplug-wpmu");this.classList.add("frm_loading_button"),l=l&&l.checked?1:0,r.ajax({type:"POST",url:ajaxurl,dataType:"json",data:{action:"frm_addon_activate",license:a,plugin:n,wpmu:l,nonce:frmGlobal.nonce},success:function(e){o.afterAuthorize(e,i),t.classList.remove("frm_loading_button")}})},afterAuthorize:function(e,t){!0===e.success&&(t.value="•••••••••••••••••••"),wp.hooks.doAction("frm_after_authorize",e),o.showMessage(e)},showProgress:function(e){null===n.messageBox&&n.setElements();var t=n.messageBox;null!==t&&(!0===e.success?(t.classList.remove("frm_error_style"),t.classList.add("frm_message","frm_updated_message")):(t.classList.add("frm_error_style"),t.classList.remove("frm_message","frm_updated_message")),t.classList.remove("frm_hidden"),t.innerHTML=e.message)},showMessage:function(r){null===n.messageBox&&n.setElements();var i=n.messageBox;!0===r.success&&(o.showAuthorized(!0),o.showInlineSuccess(),wp.hooks.doAction("frmAdmin.afterLicenseAuthorizeSuccess",{msg:r})),o.showProgress(r),""!==r.message&&(setTimeout(function(){i.innerHTML="",i.classList.add("frm_hidden"),i.classList.remove("frm_error_style","frm_message","frm_updated_message")},1e4),e.querySelector(".frm-admin-page-dashboard")&&setTimeout(function(){t.location.reload()},1e3))},showAuthorized:function(t){var r=t?"unauthorized":"authorized",n=t?"authorized":"unauthorized",o=e.querySelectorAll(".frm_".concat(r,"_box"));o.length&&o.forEach(function(e){e.className=e.className.replace("frm_".concat(r,"_box"),"frm_".concat(n,"_box"))})},showInlineSuccess:function(){var t=e.querySelectorAll(".frm-confirm-msg [data-success]");t.length&&t.forEach(function(e){e.innerHTML=frmAdminBuild.purifyHtml(e.getAttribute("data-success"))})},reauthorize:function(){return this.innerHTML='',r.ajax({type:"POST",url:ajaxurl,dataType:"json",data:{action:"frm_reset_cache",plugin:"formidable_pro",nonce:frmGlobal.nonce},success:function(e){n.reset.textContent=e.message,"1"===n.reset.getAttribute("data-refresh")&&t.location.reload()}}),!1},deauthorize:function(){if(!confirm(frmGlobal.deauthorize))return!1;var t=this.getAttribute("data-plugin"),n=e.getElementById("edd_".concat(t,"_license_key")),i=n.value,a=this;return this.innerHTML='',r.ajax({type:"POST",url:ajaxurl,data:{action:"frm_addon_deactivate",license:i,plugin:t,nonce:frmGlobal.nonce},success:function(){o.showAuthorized(!1),n.value="",a.replaceWith("Disconnected"),wp.hooks.doAction("frmAdmin.afterLicenseDeauthorizeSuccess",{})}}),!1}};return o}(document,window,jQuery),window.frmAdminBuildJS=function(){var e,t,i=frm_admin_js,l=frmDom,s=l.tag,c=l.div,d=l.span,f=l.a,u=l.svg,m=l.img,_=frmDom.util.onClickPreventDefault,p=frmDom.ajax.doJsonPost;i.contextualShortcodes=(t=null===(e=document.getElementById("frm_adv_info"))||void 0===e?void 0:e.dataset.contextualShortcodes)?((t=JSON.parse(t)).addressSelector="[id^=email_to], [id^=from_], [id^=cc], [id^=bcc]",t.bodySelector="[id^=email_message_]",t):[];var g,y,v,h={save:u({href:"#frm_save_icon"}),drag:u({href:"#frm_drag_icon",classList:["frm_drag_icon","frm-drag"]})},b=jQuery(document.getElementById("frm-show-fields")),j=document.getElementById("new_fields"),w=document.getElementById("form_id"),Q=!1,x=0,E=0,k=0,A={},S=0,L=wp.i18n,I=L.__,B=L.sprintf,q={dragging:!1};w&&(E=w.value);var C,N=new URL(window.location.href),T=N.searchParams,O=document.getElementById("frm_builder_page");function F(e){e.stopPropagation(),e.preventDefault(),D(this)}function D(e){var t=e.getAttribute("data-frmverify"),r=e.getAttribute("data-loaded-from");return null===t||"frm-confirmed-click"===e.id||("entries-list"===r?wp.hooks.applyFilters("frm_on_multiple_entries_delete",{link:e,initModal:Bi}):function(e){var t=Bi("#frm_confirm_modal","400px"),r=document.getElementById("frm-confirmed-click");if(!1===t)return!1;r&&(r.style.display="block");var n=e.getAttribute("data-frmverify"),o=n?e.getAttribute("data-frmverify-btn"):"",i=jQuery(".frm-confirm-msg");i.empty(),n&&(i.append(document.createTextNode(n)),o&&(null==r||r.classList.add(o)));var a=e.dataset;if(r){for(var l in r.dataset)r.removeAttribute("data-".concat(l));for(var s in a)"frmverify"!==s&&r.setAttribute("data-".concat(s),a[s])}return wp.hooks.doAction("frmAdmin.beforeOpenConfirmModal",{$info:t,link:e}),t.dialog("open"),null==r||r.setAttribute("href",e.getAttribute("href")||e.getAttribute("data-href")),!1}(e))}function M(e){var t=Bi("#frm_info_modal","400px");return!1===t||(jQuery(".frm-info-msg").html(e),t.dialog("open")),!1}function P(e){var t=this.getAttribute("data-frmtoggle"),r=this.getAttribute("data-toggletext"),n=jQuery(t);return e.preventDefault(),n.toggle(),null!==r&&""!==r&&(this.setAttribute("data-toggletext",this.innerHTML),this.textContent=r),!1}function H(e){var t=this.getAttribute("data-frmhide"),r=this.getAttribute("data-frmshow"),n=this.getAttribute("data-frmuncheck"),o=n?n.split(","):[];"INPUT"!==this.nodeName||"checkbox"!==this.type||this.checked||(null!==t?(r=t,t=null):null!==r&&(t=r,r=null)),e.preventDefault();var i=this.getAttribute("data-toggleclass")||"frm_hidden";null!==t&&jQuery(t).addClass(i),null!==r&&jQuery(r).removeClass(i);var a=this.parentNode.querySelectorAll("a.current");if(null!==a){for(var l=0;l1&&(e="",t=""):0===o.indexOf("frm_postmeta_")&&(jQuery("#frm_postmeta_rows .frm_postmeta_row").length<2&&(e=".frm_add_postmeta_row.button"),jQuery(".frm_toggle_cf_opts").length&&jQuery("#frm_postmeta_rows .frm_postmeta_row:not(#".concat(o,")")).last().length&&(""!==e&&(e+=","),e+="#".concat(jQuery("#frm_postmeta_rows .frm_postmeta_row:not(#".concat(o,")")).last().attr("id")," .frm_toggle_cf_opts")));var i=document.getElementById(o),a=jQuery(i);return a.fadeOut(300,function(){var r;a.remove(),Po(),""!==t&&jQuery(t).hide(),""!==e&&jQuery("".concat(e," a,").concat(e)).removeClass("frm_hidden").fadeIn("slow"),this.closest(".frm_form_action_settings")&&function(e){so(e);var t={type:e};wp.hooks.doAction("frm_after_action_removed",t)}(this.closest(".frm_form_action_settings").querySelector(".frm_action_name").value),null===(r=document.querySelector(".tooltip"))||void 0===r||r.remove()}),void 0!==r&&(r=jQuery(r)).fadeOut(400,function(){r.remove()}),""!==e&&jQuery(this).closest(".frm_logic_rows").fadeOut("slow"),wp.hooks.doAction("frm_admin_tag_removed",o,i),!1}}function G(e,t){void 0===t&&(t=this),Ze(t,!1);var r=jQuery(t).closest(".frm_form_action_settings"),n=e.target;if(r.length&&void 0!==n){var o=n.parentElement.className;if("string"==typeof o&&(o.includes("frm_email_icons")||o.includes("frm_toggle")))return void e.stopPropagation()}var i=r.children(".widget-inside");if(r.length&&i.find("p, div, table").length<1){var a=r.find('input[name$="[ID]"]').val(),l=r.find('input[name$="[post_excerpt]"]').val();l&&(i.html(''),r.find(".spinner").fadeIn("slow"),jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_form_action_fill",action_id:a,action_type:l,nonce:frmGlobal.nonce},success:function(e){i.html(e),ci(),Xn("#".concat(r.attr("id"))),yi(i),jQuery(t).trigger("frm-action-loaded"),wp.hooks.doAction("frm_filled_form_action",i)}}))}jQuery(t).closest(".frm_field_box").siblings().find(".widget-inside").slideUp("fast"),void 0!==t.className&&t.className.includes("widget-action")||jQuery(t).closest(".start_divider").length<1||((i=jQuery(t).closest("div.widget").children(".widget-inside")).is(":hidden")?i.slideDown("fast"):i.slideUp("fast"))}function U(){var e=this.getAttribute("href");if(void 0===e)return!1;var t=e.replace("#","."),r=jQuery(this);r.closest("li").addClass("frm-tabs active").siblings("li").removeClass("frm-tabs active starttab"),r.closest("div").children(".tabs-panel").not(e).not(t).hide();var n=document.getElementById(e.replace("#",""));return n&&(n.style.display="block"),"frm_insert_fields_tab"!==this.id||this.closest("#frm_adv_info")||$e(),!1}function W(e,t){var r=(e=jQuery(e)).attr("href");if(void 0!==r){var n,o,i=r.replace("#",".");if(e.closest("li").addClass("frm-tabs active").siblings("li").removeClass("frm-tabs active starttab"),e.closest("div").find(".tabs-panel").length)e.closest("div").children(".tabs-panel").not(r).not(i).hide();else if(null!==document.getElementById("form_global_settings")){var a=e.data("frmajax");e.closest(".frm_wrap").find(".tabs-panel, .hide_with_tabs").hide(),void 0!==a&&"1"==a&&(n=r.replace("#",""),(o=jQuery(".frm_".concat(n,"_ajax"))).length&&jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_settings_tab",tab:n.replace("_settings",""),nonce:frmGlobal.nonce},success:function(e){o.replaceWith(e)}}))}else jQuery("#frm-categorydiv .tabs-panel, .hide_with_tabs").hide();jQuery(r).show(),jQuery(i).show(),$o(),"auto"!==t&&(jQuery(".frm_updated_message").hide(),jQuery(".frm_warning_style").hide()),jQuery(e).closest("#frm_adv_info").length||(jQuery(".frm_form_settings").length?jQuery(".frm_form_settings").attr("action","?page=formidable&frm_action=settings&id=".concat(jQuery('.frm_form_settings input[name="id"]').val(),"&t=").concat(r.replace("#",""))):jQuery(".frm_settings_form").attr("action","?page=formidable-settings&t=".concat(r.replace("#",""))))}}function V(e){var t,r;document.querySelectorAll(e).forEach(function(e){$(e),Array.from(e.children).forEach(function(e){return X(e,".frm-move")});var t=jQuery(e).children('[data-type="divider"]').children(".divider_section_only");t.length&&$(t)}),t=jQuery("#frm_builder_page"),r={items:".frm_sortable_field_opts li",axis:"y",opacity:.65,forcePlaceholderSize:!1,handle:".frm-drag",helper:function(e,t){return Q=t.clone().insertAfter(t),t.clone()},stop:function(e,t){Q&&Q.remove(),on(t.item.attr("id").replace("frm_delete_field_","").replace("-".concat(t.item.data("optkey"),"_container"),"")),Po()}},jQuery(t).sortable(r)}function $(e){jQuery(e).droppable({accept:".frmbutton, li.frm_field_box",deactivate:re,over:K,out:J,tolerance:"pointer"})}function K(e,t){var r=function(e){return e.classList.contains("divider_section_only")&&(e=jQuery(e).nextAll(".start_divider.frm_sorting").get(0)),e}(e.target);if(!je(t.draggable[0],r,e))return r.classList.remove("frm-over-droppable"),void jQuery(r).parents("ul.frm_sorting").addClass("frm-over-droppable");document.querySelectorAll(".frm-over-droppable").forEach(function(e){return e.classList.remove("frm-over-droppable")}),r.classList.add("frm-over-droppable"),jQuery(r).parents("ul.frm_sorting").addClass("frm-over-droppable")}function J(e){e.target.classList.remove("frm-over-droppable")}function X(e,t){var r={helper:Y,revert:"invalid",delay:10,start:Z,stop:ee,drag:te,cursor:"grabbing",refreshPositions:!0,cursorAt:{top:0,left:90}};"string"==typeof t&&(r.handle=t),jQuery(e).draggable(r)}function Y(e){var t,r=e.delegateTarget;if(Qe(r)){var n=document.getElementById("frm-insert-fields").querySelector(".frm_ttext").cloneNode(!0);return n.querySelector("use").setAttributeNS("http://www.w3.org/1999/xlink","href","#frm_field_group_layout_icon"),n.querySelector("span").textContent=I("Field Group","formidable"),n.classList.add("frm_field_box"),n.classList.add("ui-sortable-helper"),n}if(r.classList.contains("frmbutton"))return(t=r.cloneNode(!0)).classList.add("ui-sortable-helper"),r.classList.add("frm-new-field"),t;if(r.hasAttribute("data-ftype")){var o=r.getAttribute("data-ftype");if(t=document.getElementById("frm-insert-fields").querySelector(".frm_t".concat(o)))return(t=t.cloneNode(!0)).classList.add("form-field"),t.classList.add("ui-sortable-helper"),t.cloneNode(!0)}return c({className:"frmbutton"})}function Z(e,t){if(e.target.classList.contains("frm_at_limit"))return Se(),!1;q.dragging=!0;var r,n=y;n.classList.add("frm-dragging-field"),document.body.classList.add("frm-dragging"),t.helper.addClass("frm-sortable-helper"),t.helper.initialOffset=n.scrollTop,e.target.classList.add("frm-drag-fade"),yr(),(r=document.querySelectorAll("ul.start_divider")).length&&r.forEach(function(e){[].slice.call(e.children).forEach(function(e){(0===e.children.length||1===e.children.length&&"ul"===e.firstElementChild.nodeName.toLowerCase()&&0===e.firstElementChild.children.length)&&e.remove()})}),Fe(),Ne(),z()}function ee(){y.classList.remove("frm-dragging-field"),document.body.classList.remove("frm-dragging");var e=document.querySelector(".frm-drag-fade");e&&e.classList.remove("frm-drag-fade")}function te(e,t){!function(e){v.scrollTop(function(t,r){var n=e.clientY,o=y.offsetHeight,i=e.clientY-y.offsetTop,a=i-o/2;return i>o-50&&n>5?r+.1*a:i<70&&n<130?r-Math.abs(.1*a):r})}(e);var r=e.target,n=function(){for(var e=document.getElementById("frm-show-fields");e.querySelector(".frm-over-droppable");)e=e.querySelector(".frm-over-droppable");return"frm-show-fields"!==e.id||e.classList.contains("frm-over-droppable")||(e=!1),e}(),o=document.getElementById("frm_drag_placeholder");if(je(r,n,e)){o||(o=s("li",{id:"frm_drag_placeholder",className:"sortable-placeholder"}));var i,a=t.helper.get(0);if((a.classList.contains("form-field")||a.classList.contains("frm_field_box"))&&(a.style.transform="translateY(".concat((i=t.helper,y.scrollTop-i.initialOffset),"px)")),"frm-show-fields"===n.id||n.classList.contains("start_divider"))return o.style.left=0,void function(e){var t,r=e.y,n=e.placeholder,o=jQuery(e.droppable),i=o.children().not(".edit_field_type_end_divider");if(0===i.length)o.prepend(n),t=0;else{var a=ne(o,r);if(a===i.length){var l=jQuery(i.get(a-1));t=l.offset().top+l.outerHeight(),o.append(n);var s=o.children(".edit_field_type_end_divider");s.length&&o.append(s)}else t=jQuery(i.get(a)).offset().top,jQuery(i.get(a)).before(n)}t-=o.offset().top,n.style.top="".concat(t,"px")}({droppable:n,y:e.clientY,placeholder:o});o.style.top="",function(e){var t,r=e.x,n=e.placeholder,o=jQuery(e.droppable),i=ie(o);if(i.length){var a=function(e,t){var r,n,o,i,a=ie(e);for(i=0,r=a.length-1;r>=0;--r)if(n=a.get(r),t>(o=jQuery(n).offset().left)){i=r,t>o+jQuery(n).outerWidth()/2&&(i=r+1);break}return i}(o,r);if(a===i.length){var l=jQuery(i.get(a-1));t=l.offset().left+l.outerWidth(),o.append(n)}else t=jQuery(i.get(a)).offset().left,jQuery(i.get(a)).before(n),t-=0===a?4:8;t-=o.offset().left,n.style.left="".concat(t,"px")}}({droppable:n,x:e.clientX,placeholder:o})}else o&&o.remove()}function re(e,t){if(q.dragging){q.dragging=!1;var r=t.draggable[0],n=document.getElementById("frm_drag_placeholder");if(!n)return t.helper.remove(),void g();!function(e){if(e.previousElementSibling&&e.previousElementSibling.classList.contains("frm-is-collapsed")){var t=jQuery(e).prevUntil('[data-type="break"]');if(t.length){var r=t.find(".frm-collapse-page").get(0);r&&r.click()}}}(n);var o=t.helper.parent(),i=t.helper.get(0).closest("ul.start_divider"),a=n.closest("ul.start_divider");r.classList.contains("frm-new-field")?function(e){if(pe(e))wp.hooks.doAction("frm_stopped_inserting_by_dragging",e);else{var t=document.getElementById("frm_drag_placeholder"),r="".concat(e.replace("|","-"),"_").concat(be()),n=s("li",{id:r,className:"frm-wait frmbutton_loadingnow"}),o=jQuery(n),i=de(jQuery(t)),a=fe(i),l=ue(i);t.parentNode.insertBefore(n,t),t.remove(),ae(o);var c=0;"summary"===e&&(c=jQuery(".frmbutton_loadingnow#".concat(r)).prevAll('li[data-type="break"]').length?1:0),jQuery.ajax({type:"POST",url:ajaxurl,data:_e(e,l,a,c),success:function(t){ge(t,o);var r=ye(t);r&&wp.hooks.doAction("frm_after_field_added_in_form_builder",{field:t,fieldId:r,fieldType:e,form_id:a})},error:he})}}(r.id):(function(e,t){t.parentNode.insertBefore(e,t)}(r,n),function(e){if("UL"===e.nodeName&&!e.classList.contains("start_divider")&&"frm-show-fields"!==e.id){var t=e.closest("li");t&&!t.classList.contains("ui-draggable")&&X(t,".frm-move")}}(n.parentElement));var l=i?parseInt(i.closest(".edit_field_type_divider").getAttribute("data-fid")):0,c=a?parseInt(a.closest(".edit_field_type_divider").getAttribute("data-fid")):0;n.remove(),t.helper.remove();var d=o.length?ie(o):[];!function(e,t){var r;e.length&&(t.length?ae(t.first()):(r=e.get(0).closest("li.frm_field_box"))&&!r.classList.contains("edit_field_type_divider")&&r.remove())}(o,d),function(e,t){0===t.length&&1===ie(jQuery(e.parentNode)).length||ae(jQuery(e))}(r,d),l!==c&&me(jQuery(r),i),g()}}function ne(e,t){var r,n,o,i,a=e.children().not(".edit_field_type_end_divider"),l=a.length;if(!document.querySelector(".frm-has-fields .frm_no_fields"))return 0;for(i=0,r=l-1;r>=0;--r)if(n=a.get(r),t>(o=jQuery(n).offset().top)){i=r,t>o+jQuery(n).outerHeight()/2&&(i=r+1);break}return i}function oe(){document.querySelectorAll("ul#frm-show-fields, ul.start_divider").forEach(function(e){e.childNodes.forEach(function(e){void 0!==e.classList&&(e.classList.contains("edit_field_type_end_divider")||void 0!==e.classList&&e.classList.contains("form-field")&&Ue(e))})}),kn(),document.querySelectorAll(".edit_field_type_end_divider").forEach(function(e){return e.parentNode.append(e)}),document.querySelectorAll("li.form_field_box:not(.form-field)").forEach(function(e){return!e.children.length&&e.remove()}),En();var e=new Event("frm_sync_after_drag_and_drop",{bubbles:!1});document.dispatchEvent(e)}function ie(e){var t=jQuery(),r=e.get(0);return r.children?(Array.from(r.children).forEach(function(e){if("none"!==e.style.display){var r=e.classList;!r.contains("form-field")||r.contains("edit_field_type_end_divider")||r.contains("frm-sortable-helper")||(t=t.add(e))}}),t):t}function ae(e,t){var r;void 0===t&&(t="even");var n=e.parent().children("li.form-field, li.frmbutton_loadingnow").not(".edit_field_type_end_divider"),o=n.length,i=["frm_full","frm_half","frm_third","frm_fourth","frm_sixth","frm_two_thirds","frm_three_fourths","frm1","frm2","frm3","frm4","frm5","frm6","frm7","frm8","frm9","frm10","frm11","frm12"];"even"===t&&5!==o?n.each(ce(i,$t(o))):"clear"===t?n.each(ce(i,"")):(r=["left","right","middle","even"].includes(t)?function(e){return Vt(o,t,e)}:function(e){return lr(t[e])},n.each(ce(i,r))),le(e.parent(),n.length)}function le(e,t){if(void 0!==e.offset()){var r=t>=2,n=document.getElementById("frm_field_group_controls");if(!n){if(!r)return;(n=c()).id="frm_field_group_controls",n.setAttribute("role","group"),n.setAttribute("tabindex",0),function(e){var t=document.createElement("span");t.innerHTML='';var r=I("Set Row Layout","formidable");se(t,r),zt(t,r);var n=document.createElement("span");n.innerHTML='',n.classList.add("frm-move");var o=I("Move Field Group","formidable");se(n,o),zt(n,o),e.innerHTML="",e.append(t),e.append(n),e.append(function(){var e=d({className:"dropdown"}),t=f({className:"frm_bstooltip frm-hover-icon frm-dropdown-toggle dropdown-toggle",children:[d({child:u({href:"#frm_thick_more_vert_icon"})}),d({className:"screen-reader-text",text:I("Toggle More Options Dropdown","formidable")})]});frmDom.setAttributes(t,{title:I("More Options","formidable"),"data-bs-toggle":"dropdown","data-bs-container":"body","data-bs-display":"static"}),zt(t,I("More Options","formidable")),e.append(t);var r=c({className:"frm-dropdown-menu dropdown-menu dropdown-menu-right"});return r.setAttribute("role","menu"),e.append(r),e}())}(n),O.append(n)}e.append(n),n.style.display=r?"block":"none"}}function se(e,t){e.setAttribute("data-bs-toggle","tooltip"),e.setAttribute("data-bs-container","body"),e.setAttribute("title",t),e.addEventListener("mouseover",function(){null===e.getAttribute("data-original-title")&&jQuery(e).tooltip()})}function ce(e,t){return function(r){for(var n="function"==typeof t?t(r):t,o=e.length,i=!1,a=0;a0&&document.getElementById("form_id").value!==r||(o.last_row_field_ids=function(){var e=document.querySelector(".edit_field_type_submit");if(!e)return[];for(var t=e.parentNode.children,r=[],n=0;nt.childElementCount-1:i<=jQuery(t.querySelector(".edit_field_type_submit").closest("#frm-show-fields > li")).index()}if(n)return!(t.classList.contains("start_divider")||!we(t.parentElement)&&(!we(t.parentElement.nextElementSibling)||e.parentElement.querySelector("li.frm_field_box:not(.edit_field_type_submit)")));var a=t.classList.contains("start_divider")&&null!==t.closest(".repeat_section"),l=null!==t.closest(".repeat_section");if(a||l){if(e.classList.contains("edit_field_type_gdpr")||"gdpr"===e.id)return!1;if(wp.hooks.applyFilters("frm_deny_drop_in_repeater",!1,e))return!1}if(!a){if(!function(e,t){if(e.length<12)return!0;if(e.length>12)return!1;var r=t.attr("data-fid");return 1===jQuery(e).filter('[data-fid="'.concat(r,'"]')).length}(ie(jQuery(t)),jQuery(e)))return!1;if("divider"===e.id&&t.closest(".start_divider"))return!1}return e.classList.contains("frm-new-field")?function(e,t){var r=e.classList,n=r.contains("frm_tbreak"),o=r.contains("frm_thidden"),i=r.contains("frm_tdivider"),a=r.contains("frm_tform"),l=r.contains("frm_tuser_id");return"frm-show-fields"===t.id||t.classList.contains("start_divider")?!(n||o||i||a)||(!(t.classList.contains("start_divider")||null!==t.closest(".start_divider"))||!a&&!i):!(xe(t)||o||n||l)}(e,t):function(e,t){if(Qe(e))return function(e,t){return!(!t.classList.contains("start_divider")||null!==e.querySelector(".start_divider"))}(e,t);if(e.classList.contains("edit_field_type_break"))return!1;if(t.classList.contains("start_divider"))return function(e){return!e.classList.contains("edit_field_type_form")&&!e.querySelector(".edit_field_type_form")&&!(e.classList.contains("edit_field_type_divider")||e.querySelector(".edit_field_type_divider"))}(e);var r=e.classList.contains("edit_field_type_hidden"),n=e.classList.contains("edit_field_type_user_id");return!r&&!n&&function(e,t){if(xe(t))return!1;if(jQuery(e).children("ul.frm_sorting").not(".start_divider").length>0)return!1;var r=e.classList.contains("edit_field_type_divider")||e.querySelector(".edit_field_type_divider"),n=e.classList.contains("edit_field_type_form");return null===t.closest(".start_divider")||!r&&!n}(e,t)}(e,t)}function we(e){return e&&e.matches("#frm-show-fields > li:last-child")}function Qe(e){return e.classList.contains("frm_field_box")&&!e.classList.contains("form-field")}function xe(e){return null!==e.querySelector(".edit_field_type_break, .edit_field_type_hidden, .edit_field_type_user_id")}function Ee(e){var t=document.getElementById(e),r=jQuery(t),n=[],o=function(e){var t=e.querySelector(".frm_hidden_fdata");e.classList.add("frm_load_now"),null!==t&&n.push(t.innerHTML)};o(t);for(var i=ke(t);i&&n.length<15;)o(i),i=ke(i);jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_load_field",field:n,form_id:E,nonce:frmGlobal.nonce},success:function(e){return function(e,t,r){var n,o;if(0===(e=e.replace(/^\s+|\s+$/g,"")).indexOf("{")){for(n in e=JSON.parse(e)){jQuery("#frm_field_id_".concat(n)).replaceWith(e[n]);var i=document.getElementById("frm_field_id_".concat(n));i&&(i.querySelectorAll("[data-toggle]").forEach(function(e){return e.setAttribute("data-bs-toggle",e.getAttribute("data-toggle"))}),i.querySelectorAll(".frm-dropdown-menu").forEach(function(e){return e.classList.add("dropdown-menu")})),V("#frm_field_id_".concat(n,".edit_field_type_divider ul.frm_sorting")),X(document.getElementById("frm_field_id_".concat(n)))}((o=t.nextAll(".frm_field_loading:not(.frm_load_now)")).length||(o=jQuery(document.getElementById("frm-show-fields")).find(".frm_field_loading:not(.frm_load_now)")).length)&&Ee(o.attr("id")),ci(),Fr(),Ie();var a=new Event("frm_ajax_loaded_field",{bubbles:!1});a.frmFields=r.map(function(e){return JSON.parse(e)}),document.dispatchEvent(a)}else jQuery(".frm_load_now").removeClass(".frm_load_now").html("Error")}(e,r,n)}})}function ke(e){var t;return e.nextElementSibling?e.nextElementSibling:null===(t=e.parentNode)||void 0===t||null===(t=t.closest(".frm_field_box"))||void 0===t||null===(t=t.nextElementSibling)||void 0===t?void 0:t.querySelector(".form-field")}function Ae(){var e=jQuery(this);if(e.hasClass("disabled"))return!1;var t=e.closest(".frmbutton"),r=t.attr("id");if(t.hasClass("frm_at_limit"))return Se(),!1;if(!pe(r)){var n=0;"summary"===r&&(n=b.children('li[data-type="break"]').length>0?1:0);var o=E;return jQuery.ajax({type:"POST",url:ajaxurl,data:_e(r,0,o,n),success:function(e){Le(e);var t=ye(e);t&&wp.hooks.doAction("frm_after_field_added_in_form_builder",{field:e,fieldId:t,fieldType:r,form_id:o})},error:he}),!1}}function Se(){var e=document.querySelector(".frm_wrap");if(e){var t=document.createElement("a");t.setAttribute("data-frmverify",I("This field type has reached its limit.","formidable")),e.append(t),t.click(),t.remove();var r=document.getElementById("frm-confirmed-click");r&&(r.style.display="none")}}function Le(e){document.getElementById("frm_form_editor_container").classList.add("frm-has-fields");var t=Ge(e),r=b[0].querySelector(".edit_field_type_submit");r?jQuery(r.closest(".frm_field_box:not(.form-field)")).before(t):b.append(t),We(e,!0),t.each(function(){$(this.querySelector("ul.frm_sorting")),X(this.querySelector(".form-field"),".frm-move")})}function Ie(){var e=!0,t=document.querySelectorAll(".frmjs_prod_field_opt_cont");b.find("li.edit_field_type_product").length>1&&(e=!1);for(var r=0;r'),o.append(document.createTextNode(" ")),o.append(i),n.append(o),e.append(n)})}(t,!0===e);var r=jQuery(t);r.offset().left>jQuery(window).width()-r.outerWidth()?t.style.left="".concat(-r.outerWidth(),"px"):y&&r.offset().left").addClass("frm_field_box").html(jQuery("
    ").addClass("frm_grid_container frm_sorting").append(e)))}),r}function Ue(e){var t=s("ul",{className:"frm_grid_container frm_sorting"}),r=s("li",{className:"frm_field_box",child:t});e.replaceWith(r),t.append(e),$(t),X(r,".frm-move")}function We(e,t){var r,n,o=/id="(\S+)"/.exec(e),i=document.getElementById(o[1]),l="#".concat(o[1],".edit_field_type_divider ul.frm_sorting.start_divider"),s=jQuery(l),d=i.getAttribute("data-type");r=e,(n=c()).innerHTML=r,n.querySelectorAll(".form-field").forEach(Ve);var f,u,m=!1;if(Po(),V(l),"quantity"===d&&function(e){var t=e.getAttribute("data-fid"),r=document.getElementById("field_options[product_field_".concat(t,"]"));r&&(rt(r),oo(document.getElementById("frm-single-settings-".concat(t))))}(i),"product"!==d&&"quantity"!==d||Ie(),s.length)s.parent(".frm_field_box").children(".frm_no_section_fields").addClass("frm_block");else{var _=jQuery(i).closest("ul.frm_sorting.start_divider");_.length&&(An(_),m=!0)}e.includes("frm-collapse-page")&&Fr(),u="frm-newly-added",(f=i).classList?f.classList.add(u):f.className+=" ".concat(u),setTimeout(function(){i.classList.remove("frm-newly-added")},1e3);var p,g=i.querySelector("#frm-last-row-fields-order");if(g&&((p=JSON.parse(g.value))&&"object"===a(p)&&Object.keys(p).forEach(function(e){var t=document.querySelector('input[name="field_options[field_order_'.concat(e,']"]'));t&&(t.value=p[e])})),t){var y=i.getBoundingClientRect(),v=document.getElementById("post-body-content");y.top>=0&&y.left>=0&&y.right<=(window.innerWidth||document.documentElement.clientWidth)&&y.bottom<=(window.innerHeight||document.documentElement.clientHeight)||v.scroll({top:v.scrollHeight,left:0,behavior:"smooth"}),!1===m&&An(s)}Ke(),ci(),document.getElementById("frm-show-fields").classList.remove("frm-over-droppable"),function(e){var t=document.getElementById(e);null!=t&&t.dataset.limit&&kr(e)>=t.dataset.limit&&t.classList.add("frm_at_limit")}(d),i.querySelectorAll("[data-toggle]").forEach(function(e){return e.setAttribute("data-bs-toggle",e.getAttribute("data-toggle"))}),i.querySelectorAll(".frm-dropdown-menu").forEach(function(e){return e.classList.add("dropdown-menu")});var h=new Event("frm_added_field",{bubbles:!1});h.frmField=i,h.frmSection=l,h.frmType=d,h.frmToggles=m,document.dispatchEvent(h)}function Ve(e){if(e.dataset.fid){var t=document.getElementById("draft_fields");t&&(""===t.value?t.value=e.dataset.fid:t.value.split(",").includes(e.dataset.fid)||(t.value+=",".concat(e.dataset.fid)))}}function $e(e){jQuery("#new_fields .frm-single-settings").addClass("frm_hidden"),jQuery("#frm-options-panel > .frm-single-settings").removeClass("frm_hidden"),Ke(e)}function Ke(e){jQuery("li.ui-state-default.selected").removeClass("selected"),jQuery(".frm-show-field-settings.selected").removeClass("selected"),e||yr()}function Je(){var e=this.value,t=function(e){var t,r=[],n=e.split(""),o=n.length,a=["{","[","("],l={"}":"{",")":"(","]":"["},s=!1;for(t=0;t0||s?"".concat(i.unmatched_parens,"\n\n"):""}(e);t+=function(e,t){var r=function(e,t){var r="";return function(e){return jQuery(e).siblings('label[for^="calc_type"]').children("input").prop("checked")}(t)||/\[(date|time|email|ip)\]/.test(e)&&(r="".concat(i.text_shortcodes,"\n\n")),r}(e,t);return r+=function(e){var t="";return/\[id\]|\[key\]|\[if\s\w+\]|\[foreach\s\w+\]|\[created-at(\s*)?/g.test(e)&&(t+="".concat(i.view_shortcodes,"\n\n")),t}(e)}(e,this),""!==t&&M("".concat(e,"\n\n").concat(t))}function Xe(e,t){for(var r=!1,n=0;n").concat(l[t].fieldName,""))):(r=r?" checked":"",o.push('"));e.innerHTML=o.join("")}function nt(){for(var e=document.querySelectorAll(".frmjs_prod_field_opt"),t=0;t'):(d.innerHTML=_n(c),"TEXTAREA"===d.nodeName&&d.classList.contains("wp-editor-area")&&jQuery(d).trigger("change"),d.classList.contains("frm_primary_label")&&"break"===d.nextElementSibling.getAttribute("data-ftype")&&(d.nextElementSibling.querySelector(".frm_button_submit").textContent=c)))}function at(e){var t=parseFloat(e.getAttribute("max")),r=parseFloat(e.getAttribute("min"));return(t-r)/2+r}function lt(){var e=this.getAttribute("data-fid"),t="";["field_options_max_","frm_format_"].forEach(function(r){var n=document.getElementById(r+e);n&&(t+=n.value)});var r=document.getElementsByName("field_options[type_".concat(e,"]"))[0];"text"===r.options[r.selectedIndex].value&&ct(""!==t,".frm_invalid_msg".concat(e))}function st(){var e=this.id.replace("frm_","").replace("req_field_",""),t=this.checked,r=jQuery("#field_label_".concat(e," .frm_required"));if(ct(t,".frm_required_details".concat(e)),t){var n=jQuery('input[name="field_options[required_indicator_'.concat(e,']"]'));""===n.val()&&n.val("*"),r.removeClass("frm_hidden")}else r.addClass("frm_hidden")}function ct(e,t){var r=jQuery(t);if(e)r.fadeIn("fast").closest(".frm_validation_msg").fadeIn("fast");else{var n=r.fadeOut("fast").closest(".frm_validation_box"),o=n.css("display","block").children(":not(".concat(t,"):visible")).length;n.css("display",""),0===o&&r.closest(".frm_validation_msg").fadeOut("fast")}}function dt(){var e=jQuery(this).closest(".frm-single-settings").data("fid"),t=jQuery(".frm_unique_details".concat(e));if(this.checked){t.fadeIn("fast").closest(".frm_validation_msg").fadeIn("fast");var r=jQuery(".frm_unique_details".concat(e," input"));""===r.val()&&r.val(i.default_unique)}else{var n=t.fadeOut("fast").closest(".frm_validation_box"),o=n.css("display","block").children(":not(.frm_unique_details".concat(e,"):visible")).length;n.css("display",""),0===o&&t.closest(".frm_validation_msg").fadeOut("fast")}}function ft(){var e=jQuery(this).closest(".frm-single-settings").data("fid"),t=jQuery(this).val(),r=jQuery(document.getElementById("frm_field_id_".concat(e)));if(ct(""!==t,".frm_conf_details".concat(e)),""!==t){var n=jQuery(".frm_validation_box .frm_conf_details".concat(e," input"));""===n.val()&&n.val(i.default_conf),function(e){var t=document.getElementsByName("field_options[type_".concat(e,"]"))[0].value;ut(document.getElementById("field_description_".concat(e)),"field_options[description_".concat(e,"]"),i["enter_".concat(t)]),ut(document.getElementById("conf_field_description_".concat(e)),"field_options[conf_desc_".concat(e,"]"),i["confirm_".concat(t)])}(e),"inline"===t?r.removeClass("frm_conf_below").addClass("frm_conf_inline"):"below"===t&&r.removeClass("frm_conf_inline").addClass("frm_conf_below"),jQuery(".frm-conf-box-".concat(e)).removeClass("frm_hidden")}else jQuery(".frm-conf-box-".concat(e)).addClass("frm_hidden"),setTimeout(function(){r.removeClass("frm_conf_inline frm_conf_below")},200)}function ut(e,t,r){e.innerHTML===i.desc&&(e.innerHTML=r,document.getElementsByName(t)[0].value=r)}function mt(e){var t=JSON.parse(this.getAttribute("data-opts"));return e.preventDefault(),document.getElementById("frm_bulk_options").value=t.join("\n"),!1}function _t(){var e,t,r,n=jQuery(this).closest(".frm-single-settings").data("fid"),o=jQuery("#frm_field_".concat(n,"_opts .frm_option_template")).prop("outerHTML"),i=jQuery(this).data("opttype"),a=0,l="000",s=function(e){for(var t=0,r=0,n=jQuery("#frm_field_".concat(e,"_opts li")),o=0;to||"000"===o)&&(o=r)}return o}(n);if(s!==l&&(a=s+1),"other"===i){document.getElementById("other_input_".concat(n)).value=1;var c=jQuery(this).data("ftype");"radio"!==c&&"select"!==c||jQuery(this).fadeOut("slow");var d={action:"frm_add_field_option",field_id:n,opt_key:a,opt_type:i,nonce:frmGlobal.nonce};jQuery.post(ajaxurl,d,function(e){jQuery(document.getElementById("frm_field_".concat(n,"_opts"))).append(e),on(n)})}else{o=(o=(o=(o=(o=o.replace(new RegExp('optkey="'.concat(l,'"'),"g"),'optkey="'.concat(a,'"'))).replace(new RegExp("-".concat(l,"_"),"g"),"-".concat(a,"_"))).replace(new RegExp("-".concat(l,'"'),"g"),"-".concat(a,'"'))).replace(new RegExp("\\[".concat(l,"\\]"),"g"),"[".concat(a,"]"))).replace("frm_hidden frm_option_template",""),Di(n,o={newOption:o});var f=this.closest(".frm_single_option");f?f.after(o.newOption):jQuery("#frm_field_".concat(n,"_opts")).append(o.newOption),on(n)}null==(r=(e=this).classList.contains("frm-add-option-legacy")?null===(t=e.closest(".frm-collapse-me"))||void 0===t?void 0:t.querySelector(".frm_sortable_field_opts"):e.closest(".frm_sortable_field_opts"))||r.querySelectorAll(".frm_remove_tag.frm_disabled").forEach(function(e){return e.classList.remove("frm_disabled")}),Po()}function pt(){gt(jQuery(this).closest(".frm-single-settings").data("fid"),this.value)}function gt(e,t){var r=jQuery(".frm_multiple_cont_".concat(e));"select"===t?r.fadeIn("fast"):r.fadeOut("fast")}function yt(){var e=jQuery(this).closest(".frm-single-settings").data("fid");qi(jQuery(".field_".concat(e,"_option_key"))),jQuery(".field_".concat(e,"_option")).toggleClass("frm_with_key")}function vt(){var e=jQuery(this).closest(".frm-single-settings"),t=e.data("fid"),r=document.getElementById("frm_field_id_".concat(t));wt(jQuery(this)),qi(jQuery(".field_".concat(t,"_image_id"))),qi(jQuery(".frm_toggle_image_options_".concat(t))),qi(jQuery(".frm_image_size_".concat(t))),qi(jQuery(".frm_alignment_".concat(t))),qi(jQuery(".frm-add-other#frm_add_field_".concat(t)));var n=vn(t);if(n){bt(t,"inline"),ht(r);var o=nn(t);r.classList.add("frm_image_options"),r.classList.add("frm_image_size_".concat(o)),e.find(".frm-bulk-edit-link").hide()}else r.classList.remove("frm_image_options"),ht(r),bt(t,"block"),e.find(".frm-bulk-edit-link").show();wp.hooks.doAction("frm_image_options_toggled",e[0],n)}function ht(e){e.classList.remove("frm_image_size_","frm_image_size_small","frm_image_size_medium","frm_image_size_large","frm_image_size_xlarge")}function bt(e,t){jQuery("#field_options_align_".concat(e)).val(t).trigger("change")}function jt(){var e=jQuery(this).closest(".frm-single-settings").data("fid"),t=document.getElementById("frm_field_id_".concat(e));Qt(),vn(e)&&(ht(t),t.classList.add("frm_image_options"),t.classList.add("frm_image_size_".concat(nn(e))))}function wt(e){var t=e.closest(".frm-single-settings").data("fid");jQuery(".field_".concat(t,"_option")).trigger("change")}function Qt(){wt(jQuery(this))}function xt(e){var t,r=e.target.closest(".frm_image_preview_wrapper");if(null!==(t=wp)&&void 0!==t&&t.media&&(null==r||!r.dataset.upgrade)){e.preventDefault(),wp.media.model.settings.post.id=0;var n=wp.media.frames.file_frame=wp.media({multiple:!1,library:{type:["image"]}});n.on("select",function(){var e=n.state().get("selection").first().toJSON(),t=r.querySelector("img");t.setAttribute("src",e.url),t.classList.remove("frm_hidden"),t.removeAttribute("srcset"),r.querySelector(".frm_image_preview_frame").style.display="block",r.querySelector(".frm_image_preview_title").textContent=e.filename,r.querySelector(".frm_choose_image_box").style.display="none";var o=jQuery(r);o.siblings('input[name*="[label]"]').data("frmimgurl",e.url),o.find("input.frm_image_id").val(e.id).trigger("change"),wp.media.model.settings.post.id=0}),n.open()}}function Et(e){var t=jQuery(this).closest(".frm_image_preview_wrapper");e.preventDefault(),e.stopPropagation(),t.find("img").attr("src",""),t.find(".frm_image_preview_frame").hide(),t.find(".frm_choose_image_box").show(),t.find("input.frm_image_id").val(0).trigger("change")}function kt(){var e=jQuery(this).closest("li").find(".frm_form_fields select");this.checked?e.attr("multiple","multiple"):e.removeAttr("multiple")}function At(){var e=document.getElementById("dropform-search-input");e&&setTimeout(function(){e.focus()},100)}function St(e){var t=e.target,r=t.closest(".frm_warning_style");jQuery(r).fadeOut(400,function(){return r.remove()});var n=t.dataset.action,o=new FormData;p(n,o)}function Lt(e){e.preventDefault()}function It(){var e,t,r=this.parentNode,n=r.parentNode,o=n.querySelectorAll("li:not(.frm_hidden)");2===o.length&&(null===(e=Array.from(o).find(function(e){return e!==r}).querySelector(".frm_remove_tag"))||void 0===e||e.classList.add("frm_disabled"));var i=this.getAttribute("data-fid");jQuery(r).fadeOut("fast",function(){wp.hooks.doAction("frm_before_delete_field_option",this),jQuery(r).remove(),jQuery(n).find(".frm_other_option").length<1&&((t=document.getElementById("other_input_".concat(i)))&&(t.value=0),jQuery("#other_button_".concat(i)).fadeIn("fast"))}),Po()}function Bt(){var e=jQuery(this);if(e.is(":checked")){var t,r=function(){e.off("mouseup",t)};t=function(){setTimeout(function(){e.prop("checked",!1)},0),r()},e.on("mouseup",t),e.one("mouseout",r)}}function qt(){this.value===i.new_option&&(this.setAttribute("data-value-on-focus",this.value),this.value="")}function Ct(e){return B(I("Are you sure you want to delete these %1$s selected field(s)?","formidable"),e)}function Nt(){var e=i.conf_delete,t=this.parentNode.parentNode.parentNode.parentNode.parentNode,r=t.parentNode,n=jQuery(this).closest("li.form-field"),o=n.data("fid");if("divider"===n.data("ftype")){var a=document.querySelectorAll(".frm-field-group-hover-target .start_divider .frm_field_box"),l=0;a.forEach(function(e){var t=e.querySelectorAll("li.form-field");t&&(l+=t.length)}),l&&(e=Ct(++l))}return r.classList.contains("frm-section-collapsed")||r.classList.contains("frm-page-collapsed")||("divider_section_only"===t.className&&(e=i.conf_delete_sec),this.setAttribute("data-frmverify",e),this.setAttribute("data-frmverify-btn","frm-button-red"),this.setAttribute("data-deletefield",o),Ne(),D(this)),!1}function Tt(){this.closest("li.form-field").click()}function Ot(){var e=document.querySelector(".frm-field-group-hover-target");if(e){e.classList.add("frm-selected-field-group");var t=document.createElement("div");t.classList.add("frm-delete-field-groups","frm_hidden"),document.body.append(t),t.click()}}function Ft(){var e=document.querySelector(".frm-field-group-hover-target");if(e){var t="frm_field_group_".concat(be()),r=document.createTextNode("");Ue(r);var n=jQuery(r).closest("li").get(0);n.classList.add("frm_hidden");var o=n.querySelector("ul");o.id=t,jQuery(e.closest("li.frm_field_box")).after(n);var i=ie(jQuery(e)),a=[],l=[],s=i.length,c={},d=0;jQuery(n).on("frm_added_duplicated_field_to_row",function(e,t){if(c[jQuery(t.duplicatedFieldHtml).attr("data-fid")]=t.originalFieldId,!(s>++d)){var r=jQuery(o),i=ie(r);l.forEach(function(e){e.remove()});for(var f=0;f6)return t.append(Gt(e,"even")),t;if(5!==e&&t.append(Gt(e,"even")),e%2==1&&t.append(Gt(e,"middle")),e<6)t.append(Gt(e,"left")),t.append(Gt(e,"right"));else{var r=c();r.classList.add("frm_fourth"),t.prepend(r)}return t}(e),l=t.closest("ul.frm_sorting");return l&&function(e,t){for(var r=t.children.length,n=0;n6?"frm_full":e%2==1?"frm_fourth":"frm_third"}return n.classList.add(r),n.setAttribute("layout-type",t),n.append(function(e,t){for(var r=Xt(),n=0;n6?"frm1":[2,3,4,6].includes(e)?lr(12/e):5===e&&void 0!==t?0===t?"frm4":"frm2":"frm12"}function Kt(e){switch(e){case 2:case 3:return"frm3";case 4:case 5:return"frm2";case 6:return"frm1";default:return"frm12"}}function Jt(e){switch(e){case 2:return"frm9";case 3:case 4:return"frm6";case 5:return"frm4";case 6:return"frm7";default:return"frm12"}}function Xt(){var e=c();return e.classList.add("frm_grid_container"),e}function Yt(){var e=document.querySelector(".frm-field-group-hover-target");if(e){var t=this.getAttribute("layout-type");ae(ie(jQuery(e)).first(),t),fr()}}function Zt(){var e=er(),t=this.getAttribute("layout-type");ae(ie(e).first(),t),yr()}function er(){var e=jQuery(".frm-selected-field-group"),t=e.first();return e.not(t).each(function(){ie(jQuery(this)).each(function(){var e=this.parentNode;ie(t).last().after(this),jQuery(e).children("li.form-field").length||e.closest("li.frm_field_box").remove()})}),En(),ae(ie(t).first()),t}function tr(){null===this.closest(".frm-merge-fields-into-row")&&rr(ie(jQuery(".frm-field-group-hover-target")))}function rr(e){var t=e.length,r=document.getElementById("frm_field_group_popup");r.innerHTML="";var n=c();n.style.padding="0 24px";var o=$t(5===t?6:t),i=c();if(i.style.padding="20px 0",i.classList.add("frm_grid_container"),5===t){var a=document.createElement("span");a.classList.add("frm1"),i.append(a)}var l=jr()>0&&ir($t(t));!1!==l&&l>=12&&(l=Math.floor(12/t));for(var s=0;s',""),t);e.prepend(r),document.getElementById("frm-field-group-message-dismiss").addEventListener("click",function(){_r(document.getElementById("frm-field-group-message"))})}}(),"ul"===e.originalEvent.target.nodeName.toLowerCase()){var t=document.querySelector(".frm-field-group-hover-target");if(t){var r=e.ctrlKey||e.metaKey,n=e.shiftKey,o=t.classList.contains("frm-selected-field-group"),i=function(){var e=jQuery(".frm-selected-field-group");if(e.length)return e;var t=pr();if(t){var r=t.closest("ul");if(r&&1===ie(jQuery(r)).length)return r.classList.add("frm-selected-field-group"),jQuery(r)}return jQuery()}(),a=i.length;if(r||n){var l=pr();if(null===l||jQuery(l).siblings("li.form-field").length||(l.parentNode.classList.add("frm-selected-field-group"),++a),r){if(o)return--a,t.classList.remove("frm-selected-field-group"),void gr(a);++a}else if(n&&!o){++a;var s=i.first();(s.parent().index()=2||1===e&&ie(jQuery(document.querySelector(".frm-selected-field-group"))).length>1?function(){var e=document.getElementById("frm_field_multiselect_popup");if(e)return e.classList.toggle("frm-unmergable",!hr()),e;(e=c()).id="frm_field_multiselect_popup",hr()||e.classList.add("frm-unmergable");var t=c();t.classList.add("frm-merge-fields-into-row"),t.textContent=I("Merge into row","formidable");var r=document.createElement("a");r.style.marginLeft="5px",r.classList.add("frm_icon_font","frm_arrowdown6_icon"),r.setAttribute("href","#"),t.append(r),e.append(t);var n=c();n.classList.add("frm-multiselect-popup-separator"),e.append(n);var o=c();o.classList.add("frm-delete-field-groups"),o.append(Rt("frm_trash_svg")),e.append(o),document.getElementById("post-body-content").append(e),jQuery(e).hide().fadeIn()}():vr(),Fe()}function yr(e){if(void 0!==e){if(null!==e.originalEvent.target.closest("#frm-show-fields"))return;if(e.originalEvent.target.classList.contains("frm-merge-fields-into-row"))return;if(null!==e.originalEvent.target.closest(".frm-merge-fields-into-row"))return;if(e.originalEvent.target.classList.contains("frm-custom-field-group-layout"))return;if(e.originalEvent.target.classList.contains("frm-cancel-custom-field-group-layout"))return}jQuery(".frm-selected-field-group").removeClass("frm-selected-field-group"),jQuery(document).off("click",yr),vr()}function vr(){var e=document.getElementById("frm_field_multiselect_popup");e&&e.remove()}function hr(){var e=document.querySelectorAll(".frm-selected-field-group"),t=e.length;if(1===t)return!1;for(var r=0,n=0;n12)return!1}return!0}function br(e){if(null===e.originalEvent.target.closest("#frm_field_group_popup")&&!e.originalEvent.target.classList.contains("frm-custom-field-group-layout")){var t=Ht(jr(),document.querySelector(".frm-selected-field-group").firstChild);this.append(t)}}function jr(){var e=0;return jQuery(document.querySelectorAll(".frm-selected-field-group")).each(function(){e+=ie(jQuery(this)).length}),e}function wr(){var e,t=(e=[],jQuery(".frm-selected-field-group > li.form-field").each(function(){e.push(this.dataset.fid)}),e),r=function(e){return function(t){t.preventDefault(),function(e){e.forEach(function(e){xr(e)})}(e)}}(t),n=document.getElementById("frm_field_multiselect_popup");n&&n.remove(),this.setAttribute("data-frmverify",Ct(t.length)),D(this);var o=document.getElementById("frm-confirmed-click");null==o||o.removeAttribute("data-deletefield"),jQuery(o).on("click",r),jQuery("#frm_confirm_modal").one("dialogclose",function(){jQuery(o).off("click",r)})}function Qr(){xr(this.getAttribute("data-deletefield"))}function xr(e){var t=jQuery("#frm_field_id_".concat(e));Er(e),t.hasClass("edit_field_type_divider")&&t.find("li.frm_field_box[data-fid]").each(function(){Er(this.getAttribute("data-fid"))}),kn()}function Er(e){jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_delete_field",field_id:e,nonce:frmGlobal.nonce},success:function(){var t,r,n,o=jQuery(document.getElementById("frm_field_id_".concat(e))),i=jQuery("#frm-single-settings-".concat(e));i.is(":visible")&&(null===(t=document.querySelector(".frm-settings-panel .frm-tabs-navs ul > li:first-child"))||void 0===t||t.click(),document.querySelector("#frm-options-panel .frm-single-settings").classList.remove("frm_hidden")),function(e){var t=e[0].querySelectorAll(".frm-inline-modal[data-fills]");t.length&&t.forEach(function(e){e.classList.add("frm_hidden"),e.removeAttribute("data-fills"),e.closest("form").append(e)})}(i),i.remove(),o.fadeOut("slow",function(){var e,t=o.closest(".start_divider"),r=o.data("type"),n=o.siblings("li.form-field");if(n.length||(o.is(".edit_field_type_end_divider")?n.length=o.closest("li.form-field").siblings():e=o.closest("ul.frm_sorting").parent()),o.remove(),"break"===r?Fr():"product"===r&&(Ie(),nt()),n.length?ae(n.first()):e.remove(),0===jQuery("#frm-show-fields li").length||function(){if(b.get(0).childElementCount>1)return!1;var e=b.get(0).firstElementChild.firstElementChild.querySelectorAll("li.frm_field_box");return!(e.length>1)&&e[0].classList.contains("edit_field_type_submit")}()){var i=document.getElementById("frm_form_editor_container");i.classList.remove("frm-has-fields"),i.classList.add("frm-empty-fields")}else t.length&&An(t);z()}),o.length&&(r=o.data("type"),(n=document.getElementById(r))&&n.dataset.limit&&kr(r)-11)for(document.getElementById("frm-fake-page").style.display="block",e=0;e200)&&(M(i.repeat_limit_min),this.value="")}function Yr(){var e=this.value;""!==e&&(e<1||e>200)&&(M(i.checkbox_limit),this.value="")}function Zr(e,t){jQuery(e).closest(".frm_field_box").find(".frm_".concat(t,"_form_row .frm_repeat_label")).text(e.value)}function en(){var e=jQuery(this).closest(".frm-single-settings").data("fid"),t=this.value,r=document.getElementById("frm_show_selected_fields_".concat(e)),n=document.getElementById("frm_show_selected_forms_".concat(e));jQuery(n).find("select").val(""),"form"===t?(n.style.display="inline",function(e){if(null!==e)for(;e.firstChild;)e.firstChild.remove()}(r)):(r.style.display="none",n.style.display="none",xn(t,e))}function tn(){var e=rn(this);if(e){var t=jQuery(this).closest(".frm_single_option");!function(e,t,r){var n=r.data("optkey"),o=yn(e),i=jQuery('label[for="field_'.concat(t,"-").concat(n,'"]')),a="field_options[options_".concat(e,"][").concat(n,"]"),l=jQuery('input[name="'.concat(a,'[label]"]'));if(i.length<1)return on(e),void(r.find('input[name^="default_value_"]').is(":checked")&&l.length>0&&jQuery('select[name^="item_meta['.concat(e,']"]')).val(l.val()));var s,d=i.children("input");if(s=l.length<1?(l=jQuery('input[name="'.concat(a,'"]'))).val():o?jQuery('input[name="'.concat(a,'[value]"]')).val():l.val(),!(l.length<1)){var f=i[0].childNodes;if(vn(e)){var u=function(e,t,r){var n,o=e.find("img");o&&(n=o.attr("src"));var i=hn(t);return pn(r.val(),i,n)}(r,e,l),m=i.find(".frm_image_option_container");m.length>0?m.replaceWith(u):(f[f.length-1].nodeValue="",i.append(u))}else{var _=!1;f.forEach(function(t,r){if(!1===_)"INPUT"===t.tagName&&(_=r);else if(r===_+1){var n="";!function(e){var t=document.getElementsByName("field_options[image_options_".concat(e,"]")),r=Array.from(t).find(function(e){return e.checked&&"buttons"===e.value});return void 0!==r}(e)?t.nodeValue=" ".concat(l.val()):(n=c({className:"frm_label_button_container",text:" ".concat(l.val())}),i[0].replaceChild(n,t))}else t.remove()})}d.val(s),defaultVal=r.find('input[name^="default_value_"]'),d.prop("checked",!!defaultVal.is(":checked"))}}(e.fieldId,e.fieldKey,t)}}function rn(e){var t=jQuery(e).closest(".frm_sortable_field_opts");return!!t.length&&{fieldId:t.attr("id").replace("frm_field_","").replace("_opts",""),fieldKey:t.data("key")}}function nn(e){var t,r=document.getElementById("field_options_image_size_".concat(e)),n="";return r&&""!==(t=r.value)&&(n=t),n}function on(e){var t=jQuery('[name^="item_meta['.concat(e,']"]'));if(!(t.length<1)){if(t.is("select")){var r=document.getElementById("frm_placeholder_".concat(e));r&&""!==r.value?dn(t[0],{sourceID:e,placeholder:r.value}):dn(t[0],{sourceID:e})}else{var n=un(e);jQuery("#field_".concat(e,"_inner_container > .frm_form_fields")).html("");for(var o=rn(jQuery("#frm_delete_field_".concat(e,"-000_container"))),i=jQuery("#field_".concat(e,"_inner_container > .frm_form_fields")),a=vn(e),l=a?nn(e):"",s=a?"frm_image_option frm_image_".concat(l," "):"",c=Oi(e),d="hidden"===t.attr("type")?t.data("field-type"):t.attr("type"),f=0;f=0;f--)d();var u=c.querySelector('option[value=""]');null!==u&&c.prepend(u)}}}function sn(e,t,r,n){null!==t||e.querySelector('option[value="'.concat(r,'"]'))||((t=frmDom.tag("option",{text:n})).value=r),e.prepend(t)}function cn(e,t,r,n,o,i){var a="",l=t.key.includes("other"),s="field_".concat(n,"-").concat(t.key),c="scale"===e?"radio":e,d='');return this.getSingle=function(){return""!==(a=wp.hooks.applyFilters("frm_admin.build_single_option_template",a,{opt:t,type:e,fieldId:r,classes:i,id:s}))?a:'
    \n\t\t\t\t\t\n\t\t\t\t\t").concat(l?d:"","\n\t\t\t\t
    ")},this.getSingle()}function dn(e,t){if(e){var r=t.sourceID,n=t.placeholder,o=Oi(r),i=t.other;!function(e){var t;if(void 0!==e.options)for(t=e.options.length-1;t>=0;t--)e.remove(t)}(e);for(var a=un(r,e.id.includes("frm_field_logic_opt")),l=void 0!==n,s=0;s1&&void 0!==arguments[1]&&arguments[1],s=[],c=jQuery('input[name^="field_options[options_'.concat(e,']"]')).filter('[name$="[label]"], [name*="[other_"]'),d=Oi(e),f=hn(e),u=vn(e),m=yn(e);for(t=0;t0||(o=r=c[t].value,i=c[t].name.replace("field_options[options_".concat(e,"]["),"").replace("[label]","").replace("]",""),m&&(n=c[t].name.replace("[label]","[value]"),r=jQuery('input[name="'.concat(n,'"]')).val(),l&&""===o&&(o=""!==r?r:frm_admin_js.no_label)),u&&(o=pn(o,f,mn(c[t]))),a={saved:r,label:o=frmAdminBuild.hooks.applyFilters("frm_choice_field_label",o,e,c[t],u),checked:gn(c[t].id),key:i},d&&(n=c[t].name.replace("[label]","[price]"),a.price=jQuery('input[name="'.concat(n,'"]')).val()),s.push(a));return s}function mn(e){var t=jQuery(e).siblings(".frm_image_preview_wrapper");if(!t.length)return"";var r=t.find("img");return r.length?r.attr("src"):""}function _n(e){(e instanceof Element||e instanceof Document)&&(e=e.outerHTML);var t=jQuery.parseHTML(e).reduce(function(e,t){var r=frmDom.cleanNode(t);return"#text"===r.nodeName?e+r.textContent:e+r.outerHTML},"");return t!==e?_n(t):t}function pn(e,t,r){var n,o=e;o=_n(o),r?n=m({src:r,alt:o}):(n=c({className:"frm_empty_url"})).innerHTML=i.image_placeholder_icon;var a=t?" frm_label_with_image":"",l=s("span",{className:"frm_text_label_for_image_inner"});return l.innerHTML=o,s("span",{className:"frm_image_option_container".concat(a),children:[n,s("span",{className:"frm_text_label_for_image",child:l})]})}function gn(e){var t=jQuery("#".concat(e));if(0===t.length)return!1;var r=t.siblings("input[type=checkbox]");return r.length&&r.prop("checked")}function yn(e){return bn("separate_value_".concat(e))}function vn(e){for(var t=!1,r=document.getElementsByName("field_options[image_options_".concat(e,"]")),n=0;n=0&&(t.splice(r,1),e.val(t),e.next(".btn-group").find('.multiselect-container input[value=""]').prop("checked",!1))}(jQuery(this))}function Bn(e){e.val(""),e.next(".btn-group").find('.multiselect-container input[value!=""]').prop("checked",!1)}function qn(){jQuery(".frm-hide-empty").each(function(){0===jQuery(this).text().trim().length&&jQuery(this).remove()})}function Cn(e){e.preventDefault(),function(e,t,r){var n=document.getElementById(e.getAttribute("data-open")),o=jQuery(e).closest("p,ul"),i=void 0!==t;if(o.hasClass("frm-open"))o.removeClass("frm-open"),n.classList.add("frm_hidden");else{if(i||(t=Wo(e)),t){if(!i){var a=r.key;"Enter"!==a&&" "!==a&&t.focus()}o.after(n),n.setAttribute("data-fills",t.id.replace("-proxy-input","")),0===n.id.indexOf("frm-calc-box")&&Ze(n,!0)}o.addClass("frm-open"),n.classList.remove("frm_hidden"),wp.hooks.doAction("frm_show_inline_modal",n,e)}}(this,void 0,e)}function Nn(e){e.preventDefault(),this.parentNode.classList.add("frm_hidden"),jQuery('.frm-open [data-open="'.concat(this.parentNode.id,'"]')).closest(".frm-open").removeClass("frm-open")}function Tn(e){var t=e.target;t.closest(".frm-inline-modal.frm-modal-no-dismiss")||t.closest(".frm-show-inline-modal")||t.closest("#frm_adv_info")||t.closest(".frm-token-proxy-input")||document.querySelectorAll(".frm-inline-modal.frm-modal-no-dismiss:not(.frm_hidden)").forEach(function(e){e.classList.add("frm_hidden"),e.previousElementSibling.classList.remove("frm-open")})}function On(){var e,t=this.getAttribute("data-frmchange").split(",");for(e=0;e').before('')}function Yn(){var e="success";"options[edit_action]"===this.name&&(e="edit");var t=jQuery(this).val();jQuery(".".concat(e,"_action_box")).hide(),"redirect"===t?jQuery(".".concat(e,"_action_redirect_box.").concat(e,"_action_box")).fadeIn("slow"):"page"===t?jQuery(".".concat(e,"_action_page_box.").concat(e,"_action_box")).fadeIn("slow"):jQuery(".".concat(e,"_action_message_box.").concat(e,"_action_box")).fadeIn("slow")}function Zn(e){if(!function(e){var t=jQuery(e),r=t.closest(".frm_form_action_settings"),n=r.find(".widget-inside");if(n.find("p, div, table").length)return!1;var o=r.find(".widget-top");return o.on("frm-action-loaded",function(){t.trigger("click"),r.removeClass("open"),n.hide()}),o.trigger("click"),!0}(e.target)){var t=e.target.closest(".frm_form_action_settings"),r=t.querySelectorAll(".wp-editor-area");r.length&&r.forEach(function(e){tinymce.EditorManager.execCommand("mceRemoveEditor",!0,e.id)});var n=jQuery(t).clone(),o=n.attr("id").replace("frm_form_action_",""),i=eo(o);n.find(".frm_action_id, .frm-btn-group").remove(),n.find('input[name$="['.concat(o,'][ID]"]')).val(""),n.find(".widget-inside").hide(),n.find("input[type=text], textarea, input[type=number]").prop("defaultValue",function(){return this.value}),n.find("input[type=checkbox], input[type=radio]").prop("defaultChecked",function(){return this.checked});var a=new RegExp("\\[".concat(o,"\\]"),"g"),l=new RegExp("_".concat(o,'"'),"g"),s=new RegExp("-".concat(o,'"'),"g"),d=new RegExp('"'.concat(o,'"'),"g"),f=n.html().replace(a,"[".concat(i,"]")).replace(l,"_".concat(i,'"'));f=f.replace(s,"-".concat(i,'"')).replace(d,'"'.concat(i,'"'));var u=c({id:"frm_form_action_".concat(i),className:n.get(0).className});u.setAttribute("data-actionkey",i),u.innerHTML=f,u.querySelectorAll(".wp-editor-wrap, .wp-editor-wrap *").forEach(function(e){"string"==typeof e.className&&(e.className=e.className.replace(o,i)),e.id=e.id.replace(o,i)}),u.classList.remove("open"),document.getElementById("frm_notification_settings").append(u),r.length&&(r.forEach(function(e){frmDom.wysiwyg.init(e)}),u.querySelectorAll(".wp-editor-area").forEach(function(e){frmDom.wysiwyg.init(e)})),u.classList.contains("frm_single_on_submit_settings")&&u.querySelector("input.frm-page-search")&&yi(u),ci(),wp.hooks.doAction("frm_after_duplicate_action",u)}}function eo(e){var t=parseInt(e,10)+11;return document.getElementById("frm_form_action_".concat(t))&&(t=eo(++t)),t}function to(){var e,t=jQuery(this).data("actiontype");if(!co(t)){var r=(e=Sr(document.querySelectorAll(".frm_form_action_settings"),"frm_form_action_"),void 0!==document.getElementById("frm_form_action_".concat(e))&&(e+=100),S>=e&&(e=S+1),S=e,e),n=E,o=document.createElement("div");o.classList.add("frm_single_".concat(t,"_settings"));var i=document.getElementById("frm_notification_settings");i.append(o),jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_add_form_action",type:t,list_id:r,form_id:n,nonce:frmGlobal.nonce},success:function(e){Po(),o.remove(),document.querySelectorAll(".frm_form_action_settings.open").forEach(function(e){return e.classList.remove("open")});var n=c();n.innerHTML=e;var a=n.querySelector(".widget-top");Array.from(n.children).forEach(function(e){return i.append(e)}),jQuery(".frm_form_action_settings").fadeIn("slow");var l=document.getElementById("frm_form_action_".concat(r));l.classList.add("open"),document.getElementById("post-body-content").scroll({top:l.offsetTop+10,left:0,behavior:"smooth"}),so(t),Xn("#frm_form_action_".concat(r)),ci(),yi(l),a&&jQuery(a).trigger("frm-action-loaded"),frmAdminBuild.hooks.doAction("frm_added_form_action",l)}})}}function ro(){var e=document.getElementById("frm_email_addon_menu").classList,t=document.getElementById("actions-search-input");e.contains("frm-all-actions")?(e.remove("frm-all-actions"),e.add("frm-limited-actions")):(e.add("frm-all-actions"),e.remove("frm-limited-actions")),t.value="",ki(t,"input")}function no(e){e.on("Change",function(){!function(e){(function(){var e=document.querySelector(".frm-single-settings:not(.frm_hidden)");if(!e)return!1;var t=e.querySelector(".wp-editor-wrap");return t&&t.classList.contains("tmce-active")})()&&!tinyMCE.activeEditor.isHidden()&&(e.targetElm.value=e.getContent(),jQuery(e.targetElm).trigger("change"))}(e)})}function oo(e){var t=this;if(e)return this.fragment=document.createDocumentFragment(),this.initOnceInAllInstances=function(){void 0===oo.prototype.endMarker&&(oo.prototype.endMarker=document.getElementById("frm-end-form-marker"))},this.append=function(e){var r=e?e.parentElement.classList:"";e&&(r.contains("frm_field_box")||r.contains("divider_section_only"))&&t.fragment.append(e)},this.moveFields=function(){j.insertBefore(t.fragment,oo.prototype.endMarker)},this.initOnceInAllInstances(),void 0!==e?(this.append(e),void this.moveFields()):{append:this.append,moveFields:this.moveFields}}function io(){var e=jQuery(this).closest(".frm_form_action_settings").data("actionkey"),t=this.getAttribute("data-emailrow");jQuery("#frm_form_action_".concat(e," .frm_").concat(t,"_row")).fadeIn("slow"),jQuery(this).fadeOut("slow")}function ao(){var e=jQuery(this).closest(".frm_form_action_settings"),t=this.getAttribute("data-emailrow"),r=".frm_".concat(t,"_row"),n=".frm_".concat(t,"_button");jQuery(e).find(n).fadeIn("slow"),jQuery(e).find(r).fadeOut("slow",function(){jQuery(e).find("".concat(r," input")).val("")})}function lo(){var e=jQuery(this).closest(".frm_form_action_settings"),t=".frm_from_to_match_row";e.find('input[name$="[post_content][from]"]').val()===e.find('input[name$="[post_content][email_to]"]').val()?jQuery(e).find(t).fadeIn("slow"):jQuery(e).find(t).fadeOut("slow")}function so(e){var t,r,n=document.querySelectorAll(".frm_".concat(e,"_action"));co(e)?(t=n,r=fo(e)>0,t.forEach(function(e){e.classList.remove("frm_active_action"),e.classList.add("frm_inactive_action"),r&&e.classList.add("frm_already_used")})):n.forEach(function(e){e.querySelector(".frm_show_upgrade")||(e.classList.remove("frm_inactive_action","frm_already_used"),e.classList.add("frm_active_action"))})}function co(e){var t=function(e){return jQuery(".frm_single_".concat(e,"_settings")).length}(e)>=fo(e),r={type:e};return wp.hooks.applyFilters("frm_action_at_limit",t,r)}function fo(e){return parseInt(jQuery(".frm_".concat(e,"_action")).data("limit"),10)}function uo(){var e=i.only_one_action,t=this.dataset.limit;void 0!==t&&((t=parseInt(t))>1?e=e.replace(1,t).trim():e+=" ".concat(i.edit_action_text)),M(e)}function mo(){var e=jQuery(this).data("emailkey"),t=jQuery(this).closest(".frm_form_action_settings").find(".frm_action_name").val(),r=document.getElementById("form_id").value,n=document.getElementById("frm_logic_row_".concat(e)),o=Sr(n.querySelectorAll(".frm_logic_row"),"frm_logic_".concat(e,"_")),i=c({id:"frm_logic_".concat(e,"_").concat(o),className:"frm_logic_row frm_hidden"});return n.append(i),jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_add_form_logic_row",email_id:e,form_id:r,meta_name:o,type:t,nonce:frmGlobal.nonce},success:function(t){jQuery(document.getElementById("logic_link_".concat(e))).fadeOut("slow",function(){i.insertAdjacentHTML("beforebegin",t),i.remove(),jQuery(n).parent(".frm_logic_rows").fadeIn("slow")})}}),!1}function _o(){var e=jQuery("select.frm_single_post_field");e.css("border-color","");var t=this,r=jQuery(t).val();if(""===r||"checkbox"===r)return!1;e.each(function(){if(jQuery(this).val()===r&&this.name!==t.name)return this.style.borderColor="red",jQuery(t).val(""),M(i.field_already_used),!1})}function po(){var e=jQuery(this).val();""===e?(jQuery(".frm_post_content_opt, select.frm_dyncontent_opt").hide().val(""),jQuery(".frm_dyncontent_opt").hide()):"post_content"===e?(jQuery(".frm_post_content_opt").show(),jQuery(".frm_dyncontent_opt").hide(),jQuery("select.frm_dyncontent_opt").val("")):(jQuery(".frm_post_content_opt").hide().val(""),jQuery("select.frm_dyncontent_opt, .frm_form_field.frm_dyncontent_opt").show())}function go(){var e=jQuery(this).val(),t=jQuery(document.getElementById("frm_dyncontent"));""===e||"new"===e?(t.val(""),jQuery(".frm_dyncontent_opt").show()):jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_display_get_content",id:e,nonce:frmGlobal.nonce},success:function(e){t.val(e),jQuery(".frm_dyncontent_opt").show()}})}function yo(){var e,t,r=document.getElementById("frm_posttax_rows").childNodes,n=document.querySelector(".frm_post_parent_field"),o=document.querySelector(".frm_post_menu_order_field"),i=this.value;jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_replace_posttax_options",post_type:i,nonce:frmGlobal.nonce},success:function(n){for(var o=0;o