@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/esm/form/setting/FormDropdown.js

@@ -1,271 +0,0 @@
-import { formDropdownInitConfig } from './FormDropdownInitConfig.js';
-
-const config = {
-    tag: 'FormDropdown',
-    label: 'Dropdown',
-    icon: `
-  <svg width="96" height="36" viewBox="0 0 96 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.75 22H9.05682L9.05682 13.2727H11.8693C12.7159 13.2727 13.4403 13.4474 14.0426 13.7969C14.6449 14.1435 15.1065 14.642 15.4276 15.2926C15.7486 15.9403 15.9091 16.7159 15.9091 17.6193C15.9091 18.5284 15.7472 19.3111 15.4233 19.9673C15.0994 20.6207 14.6278 21.1236 14.0085 21.4759C13.3892 21.8253 12.6364 22 11.75 22ZM10.1136 21.0625H11.6818C12.4034 21.0625 13.0014 20.9233 13.4759 20.6449C13.9503 20.3665 14.304 19.9702 14.5369 19.456C14.7699 18.9418 14.8864 18.3295 14.8864 17.6193C14.8864 16.9148 14.7713 16.3082 14.5412 15.7997C14.3111 15.2884 13.9673 14.8963 13.5099 14.6236C13.0526 14.348 12.483 14.2102 11.8011 14.2102H10.1136L10.1136 21.0625ZM17.5455 22V15.4545H18.517V16.4432H18.5852C18.7045 16.1193 18.9205 15.8565 19.233 15.6548C19.5455 15.4531 19.8977 15.3523 20.2898 15.3523C20.3636 15.3523 20.456 15.3537 20.5668 15.3565C20.6776 15.3594 20.7614 15.3636 20.8182 15.3693V16.392C20.7841 16.3835 20.706 16.3707 20.5838 16.3537C20.4645 16.3338 20.3381 16.3239 20.2045 16.3239C19.8864 16.3239 19.6023 16.3906 19.3523 16.5241C19.1051 16.6548 18.9091 16.8366 18.7642 17.0696C18.6222 17.2997 18.5511 17.5625 18.5511 17.858V22H17.5455ZM24.4702 22.1364C23.8793 22.1364 23.3608 21.9957 22.9148 21.7145C22.4716 21.4332 22.125 21.0398 21.875 20.5341C21.6278 20.0284 21.5043 19.4375 21.5043 18.7614C21.5043 18.0795 21.6278 17.4844 21.875 16.9759C22.125 16.4673 22.4716 16.0724 22.9148 15.7912C23.3608 15.5099 23.8793 15.3693 24.4702 15.3693C25.0611 15.3693 25.5781 15.5099 26.0213 15.7912C26.4673 16.0724 26.8139 16.4673 27.0611 16.9759C27.3111 17.4844 27.4361 18.0795 27.4361 18.7614C27.4361 19.4375 27.3111 20.0284 27.0611 20.5341C26.8139 21.0398 26.4673 21.4332 26.0213 21.7145C25.5781 21.9957 25.0611 22.1364 24.4702 22.1364ZM24.4702 21.233C24.919 21.233 25.2884 21.1179 25.5781 20.8878C25.8679 20.6577 26.0824 20.3551 26.2216 19.9801C26.3608 19.6051 26.4304 19.1989 26.4304 18.7614C26.4304 18.3239 26.3608 17.9162 26.2216 17.5384C26.0824 17.1605 25.8679 16.8551 25.5781 16.6222C25.2884 16.3892 24.919 16.2727 24.4702 16.2727C24.0213 16.2727 23.652 16.3892 23.3622 16.6222C23.0724 16.8551 22.858 17.1605 22.7188 17.5384C22.5795 17.9162 22.5099 18.3239 22.5099 18.7614C22.5099 19.1989 22.5795 19.6051 22.7188 19.9801C22.858 20.3551 23.0724 20.6577 23.3622 20.8878C23.652 21.1179 24.0213 21.233 24.4702 21.233ZM28.9712 24.4545L28.9712 15.4545H29.9428V16.4943H30.0621C30.136 16.3807 30.2383 16.2358 30.369 16.0597C30.5025 15.8807 30.6928 15.7216 30.94 15.5824C31.19 15.4403 31.5281 15.3693 31.9542 15.3693C32.5053 15.3693 32.9911 15.5071 33.4116 15.7827C33.832 16.0582 34.1602 16.4489 34.396 16.9545C34.6317 17.4602 34.7496 18.0568 34.7496 18.7443C34.7496 19.4375 34.6317 20.0384 34.396 20.5469C34.1602 21.0526 33.8335 21.4446 33.4158 21.723C32.9982 21.9986 32.5167 22.1364 31.9712 22.1364C31.5508 22.1364 31.2141 22.0668 30.9613 21.9276C30.7085 21.7855 30.5138 21.625 30.3775 21.446C30.2411 21.2642 30.136 21.1136 30.0621 20.9943H29.9769L29.9769 24.4545L28.9712 24.4545ZM29.9599 18.7273C29.9599 19.2216 30.0323 19.6577 30.1772 20.0355C30.3221 20.4105 30.5337 20.7045 30.8121 20.9176C31.0906 21.1278 31.4315 21.233 31.8349 21.233C32.2553 21.233 32.6062 21.1222 32.8874 20.9006C33.1715 20.6761 33.3846 20.375 33.5266 19.9972C33.6715 19.6165 33.744 19.1932 33.744 18.7273C33.744 18.267 33.6729 17.8523 33.5309 17.483C33.3917 17.1108 33.18 16.8168 32.896 16.6009C32.6147 16.3821 32.261 16.2727 31.8349 16.2727C31.4258 16.2727 31.082 16.3764 30.8036 16.5838C30.5252 16.7884 30.315 17.0753 30.1729 17.4446C30.0309 17.8111 29.9599 18.2386 29.9599 18.7273ZM38.7553 22.1364C38.2099 22.1364 37.7283 21.9986 37.3107 21.723C36.8931 21.4446 36.5664 21.0526 36.3306 20.5469C36.0948 20.0384 35.9769 19.4375 35.9769 18.7443C35.9769 18.0568 36.0948 17.4602 36.3306 16.9545C36.5664 16.4489 36.8945 16.0582 37.315 15.7827C37.7354 15.5071 38.2212 15.3693 38.7724 15.3693C39.1985 15.3693 39.5352 15.4403 39.7823 15.5824C40.0323 15.7216 40.2227 15.8807 40.3533 16.0597C40.4869 16.2358 40.5906 16.3807 40.6644 16.4943H40.7496V13.2727H41.7553V22H40.7837V20.9943H40.6644C40.5906 21.1136 40.4854 21.2642 40.3491 21.446C40.2127 21.625 40.0181 21.7855 39.7653 21.9276C39.5124 22.0668 39.1758 22.1364 38.7553 22.1364ZM38.8917 21.233C39.2951 21.233 39.636 21.1278 39.9144 20.9176C40.1928 20.7045 40.4045 20.4105 40.5494 20.0355C40.6942 19.6577 40.7667 19.2216 40.7667 18.7273C40.7667 18.2386 40.6957 17.8111 40.5536 17.4446C40.4116 17.0753 40.2013 16.7884 39.9229 16.5838C39.6445 16.3764 39.3008 16.2727 38.8917 16.2727C38.4656 16.2727 38.1104 16.3821 37.8263 16.6009C37.5451 16.8168 37.3335 17.1108 37.1914 17.483C37.0522 17.8523 36.9826 18.267 36.9826 18.7273C36.9826 19.1932 37.0536 19.6165 37.1957 19.9972C37.3406 20.375 37.5536 20.6761 37.8349 20.9006C38.119 21.1222 38.4712 21.233 38.8917 21.233ZM46.396 22.1364C45.805 22.1364 45.2866 21.9957 44.8406 21.7145C44.3974 21.4332 44.0508 21.0398 43.8008 20.5341C43.5536 20.0284 43.43 19.4375 43.43 18.7614C43.43 18.0795 43.5536 17.4844 43.8008 16.9759C44.0508 16.4673 44.3974 16.0724 44.8406 15.7912C45.2866 15.5099 45.805 15.3693 46.396 15.3693C46.9869 15.3693 47.5039 15.5099 47.9471 15.7912C48.3931 16.0724 48.7397 16.4673 48.9869 16.9759C49.2369 17.4844 49.3619 18.0795 49.3619 18.7614C49.3619 19.4375 49.2369 20.0284 48.9869 20.5341C48.7397 21.0398 48.3931 21.4332 47.9471 21.7145C47.5039 21.9957 46.9869 22.1364 46.396 22.1364ZM46.396 21.233C46.8448 21.233 47.2141 21.1179 47.5039 20.8878C47.7937 20.6577 48.0082 20.3551 48.1474 19.9801C48.2866 19.6051 48.3562 19.1989 48.3562 18.7614C48.3562 18.3239 48.2866 17.9162 48.1474 17.5384C48.0082 17.1605 47.7937 16.8551 47.5039 16.6222C47.2141 16.3892 46.8448 16.2727 46.396 16.2727C45.9471 16.2727 45.5778 16.3892 45.288 16.6222C44.9982 16.8551 44.7837 17.1605 44.6445 17.5384C44.5053 17.9162 44.4357 18.3239 44.4357 18.7614C44.4357 19.1989 44.5053 19.6051 44.6445 19.9801C44.7837 20.3551 44.9982 20.6577 45.288 20.8878C45.5778 21.1179 45.9471 21.233 46.396 21.233ZM52.1573 22L50.163 15.4545H51.2198L52.6346 20.4659H52.7028L54.1005 15.4545L55.1744 15.4545L56.555 20.4489H56.6232L58.038 15.4545H59.0948L57.1005 22H56.1119L54.68 16.9716H54.5778L53.146 22H52.1573ZM61.43 18.0625V22H60.4244V15.4545H61.396V16.4773H61.4812C61.6346 16.1449 61.8675 15.8778 62.18 15.6761C62.4925 15.4716 62.896 15.3693 63.3903 15.3693C63.8335 15.3693 64.2212 15.4602 64.5536 15.642C64.886 15.821 65.1445 16.0937 65.3292 16.4602C65.5138 16.8239 65.6062 17.2841 65.6062 17.8409V22H64.6005V17.9091C64.6005 17.3949 64.467 16.9943 64.1999 16.7074C63.9329 16.4176 63.5664 16.2727 63.1005 16.2727C62.7795 16.2727 62.4925 16.3423 62.2397 16.4815C61.9897 16.6207 61.7923 16.8239 61.6474 17.0909C61.5025 17.358 61.43 17.6818 61.43 18.0625Z" fill="#E1E1E1"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M80.2571 19.9024C80.1151 20.0325 79.8849 20.0325 79.7429 19.9024L76.1065 16.569C75.9645 16.4389 75.9645 16.2278 76.1065 16.0976C76.2485 15.9675 76.4788 15.9675 76.6208 16.0976L80 19.1953L83.3792 16.0976C83.5212 15.9675 83.7515 15.9675 83.8935 16.0976C84.0355 16.2278 84.0355 16.4389 83.8935 16.569L80.2571 19.9024Z" fill="#AAABAC"/>
-    <rect x="0.5" y="0.5" width="95" height="35" rx="2.5" stroke="#5B5B5B"/>
-  </svg  
-  `,
-    settings: [
-        {
-            id: 'setting',
-            controls: [
-                {
-                    id: 'name',
-                    type: 'input',
-                    label: 'name',
-                    default: 'contact[options]'
-                },
-                {
-                    id: 'childItem',
-                    type: 'child-item',
-                    label: '',
-                    default: [
-                        'Option 1',
-                        'Option 2',
-                        'Option 3'
-                    ],
-                    expandItem: true
-                },
-                {
-                    id: 'translate',
-                    type: 'input',
-                    default: 'childItem'
-                },
-                {
-                    id: 'required',
-                    type: 'toggle',
-                    label: 'Placeholder',
-                    default: true
-                },
-                {
-                    id: 'typo',
-                    type: 'typography-v2',
-                    label: 'Text styles',
-                    default: {
-                        type: 'paragraph-1',
-                        attrs: {
-                            color: 'text-1'
-                        }
-                    },
-                    ignoreReRender: true
-                },
-                {
-                    id: 'textColor',
-                    type: 'colorpicker',
-                    label: 'Text color',
-                    default: 'text-1'
-                },
-                {
-                    id: 'size',
-                    label: 'Field size',
-                    type: 'size',
-                    default: {
-                        type: 'medium'
-                    },
-                    ignoreReRender: true
-                },
-                {
-                    id: 'fullWidth',
-                    label: 'Full Width',
-                    type: 'toggle',
-                    devices: {
-                        desktop: {
-                            default: true
-                        },
-                        tablet: {
-                            default: true
-                        },
-                        mobile: {
-                            default: true
-                        }
-                    }
-                },
-                {
-                    id: 'width',
-                    type: 'input:unit',
-                    label: 'Width',
-                    min: 0,
-                    units: [
-                        'px',
-                        '%'
-                    ],
-                    hide: true,
-                    devices: {
-                        desktop: {
-                            default: '358px'
-                        }
-                    }
-                },
-                {
-                    id: 'align',
-                    label: 'Alignment',
-                    type: 'segment',
-                    options: [
-                        {
-                            label: 'Left',
-                            value: 'left',
-                            type: 'align',
-                            tooltip: 'Align left'
-                        },
-                        {
-                            label: 'Center',
-                            value: 'center',
-                            type: 'align',
-                            tooltip: 'Align center'
-                        },
-                        {
-                            label: 'Right',
-                            value: 'right',
-                            type: 'align',
-                            tooltip: 'Align right'
-                        }
-                    ],
-                    devices: {
-                        desktop: {
-                            default: 'left'
-                        }
-                    }
-                }
-            ]
-        }
-    ],
-    ui: [
-        {
-            type: 'control',
-            label: {
-                en: 'Item management'
-            },
-            layout: 'vertical',
-            setting: {
-                id: 'childItem'
-            },
-            options: {
-                label: 'large'
-            }
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Required'
-            },
-            setting: {
-                id: 'required'
-            },
-            options: {
-                label: 'large'
-            }
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Size'
-            },
-            info: {
-                en: ''
-            },
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Field size'
-                    },
-                    setting: {
-                        id: 'size'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Full width'
-                    },
-                    setting: {
-                        id: 'fullWidth'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Width'
-                    },
-                    condition: 'fullWidth == false',
-                    setting: {
-                        id: 'width'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Typography'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    layout: 'vertical',
-                    setting: {
-                        id: 'typo'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Align'
-            },
-            condition: 'fullWidth == false',
-            setting: {
-                id: 'align'
-            },
-            options: {
-                label: 'large'
-            }
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Name'
-            },
-            setting: {
-                id: 'name'
-            },
-            options: {
-                label: 'large'
-            }
-        }
-    ],
-    editorConfigs: {
-        placeholder: {
-            flowTag: [
-                'Newsletter',
-                'ContactForm'
-            ]
-        }
-    },
-    presets: [
-        {
-            id: 'form-dropdown',
-            name: {
-                en: 'Dropdown'
-            },
-            icon: {
-                desktop: `
-        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M11.75 28H9.05682L9.05682 19.2727H11.8693C12.7159 19.2727 13.4403 19.4474 14.0426 19.7969C14.6449 20.1435 15.1065 20.642 15.4276 21.2926C15.7486 21.9403 15.9091 22.7159 15.9091 23.6193C15.9091 24.5284 15.7472 25.3111 15.4233 25.9673C15.0994 26.6207 14.6278 27.1236 14.0085 27.4759C13.3892 27.8253 12.6364 28 11.75 28ZM10.1136 27.0625H11.6818C12.4034 27.0625 13.0014 26.9233 13.4759 26.6449C13.9503 26.3665 14.304 25.9702 14.5369 25.456C14.7699 24.9418 14.8864 24.3295 14.8864 23.6193C14.8864 22.9148 14.7713 22.3082 14.5412 21.7997C14.3111 21.2884 13.9673 20.8963 13.5099 20.6236C13.0526 20.348 12.483 20.2102 11.8011 20.2102H10.1136L10.1136 27.0625ZM17.5455 28V21.4545H18.517V22.4432H18.5852C18.7045 22.1193 18.9205 21.8565 19.233 21.6548C19.5455 21.4531 19.8977 21.3523 20.2898 21.3523C20.3636 21.3523 20.456 21.3537 20.5668 21.3565C20.6776 21.3594 20.7614 21.3636 20.8182 21.3693V22.392C20.7841 22.3835 20.706 22.3707 20.5838 22.3537C20.4645 22.3338 20.3381 22.3239 20.2045 22.3239C19.8864 22.3239 19.6023 22.3906 19.3523 22.5241C19.1051 22.6548 18.9091 22.8366 18.7642 23.0696C18.6222 23.2997 18.5511 23.5625 18.5511 23.858V28H17.5455ZM24.4702 28.1364C23.8793 28.1364 23.3608 27.9957 22.9148 27.7145C22.4716 27.4332 22.125 27.0398 21.875 26.5341C21.6278 26.0284 21.5043 25.4375 21.5043 24.7614C21.5043 24.0795 21.6278 23.4844 21.875 22.9759C22.125 22.4673 22.4716 22.0724 22.9148 21.7912C23.3608 21.5099 23.8793 21.3693 24.4702 21.3693C25.0611 21.3693 25.5781 21.5099 26.0213 21.7912C26.4673 22.0724 26.8139 22.4673 27.0611 22.9759C27.3111 23.4844 27.4361 24.0795 27.4361 24.7614C27.4361 25.4375 27.3111 26.0284 27.0611 26.5341C26.8139 27.0398 26.4673 27.4332 26.0213 27.7145C25.5781 27.9957 25.0611 28.1364 24.4702 28.1364ZM24.4702 27.233C24.919 27.233 25.2884 27.1179 25.5781 26.8878C25.8679 26.6577 26.0824 26.3551 26.2216 25.9801C26.3608 25.6051 26.4304 25.1989 26.4304 24.7614C26.4304 24.3239 26.3608 23.9162 26.2216 23.5384C26.0824 23.1605 25.8679 22.8551 25.5781 22.6222C25.2884 22.3892 24.919 22.2727 24.4702 22.2727C24.0213 22.2727 23.652 22.3892 23.3622 22.6222C23.0724 22.8551 22.858 23.1605 22.7188 23.5384C22.5795 23.9162 22.5099 24.3239 22.5099 24.7614C22.5099 25.1989 22.5795 25.6051 22.7188 25.9801C22.858 26.3551 23.0724 26.6577 23.3622 26.8878C23.652 27.1179 24.0213 27.233 24.4702 27.233ZM28.9712 30.4545L28.9712 21.4545H29.9428V22.4943H30.0621C30.136 22.3807 30.2383 22.2358 30.369 22.0597C30.5025 21.8807 30.6928 21.7216 30.94 21.5824C31.19 21.4403 31.5281 21.3693 31.9542 21.3693C32.5053 21.3693 32.9911 21.5071 33.4116 21.7827C33.832 22.0582 34.1602 22.4489 34.396 22.9545C34.6317 23.4602 34.7496 24.0568 34.7496 24.7443C34.7496 25.4375 34.6317 26.0384 34.396 26.5469C34.1602 27.0526 33.8335 27.4446 33.4158 27.723C32.9982 27.9986 32.5167 28.1364 31.9712 28.1364C31.5508 28.1364 31.2141 28.0668 30.9613 27.9276C30.7085 27.7855 30.5138 27.625 30.3775 27.446C30.2411 27.2642 30.136 27.1136 30.0621 26.9943H29.9769L29.9769 30.4545H28.9712ZM29.9599 24.7273C29.9599 25.2216 30.0323 25.6577 30.1772 26.0355C30.3221 26.4105 30.5337 26.7045 30.8121 26.9176C31.0906 27.1278 31.4315 27.233 31.8349 27.233C32.2553 27.233 32.6062 27.1222 32.8874 26.9006C33.1715 26.6761 33.3846 26.375 33.5266 25.9972C33.6715 25.6165 33.744 25.1932 33.744 24.7273C33.744 24.267 33.6729 23.8523 33.5309 23.483C33.3917 23.1108 33.18 22.8168 32.896 22.6009C32.6147 22.3821 32.261 22.2727 31.8349 22.2727C31.4258 22.2727 31.082 22.3764 30.8036 22.5838C30.5252 22.7884 30.315 23.0753 30.1729 23.4446C30.0309 23.8111 29.9599 24.2386 29.9599 24.7273ZM38.7553 28.1364C38.2099 28.1364 37.7283 27.9986 37.3107 27.723C36.8931 27.4446 36.5664 27.0526 36.3306 26.5469C36.0948 26.0384 35.9769 25.4375 35.9769 24.7443C35.9769 24.0568 36.0948 23.4602 36.3306 22.9545C36.5664 22.4489 36.8945 22.0582 37.315 21.7827C37.7354 21.5071 38.2212 21.3693 38.7724 21.3693C39.1985 21.3693 39.5352 21.4403 39.7823 21.5824C40.0323 21.7216 40.2227 21.8807 40.3533 22.0597C40.4869 22.2358 40.5906 22.3807 40.6644 22.4943H40.7496V19.2727H41.7553V28H40.7837V26.9943H40.6644C40.5906 27.1136 40.4854 27.2642 40.3491 27.446C40.2127 27.625 40.0181 27.7855 39.7653 27.9276C39.5124 28.0668 39.1758 28.1364 38.7553 28.1364ZM38.8917 27.233C39.2951 27.233 39.636 27.1278 39.9144 26.9176C40.1928 26.7045 40.4045 26.4105 40.5494 26.0355C40.6942 25.6577 40.7667 25.2216 40.7667 24.7273C40.7667 24.2386 40.6957 23.8111 40.5536 23.4446C40.4116 23.0753 40.2013 22.7884 39.9229 22.5838C39.6445 22.3764 39.3008 22.2727 38.8917 22.2727C38.4656 22.2727 38.1104 22.3821 37.8263 22.6009C37.5451 22.8168 37.3335 23.1108 37.1914 23.483C37.0522 23.8523 36.9826 24.267 36.9826 24.7273C36.9826 25.1932 37.0536 25.6165 37.1957 25.9972C37.3406 26.375 37.5536 26.6761 37.8349 26.9006C38.119 27.1222 38.4712 27.233 38.8917 27.233ZM46.396 28.1364C45.805 28.1364 45.2866 27.9957 44.8406 27.7145C44.3974 27.4332 44.0508 27.0398 43.8008 26.5341C43.5536 26.0284 43.43 25.4375 43.43 24.7614C43.43 24.0795 43.5536 23.4844 43.8008 22.9759C44.0508 22.4673 44.3974 22.0724 44.8406 21.7912C45.2866 21.5099 45.805 21.3693 46.396 21.3693C46.9869 21.3693 47.5039 21.5099 47.9471 21.7912C48.3931 22.0724 48.7397 22.4673 48.9869 22.9759C49.2369 23.4844 49.3619 24.0795 49.3619 24.7614C49.3619 25.4375 49.2369 26.0284 48.9869 26.5341C48.7397 27.0398 48.3931 27.4332 47.9471 27.7145C47.5039 27.9957 46.9869 28.1364 46.396 28.1364ZM46.396 27.233C46.8448 27.233 47.2141 27.1179 47.5039 26.8878C47.7937 26.6577 48.0082 26.3551 48.1474 25.9801C48.2866 25.6051 48.3562 25.1989 48.3562 24.7614C48.3562 24.3239 48.2866 23.9162 48.1474 23.5384C48.0082 23.1605 47.7937 22.8551 47.5039 22.6222C47.2141 22.3892 46.8448 22.2727 46.396 22.2727C45.9471 22.2727 45.5778 22.3892 45.288 22.6222C44.9982 22.8551 44.7837 23.1605 44.6445 23.5384C44.5053 23.9162 44.4357 24.3239 44.4357 24.7614C44.4357 25.1989 44.5053 25.6051 44.6445 25.9801C44.7837 26.3551 44.9982 26.6577 45.288 26.8878C45.5778 27.1179 45.9471 27.233 46.396 27.233ZM52.1573 28L50.163 21.4545H51.2198L52.6346 26.4659H52.7028L54.1005 21.4545H55.1744L56.555 26.4489H56.6232L58.038 21.4545H59.0948L57.1005 28H56.1119L54.68 22.9716H54.5778L53.146 28H52.1573ZM61.43 24.0625V28H60.4244V21.4545H61.396V22.4773H61.4812C61.6346 22.1449 61.8675 21.8778 62.18 21.6761C62.4925 21.4716 62.896 21.3693 63.3903 21.3693C63.8335 21.3693 64.2212 21.4602 64.5536 21.642C64.886 21.821 65.1445 22.0937 65.3292 22.4602C65.5138 22.8239 65.6062 23.2841 65.6062 23.8409V28H64.6005V23.9091C64.6005 23.3949 64.467 22.9943 64.1999 22.7074C63.9329 22.4176 63.5664 22.2727 63.1005 22.2727C62.7795 22.2727 62.4925 22.3423 62.2397 22.4815C61.9897 22.6207 61.7923 22.8239 61.6474 23.0909C61.5025 23.358 61.43 23.6818 61.43 24.0625Z" fill="#F9F9F9"/>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M80.2571 25.9024C80.1151 26.0325 79.8849 26.0325 79.7429 25.9024L76.1065 22.569C75.9645 22.4389 75.9645 22.2278 76.1065 22.0976C76.2485 21.9675 76.4788 21.9675 76.6208 22.0976L80 25.1953L83.3792 22.0976C83.5212 21.9675 83.7515 21.9675 83.8935 22.0976C84.0355 22.2278 84.0355 22.4389 83.8935 22.569L80.2571 25.9024Z" fill="#F9F9F9"/>
-        <rect x="0.5" y="6.5" width="95" height="35" rx="2.5" stroke="#474747"/>
-        </svg>
-        `
-            },
-            components: formDropdownInitConfig
-        }
-    ]
-};
-
-export { config as default };

package/dist/esm/form/setting/FormDropdownInitConfig.js

@@ -1,39 +0,0 @@
-const formDropdownInitConfig = [
-    {
-        tag: 'FormDropdown',
-        advanced: {
-            'spacing-setting': {
-                desktop: {
-                    margin: {
-                        bottom: 'var(--g-s-l)'
-                    }
-                }
-            },
-            border: {
-                desktop: {
-                    normal: {
-                        borderType: 'style-2',
-                        borderLabel: 'Style 2',
-                        border: 'solid',
-                        color: 'line-2',
-                        isCustom: false,
-                        width: '1px 1px 1px 1px'
-                    }
-                }
-            },
-            rounded: {
-                desktop: {
-                    normal: {
-                        btrr: '0px',
-                        bblr: '0px',
-                        bbrr: '0px',
-                        btlr: '0px',
-                        radiusType: 'none'
-                    }
-                }
-            }
-        }
-    }
-];
-
-export { formDropdownInitConfig };

package/dist/esm/form/setting/FormEmail.js

@@ -1,283 +0,0 @@
-import { formEmailInitConfig } from './FormEmailInitConfig.js';
-
-const config = {
-    tag: 'FormEmail',
-    label: 'Email Field',
-    icon: `
-  <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1.06665 17.42C1.06665 17.6961 1.29051 17.92 1.56665 17.92H14.5044C14.7806 17.92 15.0044 17.6961 15.0044 17.42V6.89999C15.0044 6.62385 14.7806 6.39999 14.5044 6.39999H1.56665C1.29051 6.39999 1.06665 6.62385 1.06665 6.89999V17.42ZM3.05776 8.79999V8.31999H13.0133V8.79999L8.03554 11.968L3.05776 8.79999ZM13.0133 11.104V16H3.05776V11.104L8.03554 14.272L13.0133 11.104ZM18.4911 14.08C18.215 14.08 17.9911 14.3039 17.9911 14.58V15.5C17.9911 15.7761 18.215 16 18.4911 16H28.9422V23.68H6.04443V21.3C6.04443 21.0239 5.82057 20.8 5.54443 20.8H4.55332C4.27717 20.8 4.05332 21.0239 4.05332 21.3V25.1C4.05332 25.3761 4.27717 25.6 4.55332 25.6H30.4333C30.7095 25.6 30.9333 25.3761 30.9333 25.1V14.58C30.9333 14.3039 30.7095 14.08 30.4333 14.08H18.4911Z" fill="currentColor"/>
-  </svg>
-  
-  `,
-    settings: [
-        {
-            id: 'setting',
-            controls: [
-                {
-                    id: 'placeholder',
-                    type: 'input',
-                    label: 'Placeholder',
-                    default: 'Enter your email address'
-                },
-                {
-                    id: 'translate',
-                    type: 'input',
-                    default: 'placeholder'
-                },
-                {
-                    id: 'required',
-                    type: 'toggle',
-                    label: 'Placeholder',
-                    default: true
-                },
-                {
-                    id: 'hideOnClient',
-                    type: 'toggle',
-                    label: 'Hide on client',
-                    default: false
-                },
-                {
-                    id: 'defaultEmail',
-                    type: 'input',
-                    label: 'Default value',
-                    default: 'default@gempages.help'
-                },
-                {
-                    id: 'typo',
-                    type: 'typography-v2',
-                    label: 'typography',
-                    default: {
-                        type: 'paragraph-1'
-                    },
-                    hiddenSetting: {
-                        color: true
-                    },
-                    ignoreReRender: true
-                },
-                {
-                    id: 'size',
-                    label: 'Field size',
-                    type: 'size',
-                    default: {
-                        type: 'medium'
-                    },
-                    ignoreReRender: true
-                },
-                {
-                    id: 'fullWidth',
-                    label: 'Full Width',
-                    type: 'toggle',
-                    devices: {
-                        desktop: {
-                            default: true
-                        },
-                        tablet: {
-                            default: true
-                        },
-                        mobile: {
-                            default: true
-                        }
-                    }
-                },
-                {
-                    id: 'width',
-                    type: 'input:unit',
-                    label: 'Width',
-                    placeholder: 'Auto Width',
-                    min: 0,
-                    units: [
-                        'px',
-                        '%'
-                    ],
-                    hide: true,
-                    devices: {
-                        desktop: {
-                            default: '358px'
-                        }
-                    }
-                },
-                {
-                    id: 'align',
-                    label: 'Alignment',
-                    type: 'segment',
-                    options: [
-                        {
-                            label: 'Left',
-                            value: 'left',
-                            type: 'align',
-                            tooltip: 'Align left'
-                        },
-                        {
-                            label: 'Center',
-                            value: 'center',
-                            type: 'align',
-                            tooltip: 'Align center'
-                        },
-                        {
-                            label: 'Right',
-                            value: 'right',
-                            type: 'align',
-                            tooltip: 'Align right'
-                        }
-                    ],
-                    devices: {
-                        desktop: {
-                            default: 'left'
-                        }
-                    }
-                }
-            ]
-        }
-    ],
-    ui: [
-        {
-            type: 'control',
-            label: {
-                en: 'Placeholder'
-            },
-            setting: {
-                id: 'placeholder'
-            },
-            options: {
-                label: 'large'
-            }
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Required'
-            },
-            // info: {
-            //   en: 'Your buyers must fill in this input to submit form.',
-            // },
-            setting: {
-                id: 'required'
-            },
-            options: {
-                label: 'large'
-            }
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Size'
-            },
-            info: {
-                en: ''
-            },
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Field size'
-                    },
-                    setting: {
-                        id: 'size'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Full width'
-                    },
-                    setting: {
-                        id: 'fullWidth'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Width'
-                    },
-                    condition: 'fullWidth == false',
-                    setting: {
-                        id: 'width'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Align'
-            },
-            setting: {
-                id: 'align'
-            },
-            condition: 'fullWidth == false'
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Text'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    layout: 'vertical',
-                    setting: {
-                        id: 'typo'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'group',
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Hide on client'
-                    },
-                    // info: {
-                    //   en: 'The email field is mandatory. This feature eliminates the need to enter email to reduce time and efficiency.',
-                    // },
-                    setting: {
-                        id: 'hideOnClient'
-                    },
-                    options: {
-                        label: 'large'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Default value'
-                    },
-                    condition: 'hideOnClient == true',
-                    setting: {
-                        id: 'defaultEmail'
-                    }
-                }
-            ]
-        }
-    ],
-    editorConfigs: {
-        placeholder: {
-            flowTag: [
-                'Newsletter',
-                'ContactForm'
-            ]
-        }
-    },
-    presets: [
-        {
-            id: 'form-email-field',
-            name: {
-                en: 'Email Field'
-            },
-            icon: {
-                desktop: `
-          <svg width="96" height="36" viewBox="0 0 96 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect x="0.5" y="0.5" width="95" height="35" rx="2.5" stroke="#474747"/>
-          <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 14.5C8.5 13.6716 9.17157 13 10 13H21C21.8284 13 22.5 13.6716 22.5 14.5V21.5C22.5 22.3284 21.8284 23 21 23H10C9.17157 23 8.5 22.3284 8.5 21.5V14.5ZM10.4397 14L15.083 17.0955C15.251 17.2075 15.4698 17.2075 15.6377 17.0955L20.281 14H10.4397ZM21.4892 14.3963L18.2009 16.5886L20.2763 18.427C20.483 18.6101 20.5022 18.9261 20.3191 19.1328C20.136 19.3395 19.82 19.3586 19.6132 19.1755L17.3555 17.1755C17.3505 17.1711 17.3456 17.1666 17.3408 17.162L16.1924 17.9276C15.6886 18.2635 15.0321 18.2635 14.5283 17.9276L13.5399 17.2686L11.3872 19.1755C11.1805 19.3586 10.8645 19.3395 10.6814 19.1328C10.4983 18.9261 10.5174 18.6101 10.7241 18.427L12.6794 16.695L9.5 14.5754V21.5C9.5 21.7761 9.72386 22 10 22H21C21.2761 22 21.5 21.7761 21.5 21.5V14.5C21.5 14.4645 21.4963 14.4298 21.4892 14.3963Z" fill="#F9F9F9"/>
-          <path d="M28.7521 22V13.2727H34.0192V14.2102H29.8089V17.1591H33.7464V18.0966H29.8089V21.0625H34.0874V22H28.7521ZM35.7876 22V15.4545H36.7592V16.4773H36.8445C36.9808 16.1278 37.201 15.8565 37.505 15.6634C37.8089 15.4673 38.174 15.3693 38.6001 15.3693C39.032 15.3693 39.3913 15.4673 39.6783 15.6634C39.968 15.8565 40.1939 16.1278 40.3558 16.4773H40.424C40.5916 16.1392 40.843 15.8707 41.1783 15.6719C41.5135 15.4702 41.9155 15.3693 42.3842 15.3693C42.9695 15.3693 43.4482 15.5526 43.8203 15.919C44.1925 16.2827 44.3786 16.8494 44.3786 17.6193V22H43.3729V17.6193C43.3729 17.1364 43.2408 16.7912 42.9766 16.5838C42.7124 16.3764 42.4013 16.2727 42.0433 16.2727C41.5831 16.2727 41.2266 16.4119 40.9737 16.6903C40.7209 16.9659 40.5945 17.3153 40.5945 17.7386V22H39.5717V17.517C39.5717 17.1449 39.451 16.8452 39.2095 16.6179C38.968 16.3878 38.657 16.2727 38.2763 16.2727C38.0149 16.2727 37.7706 16.3423 37.5433 16.4815C37.3189 16.6207 37.1371 16.8139 36.9979 17.0611C36.8615 17.3054 36.7933 17.5881 36.7933 17.9091V22H35.7876ZM48.1435 22.1534C47.7287 22.1534 47.3523 22.0753 47.0142 21.919C46.6761 21.7599 46.4077 21.5312 46.2088 21.233C46.0099 20.9318 45.9105 20.5682 45.9105 20.142C45.9105 19.767 45.9844 19.4631 46.1321 19.2301C46.2798 18.9943 46.4773 18.8097 46.7244 18.6761C46.9716 18.5426 47.2443 18.4432 47.5426 18.3778C47.8438 18.3097 48.1463 18.2557 48.4503 18.2159C48.848 18.1648 49.1705 18.1264 49.4176 18.1009C49.6676 18.0724 49.8494 18.0256 49.9631 17.9602C50.0795 17.8949 50.1378 17.7812 50.1378 17.6193V17.5852C50.1378 17.1648 50.0227 16.8381 49.7926 16.6051C49.5653 16.3722 49.2202 16.2557 48.7571 16.2557C48.277 16.2557 47.9006 16.3608 47.6278 16.571C47.3551 16.7812 47.1634 17.0057 47.0526 17.2443L46.098 16.9034C46.2685 16.5057 46.4957 16.196 46.7798 15.9744C47.0668 15.75 47.3793 15.5937 47.7173 15.5057C48.0582 15.4148 48.3935 15.3693 48.723 15.3693C48.9332 15.3693 49.1747 15.3949 49.4474 15.446C49.723 15.4943 49.9886 15.5952 50.2443 15.7486C50.5028 15.902 50.7173 16.1335 50.8878 16.4432C51.0582 16.7528 51.1435 17.1676 51.1435 17.6875V22H50.1378V21.1136H50.0866C50.0185 21.2557 49.9048 21.4077 49.7457 21.5696C49.5866 21.7315 49.375 21.8693 49.1108 21.983C48.8466 22.0966 48.5241 22.1534 48.1435 22.1534ZM48.2969 21.25C48.6946 21.25 49.0298 21.1719 49.3026 21.0156C49.5781 20.8594 49.7855 20.6577 49.9247 20.4105C50.0668 20.1634 50.1378 19.9034 50.1378 19.6307V18.7102C50.0952 18.7614 50.0014 18.8082 49.8565 18.8509C49.7145 18.8906 49.5497 18.9261 49.3622 18.9574C49.1776 18.9858 48.9972 19.0114 48.821 19.0341C48.6477 19.054 48.5071 19.071 48.3991 19.0852C48.1378 19.1193 47.8935 19.1747 47.6662 19.2514C47.4418 19.3253 47.2599 19.4375 47.1207 19.5881C46.9844 19.7358 46.9162 19.9375 46.9162 20.1932C46.9162 20.5426 47.0455 20.8068 47.304 20.9858C47.5653 21.1619 47.8963 21.25 48.2969 21.25ZM52.979 22V15.4545H53.9847V22H52.979ZM53.4904 14.3636C53.2944 14.3636 53.1254 14.2969 52.9833 14.1634C52.8441 14.0298 52.7745 13.8693 52.7745 13.6818C52.7745 13.4943 52.8441 13.3338 52.9833 13.2003C53.1254 13.0668 53.2944 13 53.4904 13C53.6864 13 53.854 13.0668 53.9933 13.2003C54.1353 13.3338 54.2063 13.4943 54.2063 13.6818C54.2063 13.8693 54.1353 14.0298 53.9933 14.1634C53.854 14.2969 53.6864 14.3636 53.4904 14.3636ZM56.8324 13.2727V22H55.8267V13.2727H56.8324ZM62.1857 22V13.2727H67.4187V14.2102H63.2425V17.1591H67.0266V18.0966H63.2425V22H62.1857ZM69.0923 22V15.4545H70.098V22H69.0923ZM69.6037 14.3636C69.4077 14.3636 69.2386 14.2969 69.0966 14.1634C68.9574 14.0298 68.8878 13.8693 68.8878 13.6818C68.8878 13.4943 68.9574 13.3338 69.0966 13.2003C69.2386 13.0668 69.4077 13 69.6037 13C69.7997 13 69.9673 13.0668 70.1065 13.2003C70.2486 13.3338 70.3196 13.4943 70.3196 13.6818C70.3196 13.8693 70.2486 14.0298 70.1065 14.1634C69.9673 14.2969 69.7997 14.3636 69.6037 14.3636ZM74.6843 22.1364C74.0536 22.1364 73.5096 21.9972 73.0522 21.7188C72.5977 21.4375 72.2468 21.0455 71.9996 20.5426C71.7553 20.0369 71.6332 19.4489 71.6332 18.7784C71.6332 18.108 71.7553 17.517 71.9996 17.0057C72.2468 16.4915 72.5906 16.0909 73.0309 15.804C73.4741 15.5142 73.9911 15.3693 74.582 15.3693C74.9229 15.3693 75.2596 15.4261 75.592 15.5398C75.9244 15.6534 76.2269 15.8381 76.4996 16.0938C76.7724 16.3466 76.9897 16.6818 77.1516 17.0994C77.3136 17.517 77.3945 18.0312 77.3945 18.642V19.0682H72.3491V18.1989H76.3718C76.3718 17.8295 76.2979 17.5 76.1502 17.2102C76.0053 16.9205 75.7979 16.6918 75.5281 16.5241C75.261 16.3565 74.9457 16.2727 74.582 16.2727C74.1815 16.2727 73.8349 16.3722 73.5423 16.571C73.2525 16.767 73.0295 17.0227 72.8732 17.3381C72.717 17.6534 72.6388 17.9915 72.6388 18.3523V18.9318C72.6388 19.4261 72.7241 19.8452 72.8945 20.1889C73.0678 20.5298 73.3079 20.7898 73.6147 20.9688C73.9215 21.1449 74.2781 21.233 74.6843 21.233C74.9485 21.233 75.1871 21.196 75.4002 21.1222C75.6161 21.0455 75.8022 20.9318 75.9585 20.7812C76.1147 20.6278 76.2354 20.4375 76.3207 20.2102L77.2923 20.483C77.19 20.8125 77.0181 21.1023 76.7766 21.3523C76.5352 21.5994 76.2369 21.7926 75.8817 21.9318C75.5266 22.0682 75.1275 22.1364 74.6843 22.1364ZM79.93 13.2727V22H78.9244V13.2727H79.93ZM84.2436 22.1364C83.6982 22.1364 83.2166 21.9986 82.799 21.723C82.3814 21.4446 82.0547 21.0526 81.8189 20.5469C81.5831 20.0384 81.4652 19.4375 81.4652 18.7443C81.4652 18.0568 81.5831 17.4602 81.8189 16.9545C82.0547 16.4489 82.3828 16.0582 82.8033 15.7827C83.2237 15.5071 83.7095 15.3693 84.2607 15.3693C84.6868 15.3693 85.0234 15.4403 85.2706 15.5824C85.5206 15.7216 85.7109 15.8807 85.8416 16.0597C85.9751 16.2358 86.0788 16.3807 86.1527 16.4943H86.2379V13.2727H87.2436V22H86.272V20.9943H86.1527C86.0788 21.1136 85.9737 21.2642 85.8374 21.446C85.701 21.625 85.5064 21.7855 85.2536 21.9276C85.0007 22.0668 84.6641 22.1364 84.2436 22.1364ZM84.38 21.233C84.7834 21.233 85.1243 21.1278 85.4027 20.9176C85.6811 20.7045 85.8928 20.4105 86.0376 20.0355C86.1825 19.6577 86.255 19.2216 86.255 18.7273C86.255 18.2386 86.1839 17.8111 86.0419 17.4446C85.8999 17.0753 85.6896 16.7884 85.4112 16.5838C85.1328 16.3764 84.7891 16.2727 84.38 16.2727C83.9538 16.2727 83.5987 16.3821 83.3146 16.6009C83.0334 16.8168 82.8217 17.1108 82.6797 17.483C82.5405 17.8523 82.4709 18.267 82.4709 18.7273C82.4709 19.1932 82.5419 19.6165 82.6839 19.9972C82.8288 20.375 83.0419 20.6761 83.3232 20.9006C83.6072 21.1222 83.9595 21.233 84.38 21.233Z" fill="#F9F9F9"/>
-          </svg>
-        `
-            },
-            components: formEmailInitConfig
-        }
-    ]
-};
-
-export { config as default };

package/dist/esm/form/setting/FormEmailInitConfig.js

@@ -1,39 +0,0 @@
-const formEmailInitConfig = [
-    {
-        tag: 'FormEmail',
-        advanced: {
-            'spacing-setting': {
-                desktop: {
-                    margin: {
-                        bottom: 'var(--g-s-l)'
-                    }
-                }
-            },
-            border: {
-                desktop: {
-                    normal: {
-                        borderType: 'style-2',
-                        borderLabel: 'Style 2',
-                        border: 'solid',
-                        color: 'line-2',
-                        isCustom: false,
-                        width: '1px 1px 1px 1px'
-                    }
-                }
-            },
-            rounded: {
-                desktop: {
-                    normal: {
-                        btrr: '0px',
-                        bblr: '0px',
-                        bbrr: '0px',
-                        btlr: '0px',
-                        radiusType: 'none'
-                    }
-                }
-            }
-        }
-    }
-];
-
-export { formEmailInitConfig };