@blueking/ai-ui-sdk 0.0.15-beta.9 → 0.1.0-beta.10

package/dist/component/render-input/index.script.vue.js

@@ -1,205 +0,0 @@
-import { defineComponent as _defineComponent } from 'vue';
-import { normalizeClass as _normalizeClass, createVNode as _createVNode, createElementVNode as _createElementVNode, unref as _unref, withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = {
-    class: "quill-container"
-};
-import { bkTooltips as vBkTooltips } from 'bkui-vue';
-import { Close } from '../../../dist/node_modules/bkui-vue/lib/icon/index.js';
-import { computed, getCurrentInstance, nextTick, onMounted, ref, watch } from 'vue';
-import RenderDrag from './render-drag.vue.js';
-import RenderQuill from './render-quill.vue.js';
-import { SessionContentRole } from '../../types/enum.js';
-export default /*@__PURE__*/ _defineComponent({
-    props: {
-        isChatting: {
-            type: Boolean
-        },
-        width: {},
-        dragPosition: {},
-        id: {},
-        supportTools: {
-            type: Boolean
-        },
-        supportImage: {
-            type: Boolean
-        },
-        sessionId: {},
-        placeholder: {},
-        sessionContents: {}
-    },
-    emits: [
-        "send"
-    ],
-    setup (__props, { emit: __emit }) {
-        const props = __props;
-        const emit = __emit;
-        const vm = getCurrentInstance();
-        const quillRef = ref();
-        const textHeight = ref(120);
-        const defaultHeight = ref(120);
-        const prompt = ref('');
-        const isUploadingImage = ref(false);
-        const disableTips = computed(()=>{
-            if (!prompt.value) {
-                return '请输入 Prompt 后再发送';
-            }
-            if (!prompt.value.trim()) {
-                return '输入的 Prompt 不能只包含空格';
-            }
-            if (props.isChatting) {
-                return '当前会话进行中，请等待会话结束后再发送';
-            }
-            if (isUploadingImage.value) {
-                return '正在上传图片，请等待图片上传完成后再发送';
-            }
-            return '';
-        });
-        const placeholder = computed(()=>{
-            let placeholder = '请输入 Prompt';
-            if (props.supportImage) {
-                placeholder += '\n您可以粘贴并发送图片，以查询图片相关问题';
-            }
-            if (props.supportTools) {
-                placeholder += '\n您可以键入“@”来快速获取该会话绑定的“知识和工具”名称来进行问答';
-            }
-            if (props.placeholder) {
-                placeholder = props.placeholder;
-            }
-            return placeholder;
-        });
-        const autoFocus = ()=>{
-            nextTick(()=>{
-                var _quillRef_value;
-                (_quillRef_value = quillRef.value) === null || _quillRef_value === void 0 ? void 0 : _quillRef_value.focus();
-            });
-        };
-        const handleChangeTextHeight = ()=>{
-            nextTick(()=>{
-                var _vm_proxy;
-                const elm = vm === null || vm === void 0 ? void 0 : (_vm_proxy = vm.proxy) === null || _vm_proxy === void 0 ? void 0 : _vm_proxy.$el.nextElementSibling.querySelector('.send-prompt-container .ql-editor');
-                if ((elm === null || elm === void 0 ? void 0 : elm.scrollHeight) > defaultHeight.value && prompt.value) {
-                    textHeight.value = elm.scrollHeight <= 400 ? elm.scrollHeight : 400;
-                } else {
-                    textHeight.value = defaultHeight.value;
-                }
-            });
-        };
-        // 从历史里面选择文本
-        const handleChooseHistory = ()=>{
-            var _props_sessionContents;
-            const userSessionContents = ((_props_sessionContents = props.sessionContents) === null || _props_sessionContents === void 0 ? void 0 : _props_sessionContents.filter((sessionContent)=>[
-                    SessionContentRole.User,
-                    SessionContentRole.Role,
-                    SessionContentRole.UserImage
-                ].includes(sessionContent.role))) || [];
-            const { content } = userSessionContents[userSessionContents.length - 1];
-            if (content !== prompt.value) {
-                var _quillRef_value;
-                (_quillRef_value = quillRef.value) === null || _quillRef_value === void 0 ? void 0 : _quillRef_value.setText(content);
-            }
-        };
-        const handleKeyDown = (event)=>{
-            var _props_sessionContents;
-            // 数据
-            const isEmpty = prompt.value === '' || prompt.value === undefined;
-            // 状态
-            const isSpecialEnter = event.key === 'Enter' && !event.shiftKey && !event.ctrlKey && !event.metaKey && !event.isComposing;
-            const isShowUpHistory = event.key === 'ArrowUp' && ((_props_sessionContents = props.sessionContents) === null || _props_sessionContents === void 0 ? void 0 : _props_sessionContents.length) && isEmpty;
-            if (isSpecialEnter) {
-                event.preventDefault();
-                handleSendPrompt();
-            }
-            if (isShowUpHistory) {
-                handleChooseHistory();
-            }
-        };
-        const handleChangeInput = (val)=>{
-            prompt.value = val;
-        };
-        const handleClearUserPrompt = ()=>{
-            var _quillRef_value;
-            (_quillRef_value = quillRef.value) === null || _quillRef_value === void 0 ? void 0 : _quillRef_value.setText('');
-        };
-        const handleSendPrompt = ()=>{
-            var // 清空
-            _quillRef_value;
-            // 没内容或执行中不做操作
-            if (disableTips.value) return;
-            // 发送
-            emit('send', prompt.value);
-            (_quillRef_value = quillRef.value) === null || _quillRef_value === void 0 ? void 0 : _quillRef_value.setText('');
-        };
-        watch(()=>prompt.value, (val)=>{
-            handleChangeTextHeight();
-        });
-        onMounted(autoFocus);
-        return (_ctx, _cache)=>{
-            return _openBlock(), _createElementBlock("section", {
-                class: _normalizeClass([
-                    'send-prompt-container',
-                    _ctx.$attrs.class
-                ]),
-                style: _normalizeStyle({
-                    '--text-height': textHeight.value + 'px',
-                    '--default-height': defaultHeight.value + 'px',
-                    '--textarea-bottom': -textHeight.value + 'px'
-                })
-            }, [
-                _createElementVNode("section", _hoisted_1, [
-                    _createVNode(RenderQuill, {
-                        "is-uploading-image": isUploadingImage.value,
-                        "onUpdate:isUploadingImage": _cache[0] || (_cache[0] = ($event)=>isUploadingImage.value = $event),
-                        value: prompt.value,
-                        placeholder: placeholder.value,
-                        "session-id": _ctx.sessionId,
-                        "support-image": _ctx.supportImage,
-                        class: _normalizeClass({
-                            'send-prompt': true
-                        }),
-                        ref_key: "quillRef",
-                        ref: quillRef,
-                        onKeydown: handleKeyDown,
-                        onChange: handleChangeInput
-                    }, null, 8 /* PROPS */ , [
-                        "is-uploading-image",
-                        "value",
-                        "placeholder",
-                        "session-id",
-                        "support-image"
-                    ])
-                ]),
-                _withDirectives(_createElementVNode("i", {
-                    class: _normalizeClass({
-                        'bkaidev-icon bkaidev-fasong': true,
-                        'disable': disableTips.value
-                    }),
-                    onMousedown: handleSendPrompt
-                }, null, 34 /* CLASS, NEED_HYDRATION */ ), [
-                    [
-                        _unref(vBkTooltips),
-                        {
-                            content: disableTips.value,
-                            disabled: !disableTips.value
-                        }
-                    ]
-                ]),
-                prompt.value ? (_openBlock(), _createBlock(_unref(Close), {
-                    key: 0,
-                    class: "show-clear-only-hover bk-input--clear-icon bk-input--suffix-icon clear-icon",
-                    onClick: handleClearUserPrompt
-                })) : _createCommentVNode("v-if", true),
-                _createVNode(RenderDrag, {
-                    "default-height": defaultHeight.value,
-                    "onUpdate:defaultHeight": _cache[1] || (_cache[1] = ($event)=>defaultHeight.value = $event),
-                    "text-height": textHeight.value,
-                    "onUpdate:textHeight": _cache[2] || (_cache[2] = ($event)=>textHeight.value = $event),
-                    position: _ctx.dragPosition
-                }, null, 8 /* PROPS */ , [
-                    "default-height",
-                    "text-height",
-                    "position"
-                ])
-            ], 6 /* CLASS, STYLE */ );
-        };
-    }
-});

package/dist/component/render-input/index.vue.css

@@ -1,134 +0,0 @@
-
-.send-prompt-container {
-&[data-v-x3zlpkwd] {
-  width: 800px;
-  z-index: 1501;
-  overflow: visible;
-  position: relative;
-}
-[data-v-x3zlpkwd] .textarea-list {
-    bottom: var(--textarea-bottom);
-}
-&:hover {
-.clear-icon[data-v-x3zlpkwd] {
-      display: inline-flex !important;
-}
-}
-}
-.quill-container {
-&[data-v-x3zlpkwd] {
-  background: #fff;
-  box-shadow: 0 0 6px 0 #0000001a;
-  border-radius: 4px;
-  box-sizing: border-box !important;
-  border: 1px solid transparent;
-}
-&.active[data-v-x3zlpkwd] {
-    border: 1px solid #3A84FF !important;
-}
-&[data-v-x3zlpkwd]:has(.ql-editor:focus) {
-    border: 1px solid #3A84FF !important;
-}
-}
-.send-prompt {
-&[data-v-x3zlpkwd] {
-  width: 800px;
-  border: 1px solid transparent;
-  flex-direction: row;
-  height: var(--default-height);
-  min-height: 50px;
-  position: relative;
-  border-radius: 4px;
-  border: 1px solid transparent !important;
-}
-[data-v-x3zlpkwd] .content-input-wrapper {
-    padding: 0 !important;
-    height: 100% !important;
-}
-[data-v-x3zlpkwd] .auto-textarea-wrapper {
-    height: 100% !important;
-}
-[data-v-x3zlpkwd] .v-note-panel {
-    border-radius: 4px;
-}
-[data-v-x3zlpkwd] .scroll-style {
-    overflow-y: hidden !important;
-}
-[data-v-x3zlpkwd] .auto-textarea-block {
-    display: none;
-}
-&[data-v-x3zlpkwd]:has(.ql-editor:focus) {
-    height: var(--text-height);
-}
-}
-.bkaidev-fasong {
-&[data-v-x3zlpkwd] {
-  width: 28px;
-  height: 28px;
-  line-height: 28px;
-  border-radius: 2px;
-  font-size: 20px;
-  cursor: pointer;
-  color: #979BA5;
-  position: absolute;
-  right: 6px;
-  bottom: 35px;
-  text-align: center;
-  z-index: 1501;
-}
-&[data-v-x3zlpkwd]:hover {
-    background: #F0F5FF;
-    color: #3a84ff;
-}
-&.disable[data-v-x3zlpkwd] {
-    color: #dcdee5;
-    cursor: not-allowed;
-}
-}
-.clear-icon[data-v-x3zlpkwd] {
-  display: none !important;
-  position: absolute;
-  bottom: 42px;
-  right: 28px;
-  height: 14px;
-  z-index: 1501;
-}
-
-
-.input-search {
-  margin: 8px 12px 0;
-  width: calc(100% - 24px);
-  position: relative;
-  border-bottom: 1px solid #eaebf0 !important;
-&:before {
-    content: '';
-    position: absolute;
-    left: -13px;
-    top: -9px;
-    height: 42px;
-    width: 1px;
-    background-color: #DCDEE5;
-}
-&::after {
-    content: '';
-    position: absolute;
-    right: -13px;
-    top: -9px;
-    height: 42px;
-    width: 1px;
-    background-color: #DCDEE5;
-}
-}
-.input-search.is-focused, .input-search:hover {
-  background-color: transparent !important;
-.bk-input--text {
-    background-color: transparent !important;
-}
-}
-.search-icon {
-  font-size: 18px;
-  color: #979BA5;
-}
-.prompt-tips {
-  max-width: 300px;
-}

package/dist/component/render-input/index.vue.d.ts

@@ -1,18 +0,0 @@
-import type { ISessionContent } from '@/types/session';
-interface IProps {
-    isChatting: boolean;
-    width: number | string;
-    dragPosition?: string;
-    id: number | string;
-    supportTools: boolean;
-    supportImage: boolean;
-    sessionId: string;
-    placeholder?: string;
-    sessionContents?: ISessionContent[];
-}
-declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    send: (prompt: string) => any;
-}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
-    onSend?: ((prompt: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/component/render-input/index.vue.js

@@ -1,5 +0,0 @@
-import script from './index.script.vue.js';
-script.__scopeId = "data-v-x3zlpkwd";
-script.__file = "./src/component/render-input/index.vue";
-import './index.vue.css';
-export default script;

package/dist/component/render-input/render-drag.script.vue.js

@@ -1,61 +0,0 @@
-import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-import { useMouseDrag } from '../../hooks/use-mouse-drag.js';
-export default /*@__PURE__*/ _defineComponent({
-    props: {
-        defaultHeight: {},
-        textHeight: {},
-        position: {}
-    },
-    emits: [
-        "update:defaultHeight",
-        "update:textHeight"
-    ],
-    setup (__props, { emit: __emit }) {
-        const props = __props;
-        const emits = __emit;
-        const handleMouseDrag = (positionInfo)=>{
-            let defaultHeight = props.position === 'bottom' ? props.defaultHeight + positionInfo.singleMoveDistance.y : props.defaultHeight - positionInfo.singleMoveDistance.y;
-            if (defaultHeight >= 400) {
-                defaultHeight = 400;
-            }
-            if (defaultHeight <= 84) {
-                defaultHeight = 84;
-            }
-            emits('update:defaultHeight', defaultHeight);
-            emits('update:textHeight', defaultHeight);
-        };
-        const { isDragging } = useMouseDrag([
-            'send-tool-container',
-            'bkaidev-gengduo'
-        ], handleMouseDrag);
-        return (_ctx, _cache)=>{
-            return _ctx.position === 'bottom' ? (_openBlock(), _createElementBlock("span", {
-                key: 0,
-                class: _normalizeClass([
-                    'send-tool-container',
-                    'bottom',
-                    {
-                        'is-dragging': _unref(isDragging)
-                    }
-                ])
-            }, _cache[0] || (_cache[0] = [
-                _createElementVNode("i", {
-                    class: "bkaidev-icon bkaidev-gengduo"
-                }, null, -1 /* HOISTED */ )
-            ]), 2 /* CLASS */ )) : (_openBlock(), _createElementBlock("span", {
-                key: 1,
-                class: _normalizeClass([
-                    'send-tool-container',
-                    {
-                        'is-dragging': _unref(isDragging)
-                    }
-                ])
-            }, _cache[1] || (_cache[1] = [
-                _createElementVNode("i", {
-                    class: "bkaidev-icon bkaidev-gengduo"
-                }, null, -1 /* HOISTED */ )
-            ]), 2 /* CLASS */ ));
-        };
-    }
-});

package/dist/component/render-input/render-drag.vue.css

@@ -1,32 +0,0 @@
-
-.send-tool-container {
-&[data-v-f5z3br15] {
-  position: absolute;
-  left: 50%;
-  top: 16px;
-  transform: translateX(-50%);
-  height: 1.5px;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  font-size: 14px;
-  cursor: row-resize;
-  z-index: 15001;
-}
-&.bottom {
-&[data-v-f5z3br15] {
-    bottom: 0;
-    top: auto;
-}
-.bkaidev-gengduo[data-v-f5z3br15] {
-      margin-top: -10px;
-}
-}
-&[data-v-f5z3br15]:hover, &.is-dragging[data-v-f5z3br15] {
-    background: #3A84FF;
-}
-.bkaidev-gengduo[data-v-f5z3br15] {
-    margin-top: -2px;
-    color: #63656E;
-}
-}

package/dist/component/render-input/render-drag.vue.js

@@ -1,5 +0,0 @@
-import script from './render-drag.script.vue.js';
-script.__scopeId = "data-v-f5z3br15";
-script.__file = "./src/component/render-input/render-drag.vue";
-import './render-drag.vue.css';
-export default script;

package/dist/component/render-input/render-quill.script.vue.js

@@ -1,197 +0,0 @@
-import { defineComponent as _defineComponent } from 'vue';
-import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-import Quill from '../../../dist/node_modules/quill/dist/quill.js';
-import Delta from '../../../dist/node_modules/quill-delta/lib/delta.js';
-import { getCurrentInstance, onMounted, watch } from 'vue';
-import '../../../dist/node_modules/quill/dist/quill.snow.css';
-export default /*@__PURE__*/ _defineComponent({
-    props: {
-        placeholder: {},
-        value: {},
-        sessionId: {},
-        supportImage: {
-            type: Boolean
-        },
-        isUploadingImage: {
-            type: Boolean
-        }
-    },
-    emits: [
-        "change",
-        "update:isUploadingImage"
-    ],
-    setup (__props, { expose: __expose, emit: __emit }) {
-        const props = __props;
-        const emits = __emit;
-        const vm = getCurrentInstance();
-        let quill;
-        const allowedImageType = [
-            'image/jpeg',
-            'image/gif',
-            'image/png',
-            'image/webp',
-            'image/bmp',
-            'image/svg+xml',
-            'image/apng',
-            'image/avif'
-        ];
-        // 更新 placeholder
-        const updatePlaceholder = ()=>{
-            var _vm_proxy;
-            const el = vm === null || vm === void 0 ? void 0 : (_vm_proxy = vm.proxy) === null || _vm_proxy === void 0 ? void 0 : _vm_proxy.$el.querySelector('.ql-editor');
-            el.dataset.placeholder = props.placeholder;
-        };
-        // 值变化事件
-        const handleChange = ()=>{
-            let value = '';
-            const { ops } = quill.getContents();
-            ops === null || ops === void 0 ? void 0 : ops.forEach((op, index)=>{
-                var _op_insert;
-                if (typeof (op === null || op === void 0 ? void 0 : op.insert) === 'object' && (op === null || op === void 0 ? void 0 : (_op_insert = op.insert) === null || _op_insert === void 0 ? void 0 : _op_insert.image)) {
-                    value += `![image.png](${op.insert.image})`;
-                }
-                if (typeof (op === null || op === void 0 ? void 0 : op.insert) === 'string') {
-                    // 去掉最后一行的换行符
-                    value += index === ops.length - 1 ? op.insert.replace(/\n$/, '') : op.insert;
-                }
-            });
-            // 触发值更新
-            emits('change', value);
-        };
-        // 覆盖粘贴事件，只复制纯文本
-        const handlePaste = (event)=>{
-            event.preventDefault();
-            // 聚焦
-            focus();
-            // 获取当前状态
-            const range = getSelection();
-            if (range) {
-                var _event_clipboardData;
-                const delta = new Delta().retain(range.index);
-                // 获取粘贴板的数据
-                const copyText = (_event_clipboardData = event.clipboardData) === null || _event_clipboardData === void 0 ? void 0 : _event_clipboardData.getData('text');
-                setTimeout(()=>{
-                    var _copyText_replaceAll;
-                    // 更新内容
-                    const copyDelta = new Delta([
-                        {
-                            insert: copyText
-                        }
-                    ]);
-                    const finalDelta = delta.concat(copyDelta).delete(range.length);
-                    quill.updateContents(finalDelta, 'user');
-                    // 设置光标位置
-                    setSelection(range.index + ((copyText === null || copyText === void 0 ? void 0 : (_copyText_replaceAll = copyText.replaceAll('\r', '')) === null || _copyText_replaceAll === void 0 ? void 0 : _copyText_replaceAll.length) || 0), 0, 'silent');
-                }, 1);
-            }
-        };
-        // 复制选中html元素的内容
-        const handleCopySelection = (event)=>{
-            event.preventDefault();
-            // 获取选中内容的范围
-            const selection = window.getSelection();
-            if (selection) {
-                var // 覆盖原生的复制 or 剪切数据
-                _event_clipboardData;
-                const range = selection.getRangeAt(0);
-                const selectedHTML = range.cloneContents();
-                // 循环拼接复制的文本
-                const copyTexts = [];
-                Array.from(selectedHTML.childNodes).forEach((node)=>{
-                    var _node_childNodes;
-                    const childNode = (_node_childNodes = node.childNodes) === null || _node_childNodes === void 0 ? void 0 : _node_childNodes[0];
-                    if (childNode instanceof HTMLImageElement) {
-                        // 图片
-                        copyTexts.push(`![image.png](${childNode.src})`);
-                    } else if (childNode) {
-                        // 完整行
-                        copyTexts.push(childNode.textContent || '');
-                    } else if (node.textContent) {
-                        // 部分行
-                        copyTexts.push(node.textContent || '');
-                    }
-                });
-                (_event_clipboardData = event.clipboardData) === null || _event_clipboardData === void 0 ? void 0 : _event_clipboardData.setData('text/plain', copyTexts.join('\n'));
-            }
-        };
-        // 删除选中内容
-        const handleDeleteSelection = ()=>{
-            const range = quill.getSelection();
-            if (range) {
-                quill.deleteText(range.index, range.length);
-            }
-        };
-        // 覆盖复制事件
-        const handleCopy = (event)=>{
-            handleCopySelection(event);
-        };
-        // 覆盖剪切事件
-        const handleCut = (event)=>{
-            handleCopySelection(event);
-            handleDeleteSelection();
-        };
-        const handleInit = ()=>{
-            var _vm_proxy;
-            // 初始化
-            quill = new Quill(vm === null || vm === void 0 ? void 0 : (_vm_proxy = vm.proxy) === null || _vm_proxy === void 0 ? void 0 : _vm_proxy.$el, {
-                modules: {
-                    toolbar: false
-                },
-                placeholder: props.placeholder,
-                theme: 'snow'
-            });
-            // listen change
-            quill.on('text-change', handleChange);
-            // listen paste
-            quill.root.addEventListener('paste', handlePaste);
-            // listen copy
-            quill.root.addEventListener('copy', handleCopy);
-            // listen cut
-            quill.root.addEventListener('cut', handleCut);
-            // set value & selection
-            if (props.value) {
-                setText(props.value);
-                setSelection(props.value.length);
-            }
-            // focus
-            quill.focus();
-        };
-        /**
- * api 驱动设置，否则容易破坏图片的显示
- * @param text 文本
- */ const setText = (text)=>{
-            quill.setText(text);
-        };
-        // 聚焦
-        const focus = ()=>{
-            quill.focus();
-        };
-        // 删除
-        const deleteText = (index, length)=>{
-            quill.deleteText(index, length);
-        };
-        // 新增
-        const insertText = (index, text)=>{
-            quill.insertText(index, text);
-        };
-        // 获取当前光标位置
-        const getSelection = ()=>quill.getSelection();
-        // 设置光标位置
-        const setSelection = (index, length = 0, source)=>{
-            quill.setSelection(index, length, source);
-        };
-        watch(()=>props.placeholder, updatePlaceholder);
-        onMounted(handleInit);
-        __expose({
-            focus,
-            setText,
-            deleteText,
-            insertText,
-            getSelection,
-            setSelection
-        });
-        return (_ctx, _cache)=>{
-            return _openBlock(), _createElementBlock("section");
-        };
-    }
-});

package/dist/component/render-input/render-quill.vue.css

@@ -1,27 +0,0 @@
-
-.ql-editor {
-  overflow-y: auto;
-  font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
-img {
-    max-width: 250px !important;
-    max-height: 250px !important;
-}
-&::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-}
-&::-webkit-scrollbar-thumb {
-    width: 6px;
-    height: 6px;
-    border-radius: 3px;
-    background-color: #dcdee5;
-&:hover {
-      background-color: #979ba5;
-}
-}
-&::before {
-    line-height: 16px;
-    color: #DCDEE5 !important;
-    font-style: normal !important;
-}
-}