UNPKG

urdu-web-editor

Version:

Urdu Rich Text Editor for web based on lexical

github.com/inshapardaz/urdu-web-editor

inshapardaz/urdu-web-editor

1 lines • 19 kB
1
{"mappings":"AAAA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;;;AAOA;;;;;;;;AASA;;;;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;;AAcA;;;;;;;AAOA;;;;;;;;;AASA;;;;AAIA;;;;;AAMA;;;;;;;AC1GA;;;;;;;;;;;AAWA;;;;;AAKA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;;;;;;;;AAYA;;;;;AC3CA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;AAUA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;AAeA;;;;;AAKA;;;;;;;;;;;;;AAaA;;;;;;;;;;;AAUA;;;;;;;;;AAQA;;;;;;;;;;AAUA;;;;;;AAMA;EACE;;;;;ACjIF;;;;AAGA;;;;AAGA;;;;;AAIA;;;;;;;;AAWA;;;;;;;AAMA;;;;;;;;AAOA;;;;;;AAKA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;;AAIA;;;;;AAIA;;;;;;;AAMA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;;;AAaA;;;;;;;;;AASA;;;;AAGA;;;;AAGA;;;;;;;;;;;AAUA;;;;;;;;;;;AAUA;;;;;;;;;;AASA;;;;;AAIA;;;;AAGA;;;;;;;;;;;AAUA;;;;;AAIA;;;;;;;;;;;;AAWA;;;;;;;;;;;;;;AAcA;;;;AAGA;;;;;;;;;;;;AAWA;;;;;;;;;;;;;;AAcA;;;;AAGA;;;;;;;;;;AAQA;;;;;;;;;AAQA;;;;;;;;;;AASA;;;;;;;;;;;AAUA;;;;AAGA;;;;;AAIA;;;;;;AAKA;;;;;;;AAMA;;;;;;;AAMA;;;;;;;AAMA;;;;;;;AAMA;;;;;;AAKA;;;;AAGA;;;;;;;;;;AAUA;;;;AAGA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;;AAKA;;;;;AAIA;;;;;;;AAMA;;;;;;;;;;;;;;;AAeA;;;;AAGA;;;;AAIA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;;;AAKA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAGA;;;;ACraA;;;;;;;;;;AASA;EACE;;;;;;ACVF;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;;;;;;AAYA;;;;;;;;;;;;;;;;AAeA;;;;AAKA;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;AAYA;;;;AAIA;;;;;AAKA;;;;;;;;;;;;AAYA;;;;;;;AAOA","sources":["src/plugins/floatingLinkEditorPlugin/index.css","src/plugins/draggableBlockPlugin/index.css","src/plugins/FloatingTextFormatToolbarPlugin/index.css","src/themes/editorTheme.css","src/ui/contentEditable/index.css","src/styles.css"],"sourcesContent":[".link-editor {\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n max-width: 400px;\n width: 100%;\n opacity: 0;\n background-color: #fff;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);\n border-radius: 0 0 8px 8px;\n transition: opacity 0.5s;\n will-change: transform;\n}\n\n.link-editor-contents {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 12px;\n}\n\n.link-editor .button {\n width: 20px;\n height: 20px;\n display: inline-block;\n padding: 6px;\n border-radius: 8px;\n cursor: pointer;\n margin: 0 2px;\n}\n\n.link-editor .button.hovered {\n width: 20px;\n height: 20px;\n display: inline-block;\n background-color: #eee;\n}\n\n.link-editor .button i,\n.actions i {\n background-size: contain;\n display: inline-block;\n height: 20px;\n width: 20px;\n vertical-align: -0.25em;\n}\n\n.link-editor .link-input {\n display: block;\n width: calc(100% - 75px);\n box-sizing: border-box;\n margin: 12px 12px;\n padding: 8px 12px;\n border-radius: 15px;\n background-color: #eee;\n font-size: 15px;\n color: rgb(5, 5, 5);\n border: 0;\n outline: 0;\n position: relative;\n font-family: inherit;\n}\n\n.link-editor .link-view {\n display: block;\n width: calc(100% - 24px);\n margin: 8px 12px;\n padding: 8px 12px;\n border-radius: 15px;\n font-size: 15px;\n color: rgb(5, 5, 5);\n border: 0;\n outline: 0;\n position: relative;\n font-family: inherit;\n}\n\n.link-editor a {\n word-break: break-word;\n width: calc(100% - 33px);\n margin: 8px 12px;\n padding: 8px 12px;\n}\n\n.link-editor .link-input a {\n color: rgb(33, 111, 219);\n text-decoration: underline;\n white-space: nowrap;\n overflow: hidden;\n margin-right: 30px;\n text-overflow: ellipsis;\n}\n\n.link-editor .link-input a:hover {\n text-decoration: underline;\n}\n\n.link-editor .font-size-wrapper,\n.link-editor .font-family-wrapper {\n display: flex;\n margin: 0 4px;\n}\n\n.link-editor select {\n padding: 6px;\n border: none;\n background-color: rgba(0, 0, 0, 0.075);\n border-radius: 4px;\n}\n",".draggable-block-menu {\n border-radius: 4px;\n padding: 2px 1px;\n cursor: grab;\n opacity: 0;\n position: absolute;\n left: 0;\n top: 0;\n will-change: transform;\n}\n\n.rtl .draggable-block-menu {\n left: auto;\n right: 0;\n}\n\n.draggable-block-menu .icon {\n width: 16px;\n height: 16px;\n opacity: 0.3;\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" data-name=\"Layer 1\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path stroke=\"currentColor\" d=\"M8.5 10a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm0 7a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm7-10a2 2 0 1 0-2-2 2 2 0 0 0 2 2Zm-7-4a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm7 14a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm0-7a2 2 0 1 0 2 2 2 2 0 0 0-2-2Z\"/><script xmlns=\"\" id=\"bw-fido2-page-script\"/></svg>');\n}\n\n.draggable-block-menu:active {\n cursor: grabbing;\n}\n\n.draggable-block-menu:hover {\n background-color: #efefef;\n}\n\n.draggable-block-target-line {\n pointer-events: none;\n background: deepskyblue;\n height: 4px;\n position: absolute;\n left: 0;\n top: 0;\n opacity: 0;\n will-change: transform;\n}\n\n\n.rtl .draggable-block-target-line {\n left: auto;\n right: 0;\n}\n",".floating-text-format-popup {\n display: flex;\n background: #fff;\n padding: 4px;\n vertical-align: middle;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n opacity: 0;\n box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);\n border-radius: 8px;\n transition: opacity 0.5s;\n height: 25px;\n will-change: transform;\n}\n\n.floating-text-format-popup button.popup-item {\n border: 0;\n display: flex;\n background: none;\n border-radius: 10px;\n padding: 8px;\n cursor: pointer;\n vertical-align: middle;\n}\n\n.floating-text-format-popup button.popup-item:disabled {\n cursor: not-allowed;\n}\n\n.floating-text-format-popup button.popup-item.spaced {\n margin-right: 2px;\n}\n\n.floating-text-format-popup button.popup-item i.format {\n background-size: contain;\n height: 18px;\n width: 18px;\n margin-top: 2px;\n vertical-align: -0.25em;\n display: flex;\n opacity: 0.6;\n}\n\n.floating-text-format-popup button.popup-item:disabled i.format {\n opacity: 0.2;\n}\n\n.floating-text-format-popup button.popup-item.active {\n background-color: rgba(223, 232, 250, 0.3);\n}\n\n.floating-text-format-popup button.popup-item.active i {\n opacity: 1;\n}\n\n.floating-text-format-popup .popup-item:hover:not([disabled]) {\n background-color: #eee;\n}\n\n.floating-text-format-popup select.popup-item {\n border: 0;\n display: flex;\n background: none;\n border-radius: 10px;\n padding: 8px;\n vertical-align: middle;\n -webkit-appearance: none;\n -moz-appearance: none;\n width: 70px;\n font-size: 14px;\n color: #777;\n text-overflow: ellipsis;\n}\n\n.floating-text-format-popup select.code-language {\n text-transform: capitalize;\n width: 130px;\n}\n\n.floating-text-format-popup .popup-item .text {\n display: flex;\n line-height: 20px;\n vertical-align: middle;\n font-size: 14px;\n color: #777;\n text-overflow: ellipsis;\n width: 70px;\n overflow: hidden;\n height: 20px;\n text-align: left;\n}\n\n.floating-text-format-popup .popup-item .icon {\n display: flex;\n width: 20px;\n height: 20px;\n user-select: none;\n margin-right: 8px;\n line-height: 16px;\n background-size: contain;\n}\n\n.floating-text-format-popup i.chevron-down {\n margin-top: 3px;\n width: 16px;\n height: 16px;\n display: flex;\n user-select: none;\n}\n\n.floating-text-format-popup i.chevron-down.inside {\n width: 16px;\n height: 16px;\n display: flex;\n margin-left: -25px;\n margin-top: 11px;\n margin-right: 10px;\n pointer-events: none;\n}\n\n.floating-text-format-popup .divider {\n width: 1px;\n background-color: #eee;\n margin: 0 4px;\n}\n\n@media (max-width: 1024px) {\n .floating-text-format-popup button.insert-comment {\n display: none;\n }\n}\n",".editorTheme__ltr {\n text-align: left;\n}\n.editorTheme__rtl {\n text-align: right;\n}\n.editorTheme__paragraph {\n margin: 0;\n position: relative;\n}\n.editorTheme__quote {\n margin: 0;\n margin-left: 20px;\n margin-bottom: 10px;\n font-size: 15px;\n color: rgb(101, 103, 107);\n border-left-color: rgb(206, 208, 212);\n border-left-width: 4px;\n border-left-style: solid;\n padding-left: 16px;\n}\n.editorTheme__h1 {\n font-size: 24px;\n color: rgb(5, 5, 5);\n font-weight: 400;\n margin: 0;\n}\n.editorTheme__h2 {\n font-size: 15px;\n color: rgb(101, 103, 107);\n font-weight: 700;\n margin: 0;\n text-transform: uppercase;\n}\n.editorTheme__h3 {\n font-size: 12px;\n margin: 0;\n text-transform: uppercase;\n}\n.editorTheme__indent {\n --lexical-indent-base-value: 40px;\n}\n.editorTheme__textBold {\n font-weight: bold;\n}\n.editorTheme__textItalic {\n font-style: italic;\n}\n.editorTheme__textUnderline {\n text-decoration: underline;\n}\n.editorTheme__textStrikethrough {\n text-decoration: line-through;\n}\n.editorTheme__textUnderlineStrikethrough {\n text-decoration: underline line-through;\n}\n.editorTheme__textSubscript {\n font-size: 0.8em;\n vertical-align: sub !important;\n}\n.editorTheme__textSuperscript {\n font-size: 0.8em;\n vertical-align: super;\n}\n.editorTheme__textCode {\n background-color: rgb(240, 242, 245);\n padding: 1px 0.25rem;\n font-family: Menlo, Consolas, Monaco, monospace;\n font-size: 94%;\n}\n.editorTheme__hashtag {\n background-color: rgba(88, 144, 255, 0.15);\n border-bottom: 1px solid rgba(88, 144, 255, 0.3);\n}\n.editorTheme__link {\n color: rgb(33, 111, 219);\n text-decoration: none;\n}\n.editorTheme__link:hover {\n text-decoration: underline;\n cursor: pointer;\n}\n.editorTheme__code {\n background-color: rgb(240, 242, 245);\n font-family: Menlo, Consolas, Monaco, monospace;\n display: block;\n padding: 8px 8px 8px 52px;\n line-height: 1.53;\n font-size: 13px;\n margin: 0;\n margin-top: 8px;\n margin-bottom: 8px;\n overflow-x: auto;\n position: relative;\n tab-size: 2;\n}\n.editorTheme__code:before {\n content: attr(data-gutter);\n position: absolute;\n background-color: #eee;\n left: 0;\n top: 0;\n border-right: 1px solid #ccc;\n padding: 8px;\n color: #777;\n white-space: pre-wrap;\n text-align: right;\n min-width: 25px;\n}\n.editorTheme__table {\n border-collapse: collapse;\n border-spacing: 0;\n overflow-y: scroll;\n overflow-x: scroll;\n table-layout: fixed;\n width: max-content;\n margin: 30px 0;\n}\n.editorTheme__tableSelection *::selection {\n background-color: transparent;\n}\n.editorTheme__tableSelected {\n outline: 2px solid rgb(60, 132, 244);\n}\n.editorTheme__tableCell {\n border: 1px solid #bbb;\n width: 75px;\n min-width: 75px;\n vertical-align: top;\n text-align: start;\n padding: 6px 8px;\n position: relative;\n outline: none;\n}\n.editorTheme__tableCellSortedIndicator {\n display: block;\n opacity: 0.5;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: #999;\n}\n.editorTheme__tableCellResizer {\n position: absolute;\n right: -4px;\n height: 100%;\n width: 8px;\n cursor: ew-resize;\n z-index: 10;\n top: 0;\n}\n.editorTheme__tableCellHeader {\n background-color: #f2f3f5;\n text-align: start;\n}\n.editorTheme__tableCellSelected {\n background-color: #c9dbf0;\n}\n.editorTheme__tableCellPrimarySelected {\n border: 2px solid rgb(60, 132, 244);\n display: block;\n height: calc(100% - 2px);\n position: absolute;\n width: calc(100% - 2px);\n left: -1px;\n top: -1px;\n z-index: 2;\n}\n.editorTheme__tableCellEditing {\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\n border-radius: 3px;\n}\n.editorTheme__tableAddColumns {\n position: absolute;\n top: 0;\n width: 20px;\n background-color: #eee;\n height: 100%;\n right: 0;\n animation: table-controls 0.2s ease;\n border: 0;\n cursor: pointer;\n}\n.editorTheme__tableAddColumns:after {\n /* background-image: url(../images/icons/plus.svg); */\n background-size: contain;\n background-position: center;\n background-repeat: no-repeat;\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0.4;\n}\n.editorTheme__tableAddColumns:hover {\n background-color: #c9dbf0;\n}\n.editorTheme__tableAddRows {\n position: absolute;\n bottom: -25px;\n width: calc(100% - 25px);\n background-color: #eee;\n height: 20px;\n left: 0;\n animation: table-controls 0.2s ease;\n border: 0;\n cursor: pointer;\n}\n.editorTheme__tableAddRows:after {\n /* background-image: url(../images/icons/plus.svg); */\n background-size: contain;\n background-position: center;\n background-repeat: no-repeat;\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0.4;\n}\n.editorTheme__tableAddRows:hover {\n background-color: #c9dbf0;\n}\n@keyframes table-controls {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.editorTheme__tableCellResizeRuler {\n display: block;\n position: absolute;\n width: 1px;\n background-color: rgb(60, 132, 244);\n height: 100%;\n top: 0;\n}\n.editorTheme__tableCellActionButtonContainer {\n display: block;\n right: 5px;\n top: 6px;\n position: absolute;\n z-index: 4;\n width: 20px;\n height: 20px;\n}\n.editorTheme__tableCellActionButton {\n background-color: #eee;\n display: block;\n border: 0;\n border-radius: 20px;\n width: 20px;\n height: 20px;\n color: #222;\n cursor: pointer;\n}\n.editorTheme__tableCellActionButton:hover {\n background-color: #ddd;\n}\n.editorTheme__characterLimit {\n display: inline;\n background-color: #ffbbbb !important;\n}\n.editorTheme__ol1 {\n padding: 0;\n margin: 0;\n list-style-position: inside;\n}\n.editorTheme__ol2 {\n padding: 0;\n margin: 0;\n list-style-type: upper-alpha;\n list-style-position: inside;\n}\n.editorTheme__ol3 {\n padding: 0;\n margin: 0;\n list-style-type: lower-alpha;\n list-style-position: inside;\n}\n.editorTheme__ol4 {\n padding: 0;\n margin: 0;\n list-style-type: upper-roman;\n list-style-position: inside;\n}\n.editorTheme__ol5 {\n padding: 0;\n margin: 0;\n list-style-type: lower-roman;\n list-style-position: inside;\n}\n.editorTheme__ul {\n padding: 0;\n margin: 0;\n list-style-position: inside;\n}\n.editorTheme__listItem {\n margin: 0 32px;\n}\n.editorTheme__listItemChecked,\n.editorTheme__listItemUnchecked {\n position: relative;\n margin-left: 8px;\n margin-right: 8px;\n padding-left: 24px;\n padding-right: 24px;\n list-style-type: none;\n outline: none;\n}\n.editorTheme__listItemChecked {\n text-decoration: line-through;\n}\n.editorTheme__listItemUnchecked:before,\n.editorTheme__listItemChecked:before {\n content: '';\n width: 16px;\n height: 16px;\n top: 2px;\n left: 0;\n cursor: pointer;\n display: block;\n background-size: cover;\n position: absolute;\n}\n.editorTheme__listItemUnchecked[dir='rtl']:before,\n.editorTheme__listItemChecked[dir='rtl']:before {\n left: auto;\n right: 0;\n}\n.editorTheme__listItemUnchecked:focus:before,\n.editorTheme__listItemChecked:focus:before {\n box-shadow: 0 0 0 2px #a6cdfe;\n border-radius: 2px;\n}\n.editorTheme__listItemUnchecked:before {\n border: 1px solid #999;\n border-radius: 2px;\n}\n.editorTheme__listItemChecked:before {\n border: 1px solid rgb(61, 135, 245);\n border-radius: 2px;\n background-color: #3d87f5;\n background-repeat: no-repeat;\n}\n.editorTheme__listItemChecked:after {\n content: '';\n cursor: pointer;\n border-color: #fff;\n border-style: solid;\n position: absolute;\n display: block;\n top: 6px;\n width: 3px;\n left: 7px;\n right: 7px;\n height: 6px;\n transform: rotate(45deg);\n border-width: 0 2px 2px 0;\n}\n.editorTheme__nestedListItem {\n list-style-type: none;\n}\n.editorTheme__nestedListItem:before,\n.editorTheme__nestedListItem:after {\n display: none;\n}\n.editorTheme__tokenComment {\n color: slategray;\n}\n.editorTheme__tokenPunctuation {\n color: #999;\n}\n.editorTheme__tokenProperty {\n color: #905;\n}\n.editorTheme__tokenSelector {\n color: #690;\n}\n.editorTheme__tokenOperator {\n color: #9a6e3a;\n}\n.editorTheme__tokenAttr {\n color: #07a;\n}\n.editorTheme__tokenVariable {\n color: #e90;\n}\n.editorTheme__tokenFunction {\n color: #dd4a68;\n}\n.editorTheme__mark {\n background: rgba(255, 212, 0, 0.14);\n border-bottom: 2px solid rgba(255, 212, 0, 0.3);\n padding-bottom: 2px;\n}\n.editorTheme__markOverlap {\n background: rgba(255, 212, 0, 0.3);\n border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.editorTheme__mark.selected {\n background: rgba(255, 212, 0, 0.5);\n border-bottom: 2px solid rgba(255, 212, 0, 1);\n}\n.editorTheme__markOverlap.selected {\n background: rgba(255, 212, 0, 0.7);\n border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.editorTheme__embedBlock {\n user-select: none;\n}\n.editorTheme__embedBlockFocus {\n outline: 2px solid rgb(60, 132, 244);\n}\n",".ContentEditable__root {\n border: 0;\n font-size: 15px;\n display: block;\n position: relative;\n outline: 0;\n padding: 8px 28px 40px;\n min-height: 150px;\n}\n@media (max-width: 1025px) {\n .ContentEditable__root {\n padding-left: 8px;\n padding-right: 8px;\n }\n}\n","code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n.ltr {\n text-align: left;\n}\n\n.rtl {\n text-align: right;\n}\n\n.editorInput {\n min-height: 150px;\n resize: none;\n font-size: 15px;\n caret-color: rgb(5, 5, 5);\n position: relative;\n tab-size: 1;\n outline: 0;\n padding: 15px 10px;\n caret-color: #444;;\n}\n\n.editorPlaceholder {\n font-size: 15px;\n color: #999;\n overflow: hidden;\n position: absolute;\n text-overflow: ellipsis;\n top: 8px;\n left: 28px;\n right: 28px;\n user-select: none;\n white-space: nowrap;\n display: inline-block;\n pointer-events: none;\n}\n\n.rtl .editorPlaceholder {\n left: auto;\n}\n\n\n.editorShell {\n margin: 20px auto;\n border-radius: 2px;\n max-width: 1100px;\n min-height: 300px;\n color: #000;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n line-height: 1.7;\n font-weight: 400;\n display: flex;\n flex-direction: column;\n}\n\n.editorShell .editor-container {\n background: #fff;\n position: relative;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n overflow: hidden;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n}\n\n.editorShell .editor-container.tree-view {\n border-radius: 0;\n}\n\n.editorShell .editor-container.plain-text {\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n}\n\n.editorScroller {\n min-height: 150px;\n border: 0;\n flex-grow: 1;\n display: flex;\n position: relative;\n outline: 0;\n z-index: 0;\n overflow: hidden;\n resize: vertical;\n}\n\n.editor {\n flex: auto;\n position: relative;\n resize: vertical;\n z-index: -1;\n}\n\n.contentEditable {\n border: 0;\n font-size: 15px;\n display: block;\n position: relative;\n outline: 0;\n padding: 8px 28px 40px;\n min-height: 150px;\n}\n"],"names":[],"version":3,"file":"index.css.map"}