{"version":3,"file":"aitools.js","sources":["../AiTools/AiEditor.access.ts","../AiTools/Shared.ts","../AiTools/Terms.vue","../AiTools/AiCreateSurvey.vue","../AiTools/Intro.vue","../AiTools/AiEditor.vue","../AiTools/AiSubject.vue","../AiTools/AiEditorExamples.access.ts","../AiTools/AiImages.vue","../AiTools/AiTools.vue","../AiTools/aitools.entry.ts"],"sourcesContent":["import { api, $Resources } from '@cwd/lib/main';\r\n\r\nexport type commands =\r\n    | 'tone'\r\n    | 'shorten'\r\n    | 'simplify'\r\n    | 'lengthen'\r\n    | 'translate'\r\n    | 'tone'\r\n    | 'spelling'\r\n    | 'heading'\r\n    | 'generate-image'\r\n    | 'generate-image-dalle-3'\r\n    | 'create-survey';\r\n\r\nexport interface AiRequest {\r\n    Command: string;\r\n    CommandText: string;\r\n    Parameters: {\r\n        tone?: string;\r\n        language?: string;\r\n        type?: string;\r\n    };\r\n}\r\n\r\nexport interface AiResponse {\r\n    Success: boolean;\r\n    ErrorCode?: string | null;\r\n    Result: string[] | null;\r\n}\r\n\r\nexport interface AiDropdownOption {\r\n    Command: commands;\r\n    Parameters: object;\r\n    Text: string;\r\n}\r\n\r\nexport interface UploadedResourceResponse {\r\n    Url: string;\r\n}\r\n\r\nexport async function getPercentageConsumption(): Promise<number> {\r\n    return api.get('/OpenAI/Consumption');\r\n}\r\n\r\nexport async function postCommand(request: AiRequest): Promise<AiResponse> {\r\n    return api.post('/OpenAI', request);\r\n}\r\n\r\nexport async function uploadImage(fileName: string, imageUrl: string): Promise<UploadedResourceResponse[]> {\r\n    return api.post('/Resources/?path=' + fileName + '&url=' + encodeURIComponent(imageUrl) + '&tag=AI', null);\r\n}\r\n\r\nexport async function createSurvey(request: AiRequest): Promise<any> {\r\n    return api.post('/Surveys/AICreate', request);\r\n}\r\n\r\nexport function getTones(): AiDropdownOption[] {\r\n    var tones: AiDropdownOption[] = [\r\n        {\r\n            Command: 'tone',\r\n            Parameters: {\r\n                tone: 'playful',\r\n            },\r\n            Text: $Resources.AIAssistantToneOptionPlayful,\r\n        },\r\n        {\r\n            Command: 'tone',\r\n            Parameters: {\r\n                tone: 'angry',\r\n            },\r\n            Text: $Resources.AIAssistantToneOptionAngry,\r\n        },\r\n        {\r\n            Command: 'tone',\r\n            Parameters: {\r\n                tone: 'hysteric',\r\n            },\r\n            Text: $Resources.AIAssistantToneOptionHysteric,\r\n        },\r\n        {\r\n            Command: 'tone',\r\n            Parameters: {\r\n                tone: 'serious',\r\n            },\r\n            Text: $Resources.AIAssistantToneOptionSerious,\r\n        },\r\n        {\r\n            Command: 'tone',\r\n            Parameters: {\r\n                tone: 'formal',\r\n            },\r\n            Text: $Resources.AIAssistantToneOptionFormal,\r\n        },\r\n        {\r\n            Command: 'tone',\r\n            Parameters: {\r\n                tone: 'seditious',\r\n            },\r\n            Text: $Resources.AIAssistantToneOptionSeditious,\r\n        },\r\n        {\r\n            Command: 'tone',\r\n            Parameters: {\r\n                tone: 'terrifying',\r\n            },\r\n            Text: $Resources.AIAssistantToneOptionTerrifying,\r\n        },\r\n        {\r\n            Command: 'tone',\r\n            Parameters: {\r\n                tone: 'selling',\r\n            },\r\n            Text: $Resources.AIAssistantToneOptionSelling,\r\n        },\r\n        {\r\n            Command: 'tone',\r\n            Parameters: {\r\n                tone: 'academic',\r\n            },\r\n            Text: $Resources.AIAssistantToneOptionAcademic,\r\n        },\r\n    ];\r\n    return tones;\r\n}\r\n\r\nexport type result = {\r\n    resultText: string;\r\n    request: AiRequest;\r\n};\r\n\r\nexport function getLanguages(): AiDropdownOption[] {\r\n    var languages: AiDropdownOption[] = [\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'english',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionEnglish,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'swedish',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionSwedish,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'Danish',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionDanish,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'Norweigan',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionNorweigan,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'Finnish',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionFinnish,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'French',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionFrench,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'German',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionGerman,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'Italian',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionItalian,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'Spanish',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionSpanish,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'Arabic',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionArabic,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'Somali',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionSomali,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'Tigrinya',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionTigrinya,\r\n        },\r\n        {\r\n            Command: 'translate',\r\n            Parameters: {\r\n                language: 'Urdu',\r\n            },\r\n            Text: $Resources.AIAssistantLanguageOptionUrdu,\r\n        },\r\n    ];\r\n    return languages;\r\n}\r\n\r\nexport function getHeadingTypes(): AiDropdownOption[] {\r\n    var languages: AiDropdownOption[] = [\r\n        {\r\n            Command: 'heading',\r\n            Parameters: {\r\n                type: '',\r\n            },\r\n            Text: $Resources.AIAssistantHeadingOptionSummary,\r\n        },\r\n        {\r\n            Command: 'heading',\r\n            Parameters: {\r\n                type: 'clickbait',\r\n            },\r\n            Text: $Resources.AIAssistantHeadingOptionClickbait,\r\n        },\r\n        {\r\n            Command: 'heading',\r\n            Parameters: {\r\n                type: 'selling',\r\n            },\r\n            Text: $Resources.AIAssistantHeadingOptionSelling,\r\n        },\r\n        {\r\n            Command: 'heading',\r\n            Parameters: {\r\n                type: 'angry',\r\n            },\r\n            Text: $Resources.AIAssistantHeadingOptionAngry,\r\n        },\r\n        {\r\n            Command: 'heading',\r\n            Parameters: {\r\n                type: 'welcoming',\r\n            },\r\n            Text: $Resources.AIAssistantHeadingOptionWelcoming,\r\n        },\r\n        {\r\n            Command: 'heading',\r\n            Parameters: {\r\n                type: 'catchy',\r\n            },\r\n            Text: $Resources.AIAssistantHeadingOptionCatchy,\r\n        },\r\n        {\r\n            Command: 'heading',\r\n            Parameters: {\r\n                type: 'fear of missing out',\r\n            },\r\n            Text: $Resources.AIAssistantHeadingOptionFOMO,\r\n        },\r\n    ];\r\n    return languages;\r\n}\r\nexport function getSurveyTypes(): AiDropdownOption[] {\r\n    var surveyTypes: AiDropdownOption[] = [\r\n        {\r\n            Command: 'create-survey',\r\n            Parameters: {},\r\n            Text: $Resources.AIAssistantCreateSurveyExampleEmployeeSurvey,\r\n        },\r\n        {\r\n            Command: 'create-survey',\r\n            Parameters: {},\r\n            Text: $Resources.AIAssistantCreateSurveyExampleEventSurvey,\r\n        },\r\n        {\r\n            Command: 'create-survey',\r\n            Parameters: {},\r\n            Text: $Resources.AIAssistantCreateSurveyExampleCourseSurvey,\r\n        },\r\n        {\r\n            Command: 'create-survey',\r\n            Parameters: {},\r\n            Text: $Resources.AIAssistantCreateSurveyExampleCustomerSatisfactionSurvey,\r\n        },\r\n    ];\r\n    return surveyTypes;\r\n}\r\n","import { reactive } from 'vue';\r\nimport { AiRequest, AiResponse, commands, createSurvey, getPercentageConsumption, postCommand, type result } from '@cwd/AiTools/AiEditor.access';\r\nimport { bsAlert } from '@shared/components/BsAlerts';\r\n\r\nexport function setupShared() {\r\n    const shared = reactive<{\r\n        show: boolean;\r\n        loading: boolean;\r\n        termsAccepted: boolean;\r\n        source: string;\r\n        results: result[];\r\n        resultOptions: string[];\r\n        current: number | null;\r\n        selectedOption: number | null;\r\n        percentageConsumption: number | null;\r\n        command: commands | null;\r\n        request: AiRequest | null;\r\n    }>({\r\n        show: false,\r\n        loading: false,\r\n        termsAccepted: false,\r\n        source: '',\r\n        results: [],\r\n        resultOptions: [],\r\n        current: null,\r\n        selectedOption: null,\r\n        percentageConsumption: null,\r\n        command: null,\r\n        request: null,\r\n    });\r\n\r\n    const disabled = () => {\r\n        return shared.loading || !shared.termsAccepted;\r\n    };\r\n\r\n    const localStorageName = 'termsForAiUsageAccepted';\r\n    const localStorageAiTermsAccepted = localStorage.getItem(localStorageName);\r\n    shared.termsAccepted = localStorageAiTermsAccepted === 'true' ? true : false;\r\n\r\n    const acceptTerms = () => {\r\n        shared.termsAccepted = true;\r\n        localStorage.setItem(localStorageName, 'true');\r\n    };\r\n\r\n    const resetOptions = () => {\r\n        shared.resultOptions = [];\r\n        shared.selectedOption = null;\r\n    };\r\n\r\n    const firstLetterToUpperCase = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\r\n\r\n    const makeRequest = async (command: commands, commandText: string, updateResults: Function, parameters?: {}) => {\r\n        shared.loading = true;\r\n        shared.command = command;\r\n        shared.resultOptions = [];\r\n\r\n        shared.request = {\r\n            Command: command,\r\n            CommandText: commandText,\r\n            Parameters: parameters || {},\r\n        };\r\n\r\n        await postCommand(shared.request)\r\n            .then((response) => {\r\n                if (response.Success) {\r\n                    updateResults(response.Result as string[]);\r\n                } else {\r\n                    handleUnsuccessfulResponse(response);\r\n                }\r\n            })\r\n            .catch(() => {\r\n                handleUnsuccessfulResponse(null);\r\n            })\r\n            .finally(async () => {\r\n                shared.loading = false;\r\n                await updateConsumption();\r\n            });\r\n    };\r\n\r\n    const makeOptionsRequest = async (command: commands, commandText: string, parameters?: {}, callback?: Function) => {\r\n        shared.loading = true;\r\n        shared.command = command;\r\n        shared.resultOptions = [];\r\n\r\n        shared.request = {\r\n            Command: command,\r\n            CommandText: commandText,\r\n            Parameters: parameters || {},\r\n        };\r\n\r\n        await postCommand(shared.request)\r\n            .then((response) => {\r\n                if (response.Success) {\r\n                    shared.resultOptions = response.Result as string[];\r\n                } else {\r\n                    handleUnsuccessfulResponse(response);\r\n                }\r\n            })\r\n            .catch(() => {\r\n                handleUnsuccessfulResponse(null);\r\n            })\r\n            .finally(async () => {\r\n                shared.loading = false;\r\n                await updateConsumption();\r\n\r\n                if (callback != null) {\r\n                    callback();\r\n                }\r\n            });\r\n    };\r\n\r\n    const makeCreateSurveyRequest = async (command: commands, commandText: string, parameters: {}) => {\r\n        shared.loading = true;\r\n        shared.command = command;\r\n        shared.resultOptions = [];\r\n\r\n        shared.request = {\r\n            Command: command,\r\n            CommandText: commandText,\r\n            Parameters: parameters,\r\n        };\r\n\r\n        await createSurvey(shared.request)\r\n            .then((response) => {\r\n                document.location = '/Surveys/' + response.SurveyId + '?newsurvey=true';\r\n            })\r\n            .catch(() => {\r\n                shared.loading = false;\r\n                handleUnsuccessfulResponse(null);\r\n            })\r\n            .finally(async () => {\r\n                await updateConsumption();\r\n            });\r\n    };\r\n\r\n    const handleUnsuccessfulResponse = (response: AiResponse | null) => {\r\n        switch (response?.ErrorCode) {\r\n            case 'tokens':\r\n                bsAlert({ title: $Resources.AIAssistantErrorHeading, content: $Resources.AIAssistantErrorBodyToken, type: 'danger' });\r\n                break;\r\n            case 'command':\r\n                bsAlert({ title: $Resources.AIAssistantErrorHeading, content: $Resources.AIAssistantErrorBody, type: 'danger' });\r\n                break;\r\n            case 'context_length_exceeded':\r\n                bsAlert({ title: $Resources.AIAssistantErrorHeading, content: $Resources.AIAssistantErrorBodyTooLong, type: 'danger' });\r\n                break;\r\n            default:\r\n                if (response?.ErrorCode != null && response?.ErrorCode.length > 0) {\r\n                    bsAlert({\r\n                        title: $Resources.AIAssistantErrorHeading,\r\n                        content: $Resources.AIAssistantErrorBody + ' [' + response.ErrorCode + ']',\r\n                        type: 'danger',\r\n                    });\r\n                } else {\r\n                    bsAlert({ title: $Resources.AIAssistantErrorHeading, content: $Resources.AIAssistantErrorBody, type: 'danger' });\r\n                }\r\n                break;\r\n        }\r\n    };\r\n\r\n    const updateConsumption = async () => {\r\n        await getPercentageConsumption().then((percentageConsumption) => {\r\n            shared.percentageConsumption = percentageConsumption;\r\n\r\n            if (shared.percentageConsumption > 100) {\r\n                shared.percentageConsumption = 100;\r\n            }\r\n        });\r\n    };\r\n\r\n    const showConsumption = () => {\r\n        if (shared.percentageConsumption == null || shared.percentageConsumption < 70) return false;\r\n\r\n        return true;\r\n    };\r\n\r\n    const getFormattedConsumption = () => {\r\n        return shared.percentageConsumption?.toFixed(2);\r\n    };\r\n\r\n    return {\r\n        shared,\r\n        disabled,\r\n        firstLetterToUpperCase,\r\n        acceptTerms,\r\n        resetOptions,\r\n        handleUnsuccessfulResponse,\r\n        showConsumption,\r\n        getFormattedConsumption,\r\n        updateConsumption,\r\n        makeRequest,\r\n        makeOptionsRequest,\r\n        makeCreateSurveyRequest,\r\n    };\r\n}\r\n","<script setup lang=\"ts\">\r\n    const props = defineProps<{\r\n        termsAccepted: boolean;\r\n    }>();\r\n</script>\r\n\r\n<script lang=\"ts\"></script>\r\n\r\n<template>\r\n    <div class=\"alert alert-warning alert-fixed-i\" v-if=\"!props.termsAccepted\">\r\n        <p>\r\n            <i class=\"fa fa-exclamation-triangle\" aria-hidden=\"true\"></i>\r\n            <strong>{{ $Resources.AIAssistantDisclaimerStrong }}</strong>\r\n            {{ $Resources.AIAssistantDisclaimerFollowUp }}\r\n        </p>\r\n        <ul>\r\n            <li>{{ $Resources.AIAssistantDisclaimerBody1 }}</li>\r\n            <li>{{ $Resources.AIAssistantDisclaimerBody2 }}</li>\r\n        </ul>\r\n        <div class=\"form-group\">\r\n            <button class=\"btn btn-warning\" @click=\"$emit('accept')\">{{ $Resources.AIAssistantAcceptTerms }}</button>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"less\"></style>\r\n\r\n<style scoped lang=\"less\"></style>\r\n","<script setup lang=\"ts\">\r\n    import { onMounted, reactive } from 'vue';\r\n    import { type AiRequest, getTones, getLanguages, getHeadingTypes, getSurveyTypes } from '@cwd/AiTools/AiEditor.access';\r\n    import BSDropdownButton from '@shared/components/BSDropdownButton.vue';\r\n    import Modal from '@shared/components/Modal.vue';\r\n    import { setupShared } from '@cwd/AiTools/Shared';\r\n    import Terms from '@cwd/AiTools/Terms.vue';\r\n    import BSFormInputText from '@shared/components/BSFormInputText.vue';\r\n    import BSFormInputTextarea from '@shared/components/BSFormInputTextarea.vue';\r\n    import Intro from '@cwd/AiTools/Intro.vue';\r\n\r\n    const { shared, disabled, acceptTerms, showConsumption, getFormattedConsumption, updateConsumption, makeCreateSurveyRequest } = setupShared();\r\n\r\n    const props = defineProps<{\r\n        createSurvey: {\r\n            show: KnockoutObservable<boolean>;\r\n            selectedSurveyId: KnockoutObservable<string>;\r\n            surveyType: KnockoutObservable<string>;\r\n        };\r\n    }>();\r\n\r\n    const state = reactive<{\r\n        prompt: string;\r\n        extraInfo: string;\r\n        params: any;\r\n    }>({\r\n        prompt: '',\r\n        extraInfo: '',\r\n        params: {},\r\n    });\r\n\r\n    onMounted(async () => {\r\n        props.createSurvey.show &&\r\n            props.createSurvey.show.subscribe((newValue: boolean) => {\r\n                shared.show = newValue;\r\n                if (newValue === true) init();\r\n            });\r\n    });\r\n\r\n    const init = async () => {\r\n        await updateConsumption();\r\n    };\r\n\r\n    const create = () => {\r\n        state.params = {\r\n            type: state.prompt,\r\n            surveyId: props.createSurvey.selectedSurveyId(),\r\n            surveyType: props.createSurvey.surveyType(),\r\n        };\r\n\r\n        makeCreateSurveyRequest('create-survey', state.extraInfo, state.params);\r\n    };\r\n\r\n    const setPrompt = (prompt: string) => {\r\n        state.prompt = prompt;\r\n    };\r\n</script>\r\n\r\n<script lang=\"ts\"></script>\r\n\r\n<template>\r\n    <Modal\r\n        :class=\"{ 'ai-loading': shared.loading }\"\r\n        :title=\"$Resources.AIAssistantModalTitle\"\r\n        :beta=\"false\"\r\n        icon=\"ai\"\r\n        :show=\"shared.show\"\r\n        size=\"md\"\r\n        @close=\"props.createSurvey.show(false)\"\r\n        :scrollBody=\"false\">\r\n        <template #content>\r\n            <div>\r\n                <Terms :termsAccepted=\"shared.termsAccepted\" @accept=\"acceptTerms()\"></Terms>\r\n\r\n                <h4>{{ $Resources.AIAssistantCreateSurvey }}</h4>\r\n\r\n                <BSFormInputText\r\n                    class=\"form-group\"\r\n                    :modelValue=\"state.prompt\"\r\n                    @update:modelValue=\"(newValue: string) => (state.prompt = newValue)\"\r\n                    :required=\"true\"\r\n                    :label=\"$Resources.AIAssistantCreateSurveyPrompt\"></BSFormInputText>\r\n\r\n                <BSFormInputTextarea\r\n                    class=\"form-group\"\r\n                    :modelValue=\"state.extraInfo\"\r\n                    @update:modelValue=\"(newValue: string) => (state.extraInfo = newValue)\"\r\n                    :required=\"true\"\r\n                    :label=\"$Resources.AIAssistantCreateSurveyExtraInfo\"\r\n                    :infoText=\"$Resources.AIAssistantCreateSurveyExtraInfoHelp\"></BSFormInputTextarea>\r\n\r\n                <div class=\"form-group d-flex flex-wrap gap-sm btn-group-rounded\">\r\n                    <BSDropdownButton menuClass=\"dropdown-menu-right\" :closeOnClickInside=\"true\" :disabled=\"disabled()\">\r\n                        <template #toggle>\r\n                            {{ $Resources.AIAssistantCreateSurveyExamples }}\r\n                            <span class=\"caret m-xs-l\"></span>\r\n                        </template>\r\n                        <template #content>\r\n                            <li v-for=\"option in getSurveyTypes()\">\r\n                                <a href=\"javascript:void(0)\" @click=\"setPrompt(option.Text)\">\r\n                                    {{ option.Text }}\r\n                                </a>\r\n                            </li>\r\n                        </template>\r\n                    </BSDropdownButton>\r\n                </div>\r\n\r\n                <div v-if=\"showConsumption()\">\r\n                    <span>{{ getFormattedConsumption() }} % {{ $Resources.AIAssistantConsumptionPostText }}</span>\r\n                </div>\r\n            </div>\r\n        </template>\r\n        <template #button>\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-primary p-lg-r p-lg-l\"\r\n                :disabled=\"state.prompt == '' || shared.loading || !shared.termsAccepted\"\r\n                :class=\"shared.loading && 'is-busy'\"\r\n                @click=\"create\">\r\n                {{ $Resources.CreateButton }}\r\n            </button>\r\n        </template>\r\n    </Modal>\r\n</template>\r\n\r\n<style lang=\"less\"></style>\r\n\r\n<style scoped lang=\"less\"></style>\r\n","<script setup lang=\"ts\"></script>\r\n\r\n<script lang=\"ts\"></script>\r\n\r\n<template>\r\n    <div class=\"ai-intro\">\r\n        <div class=\"d-flex justify-content-center\">\r\n            <svg\r\n                width=\"768\"\r\n                height=\"384\"\r\n                version=\"1.1\"\r\n                x=\"0px\"\r\n                y=\"0px\"\r\n                viewBox=\"0 0 384 192\"\r\n                xml:space=\"preserve\"\r\n                stroke-miterlimit=\"10\"\r\n                fill=\"none\"\r\n                stroke=\"none\">\r\n                <g id=\"bg\">\r\n                    <path\r\n                        class=\"bg\"\r\n                        d=\"M364.5,52V24c0-2.5-2-4.5-4.5-4.5H204c-2.5,0-4.5,2-4.5,4.5v46H198v8h-4v-8h-1.5V50h-1v20H190v8h-4v-8h-1.5V34\r\n            \t\tc0-2.5-2-4.5-4.5-4.5h-44v1h44c1.9,0,3.5,1.6,3.5,3.5v36H182v8h-4v-8h-1.5V54c0-2.5-2-4.5-4.5-4.5h-52c-1.9,0-3.5-1.6-3.5-3.5V24\r\n            \t\tc0-2.5-2-4.5-4.5-4.5H20v1h92c1.9,0,3.5,1.6,3.5,3.5v22c0,2.5,2,4.5,4.5,4.5h52c1.9,0,3.5,1.6,3.5,3.5v16H174v8h-8v1.5H54\r\n            \t\tc-1.9,0-3.5-1.6-3.5-3.5V40h-1v36c0,2.5,2,4.5,4.5,4.5h112V82h8v4h-8v1.5H70v1h96V90h8v4h-8v1.5H94c-2.5,0-4.5,2-4.5,4.5v16\r\n            \t\tc0,1.9-1.6,3.5-3.5,3.5H40v1h46c2.5,0,4.5-2,4.5-4.5v-16c0-1.9,1.6-3.5,3.5-3.5h72V98h8v4h-8v1.5h-56v1h56v1.5h8v4h-8v1.5h-32\r\n            \t\tc-2.5,0-4.5,2-4.5,4.5v30c0,1.9-1.6,3.5-3.5,3.5H70v1h56c2.5,0,4.5-2,4.5-4.5v-30c0-1.9,1.6-3.5,3.5-3.5h32v1.5h8v8h1.5v24\r\n            \t\tc0,1.9-1.6,3.5-3.5,3.5h-22v1h22c2.5,0,4.5-2,4.5-4.5v-24h1.5v-8h4v8h1.5v46c0,1.9-1.6,3.5-3.5,3.5H24c-1.9,0-3.5-1.6-3.5-3.5v-28\r\n            \t\th-1v28c0,2.5,2,4.5,4.5,4.5h156c2.5,0,4.5-2,4.5-4.5v-46h1.5v-8h4v8h1.5v28h1v-28h1.5v-8h4v8h1.5v36c0,2.5,2,4.5,4.5,4.5h44v-1h-44\r\n            \t\tc-1.9,0-3.5-1.6-3.5-3.5v-36h1.5v-8h4v8h1.5v16c0,2.5,2,4.5,4.5,4.5h52c1.9,0,3.5,1.6,3.5,3.5v22c0,2.5,2,4.5,4.5,4.5h92v-1h-92\r\n            \t\tc-1.9,0-3.5-1.6-3.5-3.5v-22c0-2.5-2-4.5-4.5-4.5h-52c-1.9,0-3.5-1.6-3.5-3.5v-16h1.5v-8h8v-1.5h112c1.9,0,3.5,1.6,3.5,3.5v36h1\r\n            \t\tv-36c0-2.5-2-4.5-4.5-4.5H218V110h-8v-4h8v-1.5h96v-1h-96V102h-8v-4h8v-1.5h72c2.5,0,4.5-2,4.5-4.5V76c0-1.9,1.6-3.5,3.5-3.5h46v-1\r\n            \t\th-46c-2.5,0-4.5,2-4.5,4.5v16c0,1.9-1.6,3.5-3.5,3.5h-72V94h-8v-4h8v-1.5h56v-1h-56V86h-8v-4h8v-1.5h32c2.5,0,4.5-2,4.5-4.5V46\r\n            \t\tc0-1.9,1.6-3.5,3.5-3.5h56v-1h-56c-2.5,0-4.5,2-4.5,4.5v30c0,1.9-1.6,3.5-3.5,3.5h-32V78h-8v-8h-1.5V46c0-1.9,1.6-3.5,3.5-3.5h22\r\n            \t\tv-1h-22c-2.5,0-4.5,2-4.5,4.5v24H206v8h-4v-8h-1.5V24c0-1.9,1.6-3.5,3.5-3.5h156c1.9,0,3.5,1.6,3.5,3.5v28H364.5z M198,82v4h-4v-4\r\n            \t\tH198z M190,98v4h-4v-4H190z M186,94v-4h4v4H186z M194,98h4v4h-4V98z M194,94v-4h4v4H194z M190,82v4h-4v-4H190z M178,82h4v4h-4V82z\r\n            \t\t M178,90h4v4h-4V90z M178,98h4v4h-4V98z M178,110v-4h4v4H178z M186,110v-4h4v4H186z M194,110v-4h4v4H194z M206,110h-4v-4h4V110z\r\n            \t\t M206,102h-4v-4h4V102z M206,94h-4v-4h4V94z M206,82v4h-4v-4H206z\" />\r\n                </g>\r\n                <g id=\"lines\">\r\n                    <line class=\"line\" x1=\"192\" y1=\"122\" x2=\"192\" y2=\"150\" />\r\n                    <line class=\"line\" x1=\"192\" y1=\"70\" x2=\"192\" y2=\"50\" />\r\n                    <path class=\"line\" d=\"M176,122v24c0,2.2-1.8,4-4,4h-22\" />\r\n                    <line class=\"line\" x1=\"166\" y1=\"88\" x2=\"70\" y2=\"88\" />\r\n                    <path class=\"line-3\" d=\"M166,96H94c-2.2,0-4,1.8-4,4v16c0,2.2-1.8,4-4,4H40\" />\r\n                    <line class=\"line\" x1=\"166\" y1=\"104\" x2=\"110\" y2=\"104\" />\r\n                    <path class=\"line-2\" d=\"M184,122v46c0,2.2-1.8,4-4,4H24c-2.2,0-4-1.8-4-4l0-28\" />\r\n                    <path class=\"line\" d=\"M166,112h-32c-2.2,0-4,1.8-4,4v30c0,2.2-1.8,4-4,4H70\" />\r\n                    <path class=\"line-1\" d=\"M176,70V54c0-2.2-1.8-4-4-4h-52c-2.2,0-4-1.8-4-4l0-22c0-2.2-1.8-4-4-4H20\" />\r\n                    <path class=\"line\" d=\"M184,70V34c0-2.2-1.8-4-4-4h-44\" />\r\n                    <path class=\"line-4\" d=\"M166,80H54c-2.2,0-4-1.8-4-4V40\" />\r\n                    <path class=\"line\" d=\"M208,70V46c0-2.2,1.8-4,4-4h22\" />\r\n                    <line class=\"line\" x1=\"218\" y1=\"104\" x2=\"314\" y2=\"104\" />\r\n                    <path class=\"line-3 mirrored\" d=\"M218,96h72c2.2,0,4-1.8,4-4V76c0-2.2,1.8-4,4-4h46\" />\r\n                    <line class=\"line\" x1=\"218\" y1=\"88\" x2=\"274\" y2=\"88\" />\r\n                    <path class=\"line-2 mirrored\" d=\"M200,70V24c0-2.2,1.8-4,4-4h156c2.2,0,4,1.8,4,4v28\" />\r\n                    <path class=\"line\" d=\"M218,80h32c2.2,0,4-1.8,4-4V46c0-2.2,1.8-4,4-4h56\" />\r\n                    <path class=\"line-1 mirrored\" d=\"M208,122v16c0,2.2,1.8,4,4,4h52c2.2,0,4,1.8,4,4v22c0,2.2,1.8,4,4,4h92\" />\r\n                    <path class=\"line\" d=\"M200,122v36c0,2.2,1.8,4,4,4h44\" />\r\n                    <path class=\"line-4 mirrored\" d=\"M218,112h112c2.2,0,4,1.8,4,4v36\" />\r\n                </g>\r\n                <g id=\"chip\">\r\n                    <path class=\"chip\" d=\"M212,120h-40c-2.2,0-4-1.8-4-4V76c0-2.2,1.8-4,4-4h40c2.2,0,4,1.8,4,4v40C216,118.2,214.2,120,212,120z\" />\r\n                </g>\r\n                <g id=\"dots\">\r\n                    <circle class=\"dot\" cx=\"20\" cy=\"20\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"20\" cy=\"140\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"40\" cy=\"120\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"50\" cy=\"40\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"70\" cy=\"88\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"110\" cy=\"104\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"70\" cy=\"150\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"150\" cy=\"150\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"136\" cy=\"30\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"192\" cy=\"50\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"192\" cy=\"150\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"364\" cy=\"172\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"364\" cy=\"52\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"344\" cy=\"72\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"334\" cy=\"152\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"314\" cy=\"104\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"274\" cy=\"88\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"314\" cy=\"42\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"234\" cy=\"42\" r=\"2\" />\r\n                    <circle class=\"dot\" cx=\"248\" cy=\"162\" r=\"2\" />\r\n                </g>\r\n                <g id=\"logo\">\r\n                    <path\r\n                        class=\"logo\"\r\n                        d=\"M198,95.7V96c0,3.3-2.7,6-6,6c-3.3,0-6-2.7-6-6v-6.7c0-0.4-0.3-0.8-0.7-0.8c-0.4,0-0.8,0.3-0.8,0.8V96\r\n                \t\tc0,4.1,3.4,7.5,7.5,7.5c4.1,0,7.5-3.4,7.5-7.5v-6.7c0-0.4-0.3-0.8-0.7-0.8c-0.4,0-0.8,0.3-0.8,0.8v2.5c0,0.4-0.4,0.7-0.8,0.7\r\n                \t\tc-0.4,0-0.7-0.3-0.7-0.7c0,0,0-2.5,0-2.5c0-1.2,1-2.3,2.2-2.3c1.2,0,2.3,1,2.3,2.3V96c0,5-4,9-9,9c-5,0-9-4-9-9v-6.7\r\n                \t\tc0-1.2,1-2.3,2.3-2.3c1.2,0,2.2,1,2.2,2.3V96c0,2.5,2,4.5,4.5,4.5c2.5,0,4.5-2,4.5-4.5v-0.3c0-0.4-0.3-0.7-0.7-0.7\r\n                \t\tc-0.4,0-0.8,0.3-0.8,0.7c0,0,0,0.3,0,0.3c0,1.7-1.3,3-3,3c-1.7,0-3-1.3-3-3v-6.7c0-2.1-1.7-3.7-3.7-3.7c-2.1,0-3.8,1.7-3.8,3.7V96\r\n                \t\tc0,5.8,4.7,10.5,10.5,10.5c5.8,0,10.5-4.7,10.5-10.5v-6.7c0-2.1-1.7-3.7-3.8-3.7c-2.1,0-3.7,1.7-3.7,3.7v2.5c0,0.4-0.3,0.7-0.7,0.7\r\n                \t\tc-0.4,0-0.8-0.3-0.8-0.7c0,0,0-2.5,0-2.5c0-2.9,2.4-5.3,5.2-5.3c2.9,0,5.3,2.4,5.3,5.3V96c0,6.6-5.4,12-12,12c-6.6,0-12-5.4-12-12\r\n                \t\tv-6.7c0-2.9,2.4-5.3,5.3-5.3s5.2,2.4,5.2,5.3V96c0,0.8,0.7,1.5,1.5,1.5c0.8,0,1.5-0.7,1.5-1.5v-0.3c0-1.2,1-2.2,2.3-2.2\r\n                \t\tC197,93.5,198,94.5,198,95.7\" />\r\n                </g>\r\n            </svg>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"less\">\r\n    .ai-intro {\r\n        --line-dash: 20;\r\n        --line-1-gap: 220;\r\n        --line-1-stop: 260;\r\n        --line-2-gap: 262;\r\n        --line-2-stop: 302;\r\n        --line-3-gap: 166;\r\n        --line-3-stop: 206;\r\n        --line-4-gap: 154;\r\n        --line-4-stop: 194;\r\n\r\n        animation: fade-in-out 4000ms linear 0ms 1;\r\n        opacity: 0;\r\n\r\n        @keyframes fade-in-out {\r\n            0% {\r\n                opacity: 0;\r\n            }\r\n            10% {\r\n                opacity: 1;\r\n            }\r\n            90% {\r\n                opacity: 1;\r\n            }\r\n            100% {\r\n                opacity: 0;\r\n            }\r\n        }\r\n\r\n        #lines > :not(.line) {\r\n            stroke-dashoffset: var(--line-dash);\r\n            stroke: #1fa9b0;\r\n            filter: drop-shadow(0px 0px 1px #1fa9b0);\r\n        }\r\n\r\n        .line-1,\r\n        .line-1.mirrored {\r\n            stroke-dasharray: var(--line-dash) var(--line-1-gap);\r\n        }\r\n\r\n        .line-1 {\r\n            animation: lineflow-1 2500ms ease-in-out 500ms 1;\r\n        }\r\n\r\n        .line-1.mirrored {\r\n            animation: lineflow-1 3000ms ease-in-out 0ms 1;\r\n        }\r\n\r\n        .line-2,\r\n        .line-2.mirrored {\r\n            stroke-dasharray: var(--line-dash) var(--line-2-gap);\r\n        }\r\n\r\n        .line-2 {\r\n            animation: lineflow-2 2500ms ease-in-out 1000ms 1;\r\n        }\r\n\r\n        .line-2.mirrored {\r\n            animation: lineflow-2 2000ms ease-in-out 0ms 1;\r\n        }\r\n\r\n        .line-3,\r\n        .line-3.mirrored {\r\n            stroke-dasharray: var(--line-dash) var(--line-3-gap);\r\n        }\r\n\r\n        .line-3 {\r\n            animation: lineflow-3 2000ms ease-in-out 500ms 1;\r\n        }\r\n\r\n        .line-3.mirrored {\r\n            animation: lineflow-3 2000ms ease-in-out 1000ms 1;\r\n        }\r\n\r\n        .line-4,\r\n        .line-4.mirrored {\r\n            stroke-dasharray: var(--line-dash) var(--line-4-gap);\r\n        }\r\n\r\n        .line-4 {\r\n            animation: lineflow-4 2500ms ease-in-out 500ms 1;\r\n        }\r\n\r\n        .line-4.mirrored {\r\n            animation: lineflow-4 1500ms ease-in-out 1500ms 1;\r\n        }\r\n\r\n        @keyframes lineflow-1 {\r\n            0% {\r\n                stroke-dashoffset: var(--line-dash);\r\n            }\r\n\r\n            100% {\r\n                stroke-dashoffset: var(--line-1-stop);\r\n            }\r\n        }\r\n\r\n        @keyframes lineflow-2 {\r\n            0% {\r\n                stroke-dashoffset: var(--line-dash);\r\n            }\r\n\r\n            100% {\r\n                stroke-dashoffset: var(--line-2-stop);\r\n            }\r\n        }\r\n\r\n        @keyframes lineflow-3 {\r\n            0% {\r\n                stroke-dashoffset: var(--line-dash);\r\n            }\r\n\r\n            100% {\r\n                stroke-dashoffset: var(--line-3-stop);\r\n            }\r\n        }\r\n\r\n        @keyframes lineflow-4 {\r\n            0% {\r\n                stroke-dashoffset: var(--line-dash);\r\n            }\r\n\r\n            100% {\r\n                stroke-dashoffset: var(--line-4-stop);\r\n            }\r\n        }\r\n\r\n        .chip {\r\n            fill: #1f1c26;\r\n        }\r\n\r\n        .logo {\r\n            fill: #1fa9b0;\r\n        }\r\n\r\n        .dot {\r\n            fill: #ffffff;\r\n            stroke: #1fa9b0;\r\n        }\r\n\r\n        .bg {\r\n            fill: #ccc;\r\n        }\r\n\r\n        .line {\r\n            display: none;\r\n        }\r\n    }\r\n</style>\r\n\r\n<style scoped lang=\"less\"></style>\r\n","<script setup lang=\"ts\">\r\n    import { onMounted, reactive } from 'vue';\r\n    import { type AiRequest, getTones, getLanguages, getHeadingTypes } from '@cwd/AiTools/AiEditor.access';\r\n    import BSDropdownButton from '@shared/components/BSDropdownButton.vue';\r\n    import Modal from '@shared/components/Modal.vue';\r\n    import { setupShared } from '@cwd/AiTools/Shared';\r\n    import Terms from '@cwd/AiTools/Terms.vue';\r\n    import Intro from '@cwd/AiTools/Intro.vue';\r\n\r\n    const {\r\n        shared,\r\n        disabled,\r\n        firstLetterToUpperCase,\r\n        acceptTerms,\r\n        resetOptions,\r\n        showConsumption,\r\n        getFormattedConsumption,\r\n        updateConsumption,\r\n        makeRequest,\r\n        makeOptionsRequest,\r\n    } = setupShared();\r\n\r\n    const props = defineProps<{\r\n        editor: {\r\n            contentEditable: any;\r\n            sync: () => void;\r\n            show: any;\r\n        };\r\n    }>();\r\n\r\n    onMounted(async () => {\r\n        props.editor.show &&\r\n            props.editor.show.subscribe((newValue: boolean) => {\r\n                shared.show = newValue;\r\n                if (newValue === true) init();\r\n            });\r\n    });\r\n\r\n    const state = reactive<{\r\n        introShown: boolean;\r\n    }>({\r\n        introShown: true,\r\n    });\r\n\r\n    const commandText = (): string => {\r\n        return shared.current === null ? shared.source : shared.results[shared.current].resultText;\r\n    };\r\n\r\n    const init = async () => {\r\n        setTimeout(() => (state.introShown = true), 4000);\r\n\r\n        shared.results = [];\r\n        shared.resultOptions = [];\r\n        shared.current = null;\r\n        shared.source = props.editor.contentEditable[0].innerHTML;\r\n\r\n        await updateConsumption();\r\n    };\r\n\r\n    const useOption = (option: string) => {\r\n        switch (shared.command) {\r\n            case 'heading':\r\n                updateResult('<h2>' + option + '</h2>' + commandText());\r\n                break;\r\n        }\r\n    };\r\n\r\n    const updateResults = (results: string[]) => {\r\n        updateResult(results[0]);\r\n    };\r\n\r\n    const updateResult = (result: string) => {\r\n        shared.current !== null && (shared.results.length = shared.current + 1);\r\n        shared.results.push({\r\n            resultText: result,\r\n            request: shared.request as AiRequest,\r\n        });\r\n        shared.current = shared.results.length - 1;\r\n        shared.resultOptions = [];\r\n    };\r\n\r\n    const insert = () => {\r\n        if (shared.current == null) return;\r\n\r\n        props.editor.contentEditable[0].innerHTML = shared.results[shared.current as number].resultText;\r\n        props.editor.sync();\r\n        props.editor.show(false);\r\n    };\r\n\r\n    const getRequestInfo = (request: AiRequest) => {\r\n        return $Resources['AIAssistant' + firstLetterToUpperCase(request.Command)];\r\n    };\r\n</script>\r\n\r\n<script lang=\"ts\"></script>\r\n\r\n<template>\r\n    <Modal\r\n        :title=\"$Resources.AIAssistantModalTitle\"\r\n        :beta=\"false\"\r\n        icon=\"ai\"\r\n        :show=\"shared.show\"\r\n        size=\"lg\"\r\n        @close=\"props.editor.show(false)\"\r\n        :scrollBody=\"false\">\r\n        <template #content>\r\n            <Intro v-show=\"!state.introShown\"></Intro>\r\n\r\n            <div class=\"ai-fade-in\" v-show=\"state.introShown\">\r\n                <Terms :termsAccepted=\"shared.termsAccepted\" @accept=\"acceptTerms()\"></Terms>\r\n\r\n                <div class=\"m-lg-b\">\r\n                    <div class=\"ai-initial\" :class=\"{ 'ai-loading': shared.loading && shared.current === null }\">\r\n                        <div v-html=\"shared.source\"></div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div v-show=\"shared.resultOptions.length === 0\">\r\n                    <h3 class=\"h5\">{{ $Resources.AIAssistantUseAiTo }}:</h3>\r\n\r\n                    <div class=\"form-group d-flex flex-wrap gap-sm btn-group-rounded\">\r\n                        <button type=\"button\" class=\"btn btn-default\" @click=\"makeRequest('shorten', commandText(), updateResults)\" :disabled=\"disabled()\">\r\n                            {{ $Resources.AIAssistantShorten }}\r\n                        </button>\r\n                        <button type=\"button\" class=\"btn btn-default\" @click=\"makeRequest('lengthen', commandText(), updateResults)\" :disabled=\"disabled()\">\r\n                            {{ $Resources.AIAssistantLengthen }}\r\n                        </button>\r\n                        <button type=\"button\" class=\"btn btn-default\" @click=\"makeRequest('simplify', commandText(), updateResults)\" :disabled=\"disabled()\">\r\n                            {{ $Resources.AIAssistantSimplify }}\r\n                        </button>\r\n                        <BSDropdownButton menuClass=\"dropdown-menu-right\" :closeOnClickInside=\"true\" :disabled=\"disabled()\">\r\n                            <template #toggle>\r\n                                {{ $Resources.AIAssistantTranslate }}\r\n                                <span class=\"caret m-xs-l\"></span>\r\n                            </template>\r\n                            <template #content>\r\n                                <li v-for=\"option in getLanguages()\">\r\n                                    <a href=\"javascript:void(0)\" @click=\"makeRequest(option.Command, commandText(), updateResults, option.Parameters)\">\r\n                                        {{ option.Text }}\r\n                                    </a>\r\n                                </li>\r\n                            </template>\r\n                        </BSDropdownButton>\r\n                        <BSDropdownButton menuClass=\"dropdown-menu-right\" :closeOnClickInside=\"true\" :disabled=\"disabled()\">\r\n                            <template #toggle>\r\n                                {{ $Resources.AIAssistantTone }}\r\n                                <span class=\"caret m-xs-l\"></span>\r\n                            </template>\r\n                            <template #content>\r\n                                <li v-for=\"option in getTones()\">\r\n                                    <a href=\"javascript:void(0)\" @click=\"makeRequest(option.Command, commandText(), updateResults, option.Parameters)\">\r\n                                        {{ option.Text }}\r\n                                    </a>\r\n                                </li>\r\n                            </template>\r\n                        </BSDropdownButton>\r\n                        <BSDropdownButton menuClass=\"dropdown-menu-right\" :closeOnClickInside=\"true\" :disabled=\"disabled()\">\r\n                            <template #toggle>\r\n                                {{ $Resources.AIAssistantHeading }}\r\n                                <span class=\"caret m-xs-l\"></span>\r\n                            </template>\r\n                            <template #content>\r\n                                <li v-for=\"option in getHeadingTypes()\">\r\n                                    <a href=\"javascript:void(0)\" @click=\"makeOptionsRequest(option.Command, commandText(), option.Parameters)\">\r\n                                        {{ option.Text }}\r\n                                    </a>\r\n                                </li>\r\n                            </template>\r\n                        </BSDropdownButton>\r\n                        <button type=\"button\" class=\"btn btn-default\" @click=\"makeRequest('spelling', commandText(), updateResults)\" :disabled=\"disabled()\">\r\n                            {{ $Resources.AIAssistantSpelling }}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n\r\n                <div v-show=\"shared.resultOptions.length > 0\">\r\n                    <h3 class=\"h5\">{{ $Resources.AIAssistantSuggestions }}:</h3>\r\n\r\n                    <ul class=\"list-unstyled m-lg-b\">\r\n                        <template v-for=\"(option, index) in shared.resultOptions\">\r\n                            <li>\r\n                                <button\r\n                                    type=\"button\"\r\n                                    class=\"btn btn-default btn-block m-xs-b text-left text-wrap\"\r\n                                    @click=\"useOption(option)\"\r\n                                    :disabled=\"disabled()\">\r\n                                    {{ index + 1 + '. ' + option }}\r\n                                </button>\r\n                            </li>\r\n                        </template>\r\n                        <li class=\"d-flex justify-content-between\">\r\n                            <button type=\"button\" class=\"btn btn-subtle\" @click=\"resetOptions\">{{ $Resources.CancelBtn }}</button>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n\r\n                <div v-if=\"shared.current !== null\">\r\n                    <h3 class=\"h5 d-flex\">\r\n                        <span class=\"m-auto-r\">{{ $Resources.AIAssistantEnhancedText }}:</span>\r\n                        {{ getRequestInfo(shared.results[shared.current].request) }}\r\n                    </h3>\r\n\r\n                    <div class=\"m-lg-b\">\r\n                        <div class=\"ai-result\" :class=\"{ 'ai-loading': shared.loading }\">\r\n                            <div v-html=\"shared.results[shared.current].resultText\"></div>\r\n                        </div>\r\n\r\n                        <div class=\"d-flex flex-wrap gap-xs m-sm-t\">\r\n                            <template v-for=\"(result, index) in shared.results\">\r\n                                <button\r\n                                    v-show=\"shared.results.length > 1\"\r\n                                    type=\"button\"\r\n                                    class=\"btn btn-default btn-sm\"\r\n                                    :disabled=\"shared.loading || shared.resultOptions.length > 0\"\r\n                                    :class=\"{ 'btn-primary': index === shared.current }\"\r\n                                    @click=\"shared.current = index\"\r\n                                    :title=\"getRequestInfo(result.request)\">\r\n                                    {{ index + 1 }}\r\n                                </button>\r\n                            </template>\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"btn btn-default btn-sm m-auto-l\"\r\n                                :disabled=\"shared.loading || shared.resultOptions.length > 0\"\r\n                                @click=\"init\">\r\n                                {{ $Resources.AIAssistantRestartButton }}\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div>{{ $Resources.AIAssistantTipDoItManyTimes }}</div>\r\n                <div v-if=\"showConsumption()\">\r\n                    <span>{{ getFormattedConsumption() }} % {{ $Resources.AIAssistantConsumptionPostText }}</span>\r\n                </div>\r\n            </div>\r\n        </template>\r\n        <template #button>\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-primary p-lg-r p-lg-l\"\r\n                :disabled=\"disabled() || shared.resultOptions.length > 0 || shared.current == null\"\r\n                @click=\"insert\">\r\n                {{ $Resources.AIAssistantInsertButton }}\r\n            </button>\r\n        </template>\r\n    </Modal>\r\n</template>\r\n\r\n<style lang=\"less\">\r\n    .ai-fade-in {\r\n        animation: fade-in 500ms linear 0ms 1 forwards;\r\n        opacity: 0;\r\n        z-index: 1;\r\n        position: relative;\r\n\r\n        @keyframes fade-in {\r\n            0% {\r\n                opacity: 0;\r\n            }\r\n            100% {\r\n                opacity: 1;\r\n            }\r\n        }\r\n    }\r\n</style>\r\n\r\n<style scoped lang=\"less\"></style>\r\n","<script setup lang=\"ts\">\r\n    import { watch } from 'vue';\r\n    import { getHeadingTypes, getLanguages } from '@cwd/AiTools/AiEditor.access';\r\n    import Modal from '@shared/components/Modal.vue';\r\n    import { setupShared } from '@cwd/AiTools/Shared';\r\n    import Terms from '@cwd/AiTools/Terms.vue';\r\n    import Loading from '@shared/components/Loading.vue';\r\n    import BSDropdownButton from '@shared/components/BSDropdownButton.vue';\r\n\r\n    const { shared, disabled, acceptTerms, showConsumption, getFormattedConsumption, updateConsumption, makeOptionsRequest, makeRequest } = setupShared();\r\n\r\n    const props = defineProps<{\r\n        text: string;\r\n        show: boolean;\r\n    }>();\r\n\r\n    watch(props, (newVal) => {\r\n        if (props.show === true) init();\r\n    });\r\n\r\n    const emit = defineEmits(['update:text', 'close']);\r\n\r\n    const init = async () => {\r\n        shared.current = null;\r\n        shared.resultOptions = [];\r\n\r\n        await updateConsumption();\r\n\r\n        let canvas = document.querySelector('.canvas') as HTMLElement;\r\n        if (canvas != null) {\r\n            shared.source = canvas.innerText.trim().substring(0, 10000);\r\n        }\r\n    };\r\n\r\n    const insert = async () => {\r\n        if (shared.selectedOption === null) return;\r\n        emit('update:text', shared.resultOptions[shared.selectedOption]);\r\n        close();\r\n        shared.selectedOption = null;\r\n    };\r\n\r\n    const insertTranslatedSubject = (results: string[]) => {\r\n        emit('update:text', results[0]);\r\n        close();\r\n    };\r\n\r\n    const close = () => emit('close');\r\n</script>\r\n\r\n<script lang=\"ts\"></script>\r\n\r\n<template>\r\n    <Modal :title=\"$Resources.AIAssistantModalTitle\" :beta=\"false\" icon=\"ai\" :show=\"props.show\" @close=\"close\" :scrollBody=\"false\">\r\n        <template #content>\r\n            <Terms :termsAccepted=\"shared.termsAccepted\" @accept=\"acceptTerms()\"></Terms>\r\n\r\n            <h3 class=\"h5\">{{ $Resources.AIAssistantSubjectButton }}:</h3>\r\n\r\n            <div class=\"form-group d-flex flex-wrap gap-sm btn-group-rounded\">\r\n                <button\r\n                    v-for=\"headingType in getHeadingTypes()\"\r\n                    type=\"button\"\r\n                    class=\"btn btn-default\"\r\n                    @click=\"makeOptionsRequest(headingType.Command, shared.source, headingType.Parameters)\"\r\n                    :disabled=\"disabled()\">\r\n                    {{ headingType.Text }}\r\n                </button>\r\n            </div>\r\n\r\n            <BSDropdownButton :closeOnClickInside=\"true\" :disabled=\"disabled()\">\r\n                <template #toggle>\r\n                    {{ $Resources.AIAssistantTranslate }}\r\n                    <span class=\"caret m-xs-l\"></span>\r\n                </template>\r\n                <template #content>\r\n                    <li v-for=\"option in getLanguages()\">\r\n                        <a href=\"javascript:void(0)\" @click=\"makeRequest(option.Command, text, insertTranslatedSubject, option.Parameters)\">\r\n                            {{ option.Text }}\r\n                        </a>\r\n                    </li>\r\n                </template>\r\n            </BSDropdownButton>\r\n\r\n            <h3 v-show=\"shared.resultOptions.length > 0\" class=\"h5\">{{ $Resources.AIAssistantSuggestions }}:</h3>\r\n\r\n            <ul class=\"list-unstyled m-lg-b\">\r\n                <template v-for=\"(option, index) in shared.resultOptions\">\r\n                    <li>\r\n                        <label class=\"btn btn-default btn-block m-xs-b text-left text-wrap\" :class=\"{ 'active btn-primary': shared.selectedOption === index }\">\r\n                            <input type=\"radio\" name=\"aiSubjects\" class=\"sr-only\" :value=\"index\" v-model=\"shared.selectedOption\" />\r\n                            {{ index + 1 + '. ' + option }}\r\n                        </label>\r\n                    </li>\r\n                </template>\r\n            </ul>\r\n\r\n            <div v-if=\"showConsumption()\">\r\n                <span>{{ getFormattedConsumption() }} % {{ $Resources.AIAssistantConsumptionPostText }}</span>\r\n            </div>\r\n\r\n            <Loading :show=\"shared.loading\" :fixed=\"true\"></Loading>\r\n        </template>\r\n        <template #button>\r\n            <button type=\"button\" class=\"btn btn-primary p-lg-r p-lg-l\" :disabled=\"disabled() || shared.selectedOption === null\" @click=\"insert\">\r\n                {{ $Resources.AIAssistantInsertButton }}\r\n            </button>\r\n        </template>\r\n    </Modal>\r\n</template>\r\n\r\n<style lang=\"less\"></style>\r\n\r\n<style scoped lang=\"less\"></style>\r\n","const objects = [\r\n    'ball',\r\n    'cat',\r\n    'dog',\r\n    'squirrel',\r\n    'coconut',\r\n    'lemon',\r\n    'apple',\r\n    'pineapple',\r\n    'hippo',\r\n    'horse',\r\n    'cupcake',\r\n    'moon',\r\n    'cityscape',\r\n    'sun',\r\n    'stars',\r\n    'badger',\r\n    'meerkat',\r\n    'panda',\r\n];\r\nconst places = [\r\n    'beach',\r\n    'grassy field',\r\n    'desert',\r\n    'landscape',\r\n    'town square',\r\n    'city street',\r\n    'forest',\r\n    'mountain range',\r\n    'valley',\r\n    'jungle',\r\n    'rainforest',\r\n    'tundra',\r\n    'salt flats',\r\n];\r\n\r\nconst nouns = [\r\n    'A cat',\r\n    'A coconut',\r\n    'A ball',\r\n    'A dog',\r\n    'A superhero',\r\n    'A goat',\r\n    'A squirrel',\r\n    'A horse',\r\n    'A cow',\r\n    'A duck',\r\n    'A goose',\r\n    'A bear',\r\n    'A lion',\r\n    'A zebra',\r\n    'A hippo',\r\n];\r\nconst contexts = ['in a crowd', 'at the beach', 'in the forest', 'at the office', 'outdoors', 'in a field', 'in the desert'];\r\nconst ending = ['with a sunset in the background', 'with a party in the background', 'with mountains in the background', 'with a forest in the background'];\r\n\r\nexport interface AiImageGenerationExample {\r\n    Text: string;\r\n    Categories: AiImageCategory[];\r\n}\r\n\r\nexport interface AiImageCategory {\r\n    Text: string;\r\n    Options: AiImageDropdownOption[];\r\n    SelectedOptions: string[];\r\n}\r\n\r\nexport interface AiImageDropdownOption {\r\n    Text: string;\r\n}\r\n\r\nexport function getSentencePromptExample(): string {\r\n    let sentence = '';\r\n\r\n    var randomNoun = getRandomItemFromArray(nouns);\r\n    var randomContext = getRandomItemFromArray(contexts);\r\n    var randomEnding = getRandomItemFromArray(ending);\r\n\r\n    sentence += `${randomNoun} ${randomContext}`;\r\n\r\n    var randomNumber = Math.random();\r\n    if (randomNumber < 0.33) {\r\n        sentence += ` ${randomEnding}`;\r\n    }\r\n\r\n    return sentence;\r\n}\r\n\r\nfunction getKeywordsPromptExample() {\r\n    let text = '';\r\n\r\n    //generate text from objects & places\r\n    var randomObject = getRandomItemFromArray(objects);\r\n    var objectWeights = { 1: 1, 2: 0.0, 3: 0.0 };\r\n    var objectsToSelect = weightedRandom(objectWeights);\r\n\r\n    for (let index = 0; index < objectsToSelect; index++) {\r\n        var randomObject = getRandomItemFromArray(objects);\r\n\r\n        if (!text.includes(randomObject)) {\r\n            if (text == '') {\r\n                text = `${randomObject}`;\r\n            } else {\r\n                text += `, ${randomObject}`;\r\n            }\r\n        }\r\n    }\r\n\r\n    var randomPlace = getRandomItemFromArray(places);\r\n    text += `, ${randomPlace}`;\r\n\r\n    return text;\r\n}\r\n\r\nexport function getGenerationExample(): AiImageGenerationExample {\r\n    var generationExample: AiImageGenerationExample = {\r\n        Text: '',\r\n        Categories: getImageCategories(),\r\n    };\r\n\r\n    var randomNumber = Math.random();\r\n    if (randomNumber < 0.5) {\r\n        generationExample.Text = getSentencePromptExample();\r\n    } else {\r\n        generationExample.Text = getKeywordsPromptExample();\r\n    }\r\n\r\n    //select dropdown options per \"category\"\r\n    var categoryWeights = { 1: 0.45, 2: 0.45, 3: 0.1 };\r\n    var categoriesToSelect = weightedRandom(categoryWeights);\r\n    for (let index = 0; index < categoriesToSelect; index++) {\r\n        var randomCategory = getRandomItemFromArray(generationExample.Categories);\r\n        var randomOption = getRandomItemFromArray(randomCategory.Options);\r\n\r\n        var category = generationExample.Categories.find((c) => c.Text == randomCategory.Text);\r\n\r\n        if (category?.SelectedOptions.length == 0) {\r\n            category?.SelectedOptions.push(randomOption.Text);\r\n        } else {\r\n            index--;\r\n        }\r\n    }\r\n\r\n    return generationExample;\r\n}\r\n\r\nexport function getImageCategories(): AiImageCategory[] {\r\n    var categories: AiImageCategory[] = [\r\n        {\r\n            Text: 'Type',\r\n            Options: [\r\n                {\r\n                    Text: 'Image',\r\n                },\r\n                {\r\n                    Text: 'Watercolor',\r\n                },\r\n                {\r\n                    Text: 'Illustration',\r\n                },\r\n                {\r\n                    Text: 'Coloring pages',\r\n                },\r\n                {\r\n                    Text: 'Tattoo design',\r\n                },\r\n                {\r\n                    Text: 'Album cover',\r\n                },\r\n                {\r\n                    Text: 'Poster',\r\n                },\r\n                {\r\n                    Text: 'Art',\r\n                },\r\n                {\r\n                    Text: 'Nail art',\r\n                },\r\n                {\r\n                    Text: 'Outlines',\r\n                },\r\n                {\r\n                    Text: 'Logo',\r\n                },\r\n                {\r\n                    Text: 'Drawing',\r\n                },\r\n            ],\r\n            SelectedOptions: [],\r\n        },\r\n        {\r\n            Text: 'Style',\r\n            Options: [\r\n                {\r\n                    Text: 'Realism',\r\n                },\r\n                {\r\n                    Text: 'Abstract expressionism',\r\n                },\r\n                {\r\n                    Text: 'Art deco',\r\n                },\r\n                {\r\n                    Text: 'Cinematic',\r\n                },\r\n                {\r\n                    Text: 'Childrens book illustration',\r\n                },\r\n                {\r\n                    Text: 'Cartoon',\r\n                },\r\n                {\r\n                    Text: 'Brutalism',\r\n                },\r\n                {\r\n                    Text: 'Conceptual art',\r\n                },\r\n                {\r\n                    Text: 'Expressionism',\r\n                },\r\n                {\r\n                    Text: 'Minimalist',\r\n                },\r\n                {\r\n                    Text: 'Retro',\r\n                },\r\n                {\r\n                    Text: 'Colorful',\r\n                },\r\n            ],\r\n            SelectedOptions: [],\r\n        },\r\n        {\r\n            Text: 'Lighting',\r\n            Options: [\r\n                {\r\n                    Text: 'Blacklight',\r\n                },\r\n                {\r\n                    Text: 'Dreamy glow',\r\n                },\r\n                {\r\n                    Text: 'Lens flare',\r\n                },\r\n                {\r\n                    Text: 'Starry',\r\n                },\r\n                {\r\n                    Text: 'Sunlit',\r\n                },\r\n                {\r\n                    Text: 'Moonlit',\r\n                },\r\n                {\r\n                    Text: 'Natural light',\r\n                },\r\n                {\r\n                    Text: 'Neon lights',\r\n                },\r\n                {\r\n                    Text: 'Floodlight',\r\n                },\r\n                {\r\n                    Text: 'Backlit',\r\n                },\r\n            ],\r\n            SelectedOptions: [],\r\n        },\r\n        {\r\n            Text: 'Camera',\r\n            Options: [\r\n                {\r\n                    Text: 'Motion blur',\r\n                },\r\n                {\r\n                    Text: 'Night vision',\r\n                },\r\n                {\r\n                    Text: 'Oblique angle',\r\n                },\r\n                {\r\n                    Text: 'Panoramic view',\r\n                },\r\n                {\r\n                    Text: 'Polaroid camera',\r\n                },\r\n                {\r\n                    Text: 'Split focus',\r\n                },\r\n                {\r\n                    Text: 'Stereoscopic 3D',\r\n                },\r\n                {\r\n                    Text: 'Time-lapse',\r\n                },\r\n                {\r\n                    Text: 'Vintage look',\r\n                },\r\n                {\r\n                    Text: 'Abstract perspective',\r\n                },\r\n                {\r\n                    Text: 'Dutch angle',\r\n                },\r\n                {\r\n                    Text: 'Film noir style',\r\n                },\r\n                {\r\n                    Text: 'Aerial Photography',\r\n                },\r\n                {\r\n                    Text: 'Closeup',\r\n                },\r\n                {\r\n                    Text: 'Far Shot',\r\n                },\r\n                {\r\n                    Text: 'Focal Blur',\r\n                },\r\n                {\r\n                    Text: 'Out Of Focus',\r\n                },\r\n                {\r\n                    Text: 'Portrait Photography',\r\n                },\r\n                {\r\n                    Text: 'Selfie',\r\n                },\r\n                {\r\n                    Text: 'Tilt shift',\r\n                },\r\n                {\r\n                    Text: 'Wide Angle',\r\n                },\r\n                {\r\n                    Text: 'Rain drops on lens',\r\n                },\r\n                {\r\n                    Text: 'Smears on lens',\r\n                },\r\n                {\r\n                    Text: 'Smudges on lens',\r\n                },\r\n                {\r\n                    Text: 'Ultra Wide Angle',\r\n                },\r\n            ],\r\n            SelectedOptions: [],\r\n        },\r\n        {\r\n            Text: 'Mood',\r\n            Options: [\r\n                {\r\n                    Text: 'Serene',\r\n                },\r\n                {\r\n                    Text: 'Peaceful',\r\n                },\r\n                {\r\n                    Text: 'Vibrant',\r\n                },\r\n                {\r\n                    Text: 'Bright',\r\n                },\r\n                {\r\n                    Text: 'Romantic',\r\n                },\r\n                {\r\n                    Text: 'Lively',\r\n                },\r\n                {\r\n                    Text: 'Bleak',\r\n                },\r\n                {\r\n                    Text: 'Somber',\r\n                },\r\n                {\r\n                    Text: 'Gloomy',\r\n                },\r\n                {\r\n                    Text: 'Dark mood',\r\n                },\r\n            ],\r\n            SelectedOptions: [],\r\n        },\r\n        {\r\n            Text: 'Color',\r\n            Options: [\r\n                {\r\n                    Text: 'Red',\r\n                },\r\n                {\r\n                    Text: 'Blue',\r\n                },\r\n                {\r\n                    Text: 'Green',\r\n                },\r\n                {\r\n                    Text: 'Yellow',\r\n                },\r\n                {\r\n                    Text: 'White',\r\n                },\r\n                {\r\n                    Text: 'Black',\r\n                },\r\n                {\r\n                    Text: 'Pink',\r\n                },\r\n                {\r\n                    Text: 'Gold',\r\n                },\r\n                {\r\n                    Text: 'Black and white',\r\n                },\r\n                {\r\n                    Text: 'Colorful',\r\n                },\r\n                {\r\n                    Text: 'Rainbow colors',\r\n                },\r\n            ],\r\n            SelectedOptions: [],\r\n        },\r\n        {\r\n            Text: 'Material',\r\n            Options: [\r\n                {\r\n                    Text: 'made of copper',\r\n                },\r\n                {\r\n                    Text: 'made of vegetables',\r\n                },\r\n                {\r\n                    Text: 'made of gold',\r\n                },\r\n                {\r\n                    Text: 'made of metal',\r\n                },\r\n                {\r\n                    Text: 'made of amber',\r\n                },\r\n                {\r\n                    Text: 'made of amethyst',\r\n                },\r\n                {\r\n                    Text: 'made of wood',\r\n                },\r\n                {\r\n                    Text: 'made of ceramic',\r\n                },\r\n                {\r\n                    Text: 'made of candy',\r\n                },\r\n                {\r\n                    Text: 'made of stone',\r\n                },\r\n            ],\r\n            SelectedOptions: [],\r\n        },\r\n    ];\r\n\r\n    return categories;\r\n}\r\n\r\nfunction getRandomItemFromArray<T>(array: T[]) {\r\n    var randomNumber = Math.floor(Math.random() * array.length);\r\n\r\n    return array[randomNumber];\r\n}\r\n\r\nfunction weightedRandom(spec: any): number {\r\n    var i,\r\n        sum = 0,\r\n        r = Math.random();\r\n\r\n    for (i in spec) {\r\n        sum += spec[i];\r\n        if (r <= sum) return +i;\r\n    }\r\n    return 0;\r\n}\r\n","<script setup lang=\"ts\">\r\n    import { reactive, onMounted } from 'vue';\r\n    import { uploadImage, UploadedResourceResponse, AiDropdownOption } from '@cwd/AiTools/AiEditor.access';\r\n    import { getGenerationExample, AiImageCategory, getImageCategories, getSentencePromptExample } from '@cwd/AiTools/AiEditorExamples.access';\r\n    import BSFormInputLabel from '@shared/components/BSFormInputLabel.vue';\r\n    import Modal from '@shared/components/Modal.vue';\r\n    import SelectMany from '@shared/components/SelectMany/SelectMany.vue';\r\n    import { setupShared } from '@cwd/AiTools/Shared';\r\n    import Terms from '@cwd/AiTools/Terms.vue';\r\n    import { vPopoverInfo } from '@shared/utils/directives/popovers';\r\n    import Loading from '@shared/components/Loading.vue';\r\n\r\n    const { shared, disabled, acceptTerms, handleUnsuccessfulResponse, showConsumption, getFormattedConsumption, updateConsumption, makeOptionsRequest } =\r\n        setupShared();\r\n\r\n    const props = defineProps<{\r\n        images: {\r\n            show: any;\r\n            imageElement: any;\r\n            clickImageAfterInsert: any;\r\n        };\r\n        viewModel: any;\r\n    }>();\r\n\r\n    onMounted(async () => {\r\n        props.images.show &&\r\n            props.images.show.subscribe((newValue: boolean) => {\r\n                shared.show = newValue;\r\n                if (newValue === true) init();\r\n            });\r\n    });\r\n\r\n    const state = reactive<{\r\n        commandText: string;\r\n        exampleCommandText: string;\r\n        imageCategories: AiImageCategory[];\r\n        exampleImagePrompts: AiDropdownOption[];\r\n        selectedImageUrl: string;\r\n        selectedModel: 'dalle-2' | 'dalle-3';\r\n        selectedQuality: 'standard' | 'hd';\r\n        selectedStyle: 'natural' | 'vivid';\r\n        selectedSize: '1024x1024' | '1024x1792' | '1792x1024';\r\n    }>({\r\n        commandText: '',\r\n        exampleCommandText: '',\r\n        imageCategories: [],\r\n        exampleImagePrompts: [],\r\n        selectedImageUrl: '',\r\n        selectedModel: 'dalle-3',\r\n        selectedQuality: 'standard',\r\n        selectedStyle: 'vivid',\r\n        selectedSize: '1024x1024',\r\n    });\r\n\r\n    const commandText = (): string => {\r\n        var text = state.commandText;\r\n\r\n        state.imageCategories.forEach((category) => {\r\n            category.SelectedOptions.forEach((option) => {\r\n                text = text + ', ' + option;\r\n            });\r\n        });\r\n\r\n        return text.substring(0, 999);\r\n    };\r\n\r\n    const canSave = (): boolean => {\r\n        if (disabled()) return false;\r\n\r\n        return shared.resultOptions && shared.resultOptions.length > 0 && state.selectedImageUrl != '';\r\n    };\r\n\r\n    const init = async () => {\r\n        shared.results = [];\r\n        shared.resultOptions = [];\r\n        shared.current = null;\r\n\r\n        await updateConsumption();\r\n\r\n        if (state.imageCategories.length == 0) {\r\n            state.imageCategories = getImageCategories();\r\n\r\n            state.exampleCommandText = getSentencePromptExample();\r\n            state.commandText = state.exampleCommandText;\r\n        }\r\n    };\r\n\r\n    const clickImage = (imageUrl: string) => {\r\n        if (state.selectedImageUrl == imageUrl) {\r\n            state.selectedImageUrl = '';\r\n        } else {\r\n            state.selectedImageUrl = imageUrl;\r\n        }\r\n    };\r\n\r\n    const save = async (insert: boolean) => {\r\n        if (shared.loading) return;\r\n\r\n        shared.loading = true;\r\n\r\n        var fileName = 'Images/ai-generated-image-' + Date.now() + '.png';\r\n\r\n        await uploadImage(fileName, state.selectedImageUrl)\r\n            .then((responses: UploadedResourceResponse[]) => {\r\n                if (insert) {\r\n                    var response = responses[0];\r\n                    var imageElement = props.images.imageElement().$imageEl;\r\n\r\n                    imageInsertIntoElement(response.Url, imageElement);\r\n\r\n                    props.images.show(false);\r\n                }\r\n\r\n                props.viewModel().loadAccountImages();\r\n            })\r\n            .catch(() => {\r\n                handleUnsuccessfulResponse(null);\r\n            })\r\n            .finally(() => {\r\n                shared.loading = false;\r\n            });\r\n    };\r\n\r\n    const imageInsertIntoElement = (url: string, imageEl: any) => {\r\n        if (imageEl === null) return;\r\n\r\n        imageEl.attr('src', url).change();\r\n\r\n        if (props.images.clickImageAfterInsert() == true) {\r\n            imageEl.click();\r\n        }\r\n    };\r\n\r\n    const clear = () => {\r\n        state.commandText = '';\r\n\r\n        state.imageCategories.forEach((category) => {\r\n            category.SelectedOptions.splice(0, category.SelectedOptions.length);\r\n        });\r\n    };\r\n\r\n    const randomizePrompt = () => {\r\n        var generationExample = getGenerationExample();\r\n\r\n        state.commandText = generationExample.Text;\r\n    };\r\n\r\n    const randomizeCategories = () => {\r\n        var generationExample = getGenerationExample();\r\n\r\n        state.imageCategories.forEach((category) => {\r\n            var exampleCategory = generationExample.Categories.find((c) => c.Text == category.Text);\r\n\r\n            category.SelectedOptions.splice(0, category.SelectedOptions.length);\r\n            Object.assign(category.SelectedOptions, exampleCategory?.SelectedOptions ?? []);\r\n        });\r\n    };\r\n\r\n    const randomlyGenerateImage = () => {\r\n        randomizePrompt();\r\n\r\n        randomizeCategories();\r\n\r\n        generateImage();\r\n    };\r\n\r\n    const generateImage = () => {\r\n        if (state.selectedModel == 'dalle-2') {\r\n            makeOptionsRequest('generate-image', commandText());\r\n        } else {\r\n            var parameters = {\r\n                quality: state.selectedQuality,\r\n                style: state.selectedStyle,\r\n                size: state.selectedSize,\r\n            };\r\n            makeOptionsRequest('generate-image-dalle-3', commandText(), parameters, imageGenerated);\r\n        }\r\n    };\r\n\r\n    const imageGenerated = () => {\r\n        if (shared.resultOptions != null && shared.resultOptions.length == 1) {\r\n            state.selectedImageUrl = shared.resultOptions[0];\r\n        }\r\n    };\r\n</script>\r\n\r\n<script lang=\"ts\"></script>\r\n\r\n<template>\r\n    <Modal\r\n        :title=\"$Resources.AIAssistantModalTitle\"\r\n        :beta=\"false\"\r\n        icon=\"ai\"\r\n        :show=\"shared.show\"\r\n        size=\"xl\"\r\n        @close=\"props.images.show(false)\"\r\n        :scrollBody=\"false\">\r\n        <template #content>\r\n            <Terms :termsAccepted=\"shared.termsAccepted\" @accept=\"acceptTerms()\"></Terms>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col-sm-6 col-lg-3\">\r\n                    <div class=\"ug-form-group-2\">\r\n                        <label>\r\n                            {{ $Resources.AIAssistantModel }}\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"popover-trigger\"\r\n                                v-popover-info.right=\"{\r\n                                    heading: $Resources.AIAssistantModel,\r\n                                    body: $Resources.AIAssistantModelInfoBody,\r\n                                    displayHtml: true,\r\n                                }\">\r\n                                <span class=\"glyphicon glyphicon-info-sign\" aria-hidden=\"true\"></span>\r\n                            </button>\r\n                        </label>\r\n                        <select class=\"form-control\" v-model=\"state.selectedModel\">\r\n                            <option key=\"1\" value=\"dalle-2\">DALL-E 2</option>\r\n                            <option key=\"2\" value=\"dalle-3\">DALL-E 3</option>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-sm-6 col-lg-3\" v-show=\"state.selectedModel == 'dalle-3'\">\r\n                    <div class=\"ug-form-group-2\">\r\n                        <label>\r\n                            {{ $Resources.AIAssistantSize }}\r\n                        </label>\r\n                        <select class=\"form-control\" v-model=\"state.selectedSize\">\r\n                            <option key=\"1\" value=\"1024x1024\">{{ $Resources.AIAssistantModelSizeSquare }} - 1024x1024</option>\r\n                            <option key=\"2\" value=\"1024x1792\">{{ $Resources.AIAssistantModelSizePortrait }} - 1024x1792</option>\r\n                            <option key=\"3\" value=\"1792x1024\">{{ $Resources.AIAssistantModelSizeLandscape }} - 1792x1024</option>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-sm-6 col-lg-3\" v-show=\"state.selectedModel == 'dalle-3'\">\r\n                    <div class=\"ug-form-group-2\">\r\n                        <label>\r\n                            {{ $Resources.AIAssistantQuality }}\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"popover-trigger\"\r\n                                v-popover-info.right=\"{\r\n                                    heading: $Resources.AIAssistantQuality,\r\n                                    body: $Resources.AIAssistantQualityInfoBody,\r\n                                    displayHtml: true,\r\n                                }\">\r\n                                <span class=\"glyphicon glyphicon-info-sign\" aria-hidden=\"true\"></span>\r\n                            </button>\r\n                        </label>\r\n                        <select class=\"form-control\" v-model=\"state.selectedQuality\">\r\n                            <option key=\"1\" value=\"standard\">{{ $Resources.AIAssistantModelQualityStandard }}</option>\r\n                            <option key=\"2\" value=\"hd\">{{ $Resources.AIAssistantModelQualityHd }}</option>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-sm-6 col-lg-3\" v-show=\"state.selectedModel == 'dalle-3'\">\r\n                    <div class=\"ug-form-group-2\">\r\n                        <label>\r\n                            {{ $Resources.AIAssistantStyle }}\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"popover-trigger\"\r\n                                v-popover-info.right=\"{\r\n                                    heading: $Resources.AIAssistantStyle,\r\n                                    body: $Resources.AIAssistantStyleInfoBody,\r\n                                    displayHtml: true,\r\n                                }\">\r\n                                <span class=\"glyphicon glyphicon-info-sign\" aria-hidden=\"true\"></span>\r\n                            </button>\r\n                        </label>\r\n                        <select class=\"form-control\" v-model=\"state.selectedStyle\">\r\n                            <option key=\"1\" value=\"natural\">{{ $Resources.AIAssistantModelStyleNatural }}</option>\r\n                            <option key=\"2\" value=\"vivid\">{{ $Resources.AIAssistantModelStyleVivid }}</option>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"m-md-b\">\r\n                <BSFormInputLabel\r\n                    :label=\"$Resources.AIAssistantPrompt\"\r\n                    :infoText=\"$Resources.AIAssistantPromptInfoText\"\r\n                    :id=\"'text-input-' + $.uid\"></BSFormInputLabel>\r\n\r\n                <textarea class=\"form-control\" :placeholder=\"state.exampleCommandText\" v-model=\"state.commandText\" rows=\"1\" maxlength=\"500\"></textarea>\r\n            </div>\r\n\r\n            <h4>{{ $Resources.AIAssistantCategories }}</h4>\r\n            <div class=\"category-container\">\r\n                <template v-for=\"category in state.imageCategories\">\r\n                    <span>{{ category.Text }}</span>\r\n                    <SelectMany\r\n                        class=\"sm-item-small\"\r\n                        mode=\"edit\"\r\n                        :list=\"category.Options\"\r\n                        :selectedItems=\"category.SelectedOptions\"\r\n                        selectionProp=\"Text\"\r\n                        displayProp=\"Text\"\r\n                        selectOnly=\"Text\" />\r\n                </template>\r\n            </div>\r\n\r\n            <div class=\"m-xs-t d-flex flex-wrap justify-content-between\">\r\n                <div class=\"form-group d-flex flex-wrap gap-sm\">\r\n                    <button type=\"button\" class=\"btn btn-default\" @click=\"clear()\">{{ $Resources.AIAssistantClear }}</button>\r\n                    <button type=\"button\" class=\"btn btn-default\" @click=\"randomizePrompt()\" :disabled=\"disabled()\">\r\n                        {{ $Resources.AIAssistantRandomizePrompt }}\r\n                    </button>\r\n                    <button type=\"button\" class=\"btn btn-default\" @click=\"randomizeCategories()\" :disabled=\"disabled()\">\r\n                        {{ $Resources.AIAssistantRandomizeCategories }}\r\n                    </button>\r\n                </div>\r\n                <div class=\"form-group d-flex flex-wrap gap-sm\">\r\n                    <button type=\"button\" class=\"btn btn-default\" @click=\"randomlyGenerateImage()\" :disabled=\"disabled()\">\r\n                        {{ $Resources.AIAssistantRandomlyGenerateImage }}\r\n                    </button>\r\n                    <button type=\"button\" class=\"btn btn-primary\" @click=\"generateImage()\" :disabled=\"disabled()\">\r\n                        {{ $Resources.AIAssistantGenerateImage }}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"ai-images-container\" v-show=\"shared.resultOptions && shared.resultOptions.length > 0\">\r\n                <div v-for=\"imageUrl in shared.resultOptions\">\r\n                    <img\r\n                        class=\"img-responsive pointer\"\r\n                        :class=\"{ selected: state.selectedImageUrl == imageUrl }\"\r\n                        :src=\"imageUrl\"\r\n                        @click=\"clickImage(imageUrl)\" />\r\n                </div>\r\n            </div>\r\n\r\n            <div v-if=\"showConsumption()\">\r\n                <span>{{ getFormattedConsumption() }} % {{ $Resources.AIAssistantConsumptionPostText }}</span>\r\n            </div>\r\n\r\n            <Loading :show=\"shared.loading\" :fixed=\"true\"></Loading>\r\n        </template>\r\n        <template #button>\r\n            <button type=\"button\" class=\"btn btn-default\" @click=\"save(false)\" :disabled=\"!canSave()\">\r\n                {{ $Resources.AIAssistantSaveImage }}\r\n            </button>\r\n            <button type=\"button\" class=\"btn btn-primary\" @click=\"save(true)\" :disabled=\"!canSave()\">\r\n                {{ $Resources.AIAssistantInsertImage }}\r\n            </button>\r\n        </template>\r\n    </Modal>\r\n</template>\r\n\r\n<style lang=\"less\">\r\n    .ai-images-container {\r\n        display: flex;\r\n        flex-direction: row;\r\n        margin-top: 20px;\r\n\r\n        div + div {\r\n            margin-left: 10px;\r\n        }\r\n\r\n        img {\r\n            border: 5px solid transparent;\r\n\r\n            &.selected {\r\n                border: 5px solid var(--brand-primary-400);\r\n            }\r\n        }\r\n    }\r\n\r\n    .category-container {\r\n        display: grid;\r\n        position: relative;\r\n        grid-template-columns: auto 1fr;\r\n        grid-auto-rows: minmax(40px, auto);\r\n        place-items: center;\r\n        column-gap: 20px;\r\n        margin-bottom: 20px;\r\n    }\r\n</style>\r\n\r\n<style scoped lang=\"less\"></style>\r\n","<script setup lang=\"ts\">\r\n    import { type Ref, watch } from 'vue';\r\n    import AiCreateSurvey from '@cwd/AiTools/AiCreateSurvey.vue';\r\n    import AiEditor from '@cwd/AiTools/AiEditor.vue';\r\n    import AiSubject from '@cwd/AiTools/AiSubject.vue';\r\n    import AiImages from '@cwd/AiTools/AiImages.vue';\r\n    import koObsToRef, { setupSync } from '@shared/utils/koObsToRef';\r\n\r\n    const props = defineProps<{\r\n        tools: {\r\n            createSurvey: {\r\n                show: KnockoutObservable<boolean>;\r\n                selectedSurveyId: KnockoutObservable<string>;\r\n                surveyType: KnockoutObservable<string>;\r\n            };\r\n            editor: {\r\n                contentEditable: any;\r\n                sync: () => unknown;\r\n                show: any;\r\n            };\r\n            subject: {\r\n                show: KnockoutObservable<boolean>;\r\n                text: KnockoutObservable<string>;\r\n            };\r\n            images: {\r\n                show: any;\r\n                clickImageAfterInsert: any;\r\n                imageElement: any;\r\n            };\r\n            viewModel: any;\r\n        };\r\n    }>();\r\n\r\n    const aiSubjectShow: Ref<boolean> = koObsToRef(props.tools.subject.show);\r\n    const aiSubjectText: Ref<string> = koObsToRef(props.tools.subject.text);\r\n\r\n    watch(aiSubjectShow, (newVal) => {\r\n        if (!newVal || aiSubjectText.value) return;\r\n        setupSync(props.tools.subject.text, aiSubjectText);\r\n    });\r\n</script>\r\n\r\n<script lang=\"ts\"></script>\r\n\r\n<template>\r\n    <AiCreateSurvey :createSurvey=\"props.tools.createSurvey\"></AiCreateSurvey>\r\n    <AiEditor :editor=\"props.tools.editor\"></AiEditor>\r\n    <AiSubject :show=\"aiSubjectShow\" :text=\"aiSubjectText\" @update:text=\"(newVal) => (aiSubjectText = newVal)\" @close=\"aiSubjectShow = false\"></AiSubject>\r\n    <AiImages :images=\"props.tools.images\" :viewModel=\"props.tools.viewModel\"></AiImages>\r\n</template>\r\n\r\n<style lang=\"less\">\r\n    .ai-initial,\r\n    .ai-result {\r\n        padding: 20px;\r\n        border-radius: 2px;\r\n        box-shadow:\r\n            0 0 0 1px #ccc,\r\n            0 2px 16px -8px #ccc inset;\r\n        background-color: #f5f5f5;\r\n\r\n        > div {\r\n            transition: all ease-in-out 300ms;\r\n            opacity: 1;\r\n\r\n            > * {\r\n                margin-top: 0;\r\n            }\r\n\r\n            *:not(a) {\r\n                color: #1f1c26 !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ai-result {\r\n        box-shadow:\r\n            0 0 0 1px #1fa9b0,\r\n            0 2px 16px -8px #1fa9b0;\r\n        background-color: #fff;\r\n    }\r\n\r\n    .ai-loading {\r\n        position: relative;\r\n        z-index: 0;\r\n        overflow: hidden;\r\n\r\n        > div {\r\n            opacity: 0.75;\r\n        }\r\n\r\n        &:before {\r\n            content: '';\r\n            position: absolute;\r\n            z-index: -2;\r\n            background-image: conic-gradient(transparent, #1fa9b0 95%, transparent);\r\n            animation: rotate 4000ms linear infinite;\r\n            inset: -9999px;\r\n        }\r\n\r\n        &:after {\r\n            content: '';\r\n            position: absolute;\r\n            z-index: -1;\r\n            inset: 3px;\r\n            background-color: #fff;\r\n        }\r\n    }\r\n\r\n    @keyframes rotate {\r\n        100% {\r\n            transform: rotate(1turn);\r\n        }\r\n    }\r\n\r\n    .btn-group-rounded .btn {\r\n        border-radius: 999px;\r\n    }\r\n</style>\r\n\r\n<style scoped lang=\"less\"></style>\r\n@shared/utils/useKoSync @shared/utils/koObsToRef\r\n","import { rootElement } from '@shared/setup';\r\nimport AiTools from '@cwd/AiTools/AiTools.vue';\r\n\r\nconst initAiTools = async () => {\r\n    rootElement({\r\n        name: 'AiTools', // pascal, camel & kebab-case are valid\r\n        component: AiTools,\r\n        vm: {},\r\n        contextComponents: ['<div>Waiting...</div>'],\r\n    });\r\n};\r\n\r\ninitAiTools();\r\n"],"names":["reactive","bsAlert","defineComponent","openBlock","createElementBlock","createBaseVNode","toDisplayString","createTextVNode","createCommentVNode","onMounted","createBlock","withCtx","createVNode","unref","renderList","Fragment","normalizeClass","createStaticVNode","vShow","watch","vModelRadio","vModelSelect","vModelText","rootElement","api","$Resources$1","_sfc_main$9","_sfc_main$a","_sfc_main$7","_sfc_main$c","_sfc_main$8","_export_sfc","_sfc_main$b","_sfc_main$d","vPopoverInfo","koObsToRef","setupSync","getPercentageConsumption","postCommand","request","uploadImage","fileName","imageUrl","createSurvey","getTones","tones","$Resources","getLanguages","languages","getHeadingTypes","getSurveyTypes","surveyTypes","setupShared","shared","disabled","localStorageName","localStorageAiTermsAccepted","acceptTerms","resetOptions","firstLetterToUpperCase","str","makeRequest","command","commandText","updateResults","parameters","response","handleUnsuccessfulResponse","updateConsumption","makeOptionsRequest","callback","makeCreateSurveyRequest","percentageConsumption","_a","props","__props","showConsumption","getFormattedConsumption","state","newValue","init","create","setPrompt","prompt","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","useOption","option","updateResult","results","result","insert","getRequestInfo","newVal","emit","__emit","canvas","close","insertTranslatedSubject","objects","places","nouns","contexts","ending","getSentencePromptExample","sentence","randomNoun","getRandomItemFromArray","randomContext","randomEnding","randomNumber","getKeywordsPromptExample","text","randomObject","objectWeights","objectsToSelect","weightedRandom","index","randomPlace","getGenerationExample","generationExample","getImageCategories","categoryWeights","categoriesToSelect","randomCategory","randomOption","category","c","categories","array","spec","i","sum","r","canSave","clickImage","save","responses","imageElement","imageInsertIntoElement","url","imageEl","clear","randomizePrompt","randomizeCategories","exampleCategory","randomlyGenerateImage","generateImage","imageGenerated","aiSubjectShow","aiSubjectText","initAiTools","AiTools"],"mappings":"AAyCA,OAAA,KAAAA,EAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,GAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,EAAA,KAAAC,EAAA,MAAAC,GAAA,EAAA,KAAAC,EAAA,KAAAC,GAAA,MAAAC,GAAA,MAAAC,EAAA,MAAAC,GAAA,MAAAC,OAAA,mCAAA,OAAA,KAAAC,EAAA,KAAAC,MAAA,gBAAA,OAAA,KAAAC,MAAA,8EAAA,OAAA,KAAAC,MAAA,mEAAA,OAAA,KAAAC,GAAA,KAAAC,OAAA,6EAAA,OAAA,KAAAC,OAAA,iFAAA,OAAA,KAAAC,OAAA,uDAAA,OAAA,KAAAC,OAAA,qEAAA,OAAA,KAAAC,OAAA,wEAAA,OAAA,KAAAC,MAAA,sCAAA,OAAA,KAAAC,GAAA,KAAAC,OAAA,wCAAA,MAAA,qCAAA,eAAsBC,IAA4C,CACvD,OAAAb,EAAI,IAAI,qBAAqB,CACxC,CAEA,eAAsBc,GAAYC,EAAyC,CAChE,OAAAf,EAAI,KAAK,UAAWe,CAAO,CACtC,CAEsB,eAAAC,GAAYC,EAAkBC,EAAuD,CAChG,OAAAlB,EAAI,KAAK,oBAAsBiB,EAAW,QAAU,mBAAmBC,CAAQ,EAAI,UAAW,IAAI,CAC7G,CAEA,eAAsBC,GAAaJ,EAAkC,CAC1D,OAAAf,EAAI,KAAK,oBAAqBe,CAAO,CAChD,CAEO,SAASK,IAA+B,CAC3C,IAAIC,EAA4B,CAC5B,CACI,QAAS,OACT,WAAY,CACR,KAAM,SACV,EACA,KAAMC,EAAW,4BACrB,EACA,CACI,QAAS,OACT,WAAY,CACR,KAAM,OACV,EACA,KAAMA,EAAW,0BACrB,EACA,CACI,QAAS,OACT,WAAY,CACR,KAAM,UACV,EACA,KAAMA,EAAW,6BACrB,EACA,CACI,QAAS,OACT,WAAY,CACR,KAAM,SACV,EACA,KAAMA,EAAW,4BACrB,EACA,CACI,QAAS,OACT,WAAY,CACR,KAAM,QACV,EACA,KAAMA,EAAW,2BACrB,EACA,CACI,QAAS,OACT,WAAY,CACR,KAAM,WACV,EACA,KAAMA,EAAW,8BACrB,EACA,CACI,QAAS,OACT,WAAY,CACR,KAAM,YACV,EACA,KAAMA,EAAW,+BACrB,EACA,CACI,QAAS,OACT,WAAY,CACR,KAAM,SACV,EACA,KAAMA,EAAW,4BACrB,EACA,CACI,QAAS,OACT,WAAY,CACR,KAAM,UACV,EACA,KAAMA,EAAW,6BAAA,CAEzB,EACO,OAAAD,CACX,CAOO,SAASE,IAAmC,CAC/C,IAAIC,EAAgC,CAChC,CACI,QAAS,YACT,WAAY,CACR,SAAU,SACd,EACA,KAAMF,EAAW,gCACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,SACd,EACA,KAAMA,EAAW,gCACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,QACd,EACA,KAAMA,EAAW,+BACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,WACd,EACA,KAAMA,EAAW,kCACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,SACd,EACA,KAAMA,EAAW,gCACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,QACd,EACA,KAAMA,EAAW,+BACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,QACd,EACA,KAAMA,EAAW,+BACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,SACd,EACA,KAAMA,EAAW,gCACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,SACd,EACA,KAAMA,EAAW,gCACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,QACd,EACA,KAAMA,EAAW,+BACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,QACd,EACA,KAAMA,EAAW,+BACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,UACd,EACA,KAAMA,EAAW,iCACrB,EACA,CACI,QAAS,YACT,WAAY,CACR,SAAU,MACd,EACA,KAAMA,EAAW,6BAAA,CAEzB,EACO,OAAAE,CACX,CAEO,SAASC,IAAsC,CAClD,IAAID,EAAgC,CAChC,CACI,QAAS,UACT,WAAY,CACR,K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R,GACJ,CAGG,OAAAG,CACX,CAEO,SAASC,IAAwC,CACpD,IAAIO,EAAgC,CAChC,CACI,KAAM,OACN,QAAS,CACL,CACI,KAAM,OACV,EACA,CACI,KAAM,YACV,EACA,CACI,KAAM,cACV,EACA,CACI,KAAM,gBACV,EACA,CACI,KAAM,eACV,EACA,CACI,KAAM,aACV,EACA,CACI,KAAM,QACV,EACA,CACI,KAAM,KACV,EACA,CACI,KAAM,UACV,EACA,CACI,KAAM,UACV,EACA,CACI,KAAM,MACV,EACA,CACI,KAAM,SAAA,CAEd,EACA,gBAAiB,CAAA,CACrB,EACA,CACI,KAAM,QACN,QAAS,CACL,CACI,KAAM,SACV,EACA,CACI,KAAM,wBACV,EACA,CACI,KAAM,UACV,EACA,CACI,KAAM,WACV,EACA,CACI,KAAM,6BACV,EACA,CACI,KAAM,SACV,EACA,CACI,KAAM,WACV,EACA,CACI,KAAM,gBACV,EACA,CACI,KAAM,eACV,EACA,CACI,KAAM,YACV,EACA,CACI,KAAM,OACV,EACA,CACI,KAAM,UAAA,CAEd,EACA,gBAAiB,CAAA,CACrB,EACA,CACI,KAAM,WACN,QAAS,CACL,CACI,KAAM,YACV,EACA,CACI,KAAM,aACV,EACA,CACI,KAAM,YACV,EACA,CACI,KAAM,QACV,EACA,CACI,KAAM,QACV,EACA,CACI,KAAM,SACV,EACA,CACI,KAAM,eACV,EACA,CACI,KAAM,aACV,EACA,CACI,KAAM,YACV,EACA,CACI,KAAM,SAAA,CAEd,EACA,gBAAiB,CAAA,CACrB,EACA,CACI,KAAM,SACN,QAAS,CACL,CACI,KAAM,aACV,EACA,CACI,KAAM,cACV,EACA,CACI,KAAM,eACV,EACA,CACI,KAAM,gBACV,EACA,CACI,KAAM,iBACV,EACA,CACI,KAAM,aACV,EACA,CACI,KAAM,iBACV,EACA,CACI,KAAM,YACV,EACA,CACI,KAAM,cACV,EACA,CACI,KAAM,sBACV,EACA,CACI,KAAM,aACV,EACA,CACI,KAAM,iBACV,EACA,CACI,KAAM,oBACV,EACA,CACI,KAAM,SACV,EACA,CACI,KAAM,UACV,EACA,CACI,KAAM,YACV,EACA,CACI,KAAM,cACV,EACA,CACI,KAAM,sBACV,EACA,CACI,KAAM,QACV,EACA,CACI,KAAM,YACV,EACA,CACI,KAAM,YACV,EACA,CACI,KAAM,oBACV,EACA,CACI,KAAM,gBACV,EACA,CACI,KAAM,iBACV,EACA,CACI,KAAM,kBAAA,CAEd,EACA,gBAAiB,CAAA,CACrB,EACA,CACI,KAAM,OACN,QAAS,CACL,CACI,KAAM,QACV,EACA,CACI,KAAM,UACV,EACA,CACI,KAAM,SACV,EACA,CACI,KAAM,QACV,EACA,CACI,KAAM,UACV,EACA,CACI,KAAM,QACV,EACA,CACI,KAAM,OACV,EACA,CACI,KAAM,QACV,EACA,CACI,KAAM,QACV,EACA,CACI,KAAM,WAAA,CAEd,EACA,gBAAiB,CAAA,CACrB,EACA,CACI,KAAM,QACN,QAAS,CACL,CACI,KAAM,KACV,EACA,CACI,KAAM,MACV,EACA,CACI,KAAM,OACV,EACA,CACI,KAAM,QACV,EACA,CACI,KAAM,OACV,EACA,CACI,KAAM,OACV,EACA,CACI,KAAM,MACV,EACA,CACI,KAAM,MACV,EACA,CACI,KAAM,iBACV,EACA,CACI,KAAM,UACV,EACA,CACI,KAAM,gBAAA,CAEd,EACA,gBAAiB,CAAA,CACrB,EACA,CACI,KAAM,WACN,QAAS,CACL,CACI,KAAM,gBACV,EACA,CACI,KAAM,oBACV,EACA,CACI,KAAM,cACV,EACA,CACI,KAAM,eACV,EACA,CACI,KAAM,eACV,EACA,CACI,KAAM,kBACV,EACA,CACI,KAAM,cACV,EACA,CACI,KAAM,iBACV,EACA,CACI,KAAM,eACV,EACA,CACI,KAAM,eAAA,CAEd,EACA,gBAAiB,CAAA,CAAC,CAE1B,EAEO,OAAAA,CACX,CAEA,SAASrB,EAA0BsB,EAAY,CAC3C,IAAInB,EAAe,KAAK,MAAM,KAAK,OAAO,EAAImB,EAAM,MAAM,EAE1D,OAAOA,EAAMnB,CAAY,CAC7B,CAEA,SAASM,GAAec,E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"}