@aquera/nile-elements 2.0.3 → 2.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -0
- package/demo/nxtgen-classes.css +2 -2
- package/demo/nxtgen-properties.css +2 -2
- package/demo/nxtgen-utilities.css +4 -4
- package/demo/nxtgen.css +2 -2
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +408 -271
- package/dist/nile-empty-state/nile-empty-state.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.cjs.js.map +1 -1
- package/dist/nile-empty-state/nile-empty-state.css.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.css.cjs.js.map +1 -1
- package/dist/nile-empty-state/nile-empty-state.css.esm.js +129 -6
- package/dist/nile-empty-state/nile-empty-state.esm.js +45 -31
- package/dist/nile-pagination/nile-pagination.cjs.js +1 -1
- package/dist/nile-pagination/nile-pagination.cjs.js.map +1 -1
- package/dist/nile-pagination/nile-pagination.esm.js +25 -25
- package/dist/nile-wysiwyg-editor/engine/create-state.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/create-state.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/index.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/index.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.cjs.js.map +1 -1
- package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/index.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/index.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/nile-wysiwyg-editor.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/nile-wysiwyg-editor.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/ui/code-block-menu.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/ui/code-block-menu.esm.js +1 -1
- package/dist/nile-wysiwyg-editor/ui/source-view.cjs.js +1 -1
- package/dist/nile-wysiwyg-editor/ui/source-view.esm.js +1 -1
- package/dist/src/nile-empty-state/nile-empty-state.css.js +127 -4
- package/dist/src/nile-empty-state/nile-empty-state.css.js.map +1 -1
- package/dist/src/nile-empty-state/nile-empty-state.d.ts +35 -5
- package/dist/src/nile-empty-state/nile-empty-state.js +159 -42
- package/dist/src/nile-empty-state/nile-empty-state.js.map +1 -1
- package/dist/src/nile-empty-state/nile-empty-state.test.d.ts +1 -0
- package/dist/src/nile-empty-state/nile-empty-state.test.js +186 -15
- package/dist/src/nile-empty-state/nile-empty-state.test.js.map +1 -1
- package/dist/src/nile-pagination/nile-pagination.js +5 -5
- package/dist/src/nile-pagination/nile-pagination.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/xml-09119317.cjs.js +2 -0
- package/dist/xml-09119317.cjs.js.map +1 -0
- package/dist/{xml-25c4108a.esm.js → xml-9bf771b3.esm.js} +1 -1
- package/package.json +1 -1
- package/src/nile-empty-state/nile-empty-state.css.ts +127 -4
- package/src/nile-empty-state/nile-empty-state.test.ts +192 -15
- package/src/nile-empty-state/nile-empty-state.ts +195 -34
- package/src/nile-pagination/nile-pagination.ts +5 -5
- package/vscode-html-custom-data.json +79 -16
- package/dist/xml-90fd974e.cjs.js +0 -2
- package/dist/xml-90fd974e.cjs.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";import{property as n,state as o,query as t,customElement as r}from"lit/decorators.js";import{E as m}from"../index-ba47645d.esm.js";import{T as c}from"../index-6f3fa4ab.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{s as p}from"./nile-wysiwyg-editor.css.esm.js";import{d as g}from"./engine/schema.esm.js";import{s as h}from"./engine/sanitize.esm.js";import{a,b as v,c as j,i as u,e as d,d as w,j as y,h as b}from"./engine/serializer.esm.js";import{s as f,g as k,b as x}from"./engine/commands.esm.js";import{d as $}from"./engine/markdown.esm.js";import{m as _}from"./engine/markdown-parse.esm.js";import{i as M,c as S}from"./engine/office-paste.esm.js";import{t as B,b as E,a as T}from"./engine/export.esm.js";import{I as P,F}from"./engine/plugins/image-view.esm.js";import{E as C}from"./engine/plugins/embed-view.esm.js";import{S as A}from"./engine/plugins/style-block-view.esm.js";import{M as I}from"./engine/plugins/math-view.esm.js";import{c as L}from"./engine/selection-state.esm.js";import{c as q}from"./engine/create-state.esm.js";import{T as O}from"./engine/plugins/task-list.esm.js";import"./engine/plugins/code-highlight.esm.js";import{g as N,c as z,s as H,a as D,r as J,b as V}from"./engine/plugins/find-replace.esm.js";import{i as R,a as K,d as W,b as U}from"./engine/plugins/format-painter.esm.js";import{f as Y}from"./engine/plugins/single-line.esm.js";import"../index-7b1c9857.esm.js";import{a as X,f as G}from"./engine/plugins/image.esm.js";import{D as Q}from"./types.esm.js";import{E as Z}from"./emoji.esm.js";import"./nile-wysiwyg-toolbar/nile-wysiwyg-toolbar.esm.js";import"./nile-wysiwyg-toolbar/nile-wysiwyg-toolbar-item.esm.js";import"./ui/link-editor.esm.js";import"./ui/bubble-menu.esm.js";import"./ui/bubble-item.esm.js";import"./ui/image-panel.esm.js";import"./ui/table-menu.esm.js";import"./ui/suggest-list.esm.js";import"./ui/find-replace.esm.js";import"./ui/source-view.esm.js";import"./ui/embed-panel.esm.js";import"./ui/bookmark-panel.esm.js";import"./ui/code-block-menu.esm.js";import"./ui/shortcut-help.esm.js";import"./ui/image-menu.esm.js";import"./ui/embed-menu.esm.js";import"./ui/special-chars.esm.js";import"./ui/emoji-picker.esm.js";import"./ui/insert-menu.esm.js";import"./ui/math-panel.esm.js";import"./ui/markdown-panel.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"./engine/plugins/embeds.esm.js";import"../index-920675c4.esm.js";import"./engine/keymap.esm.js";import"../index-1faa963c.esm.js";import"./engine/plugins/paste.esm.js";import"./engine/inputrules.esm.js";import"./engine/plugins/placeholder.esm.js";import"./engine/plugins/link.esm.js";import"./engine/plugins/tables.esm.js";import"./engine/plugins/suggestions.esm.js";import"./engine/plugins/max-length.esm.js";import"../xml-25c4108a.esm.js";import"../internal/glyph.esm.js";import"./nile-wysiwyg-toolbar/nile-wysiwyg-toolbar.css.esm.js";import"./ui/table-grid-picker.esm.js";import"../nile-color-picker/nile-color-picker.esm.js";import"../nile-color-picker/nile-color-picker.css.esm.js";import"../nile-dropdown/nile-dropdown.esm.js";import"../nile-dropdown/nile-dropdown.css.esm.js";import"../internal/animate.esm.js";import"lit/directives/class-map.js";import"../utilities/animation-registry.esm.js";import"../internal/tabbable.esm.js";import"../internal/event.esm.js";import"../internal/watch.esm.js";import"../nile-popup/nile-popup.esm.js";import"../floating-ui.dom-cc9126da.esm.js";import"../nile-popup/nile-popup.css.esm.js";import"../nile-dropdown/portal-manager.esm.js";import"../nile-dropdown/portal-utils.esm.js";import"../utilities/visibility-manager.esm.js";import"../nile-menu/nile-menu.esm.js";import"../nile-menu/nile-menu.css.esm.js";import"../internal/slot.esm.js";import"../nile-menu-item/nile-menu-item.esm.js";import"../nile-menu-item/nile-menu-item.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/adjustment.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/area.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-left-small.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow-right-small.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrow_left_small.esm.js";import"../nile-icon/icons/svg/arrow_right_small.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/delete_history.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/folder_delete.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goal.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/horizontal_bar_chart.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/image_2.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/link_2.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/marker_pin_02.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/menu_close.esm.js";import"../nile-icon/icons/svg/menu_open.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/metric.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-action.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-alert-circle.esm.js";import"../nile-icon/icons/svg/ng-alert-triangle.esm.js";import"../nile-icon/icons/svg/ng-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-right.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/ng-battery-charging.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-boolean.esm.js";import"../nile-icon/icons/svg/ng-briefcase-01.esm.js";import"../nile-icon/icons/svg/ng-building-01.esm.js";import"../nile-icon/icons/svg/ng-building-05.esm.js";import"../nile-icon/icons/svg/ng-building-07.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle-broken.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-done-01.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-check.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-clock-refresh.esm.js";import"../nile-icon/icons/svg/ng-columns-02.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dataflow-02.esm.js";import"../nile-icon/icons/svg/ng-dataflow-04.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-eye-off.esm.js";import"../nile-icon/icons/svg/ng-eye.esm.js";import"../nile-icon/icons/svg/ng-file-02.esm.js";import"../nile-icon/icons/svg/ng-file-06.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-folder-code.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-hash.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-home-line.esm.js";import"../nile-icon/icons/svg/ng-image-03.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-key-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-02.esm.js";import"../nile-icon/icons/svg/ng-lightbulb-05.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-lock-03.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-marker-pin-01.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-minus.esm.js";import"../nile-icon/icons/svg/ng-monitor.esm.js";import"../nile-icon/icons/svg/ng-number.esm.js";import"../nile-icon/icons/svg/ng-pie-chart-03.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-power-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-rows-01.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-server.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-shield-tick.esm.js";import"../nile-icon/icons/svg/ng-shopping-bag-01.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-string.esm.js";import"../nile-icon/icons/svg/ng-switch-horizontal-01.esm.js";import"../nile-icon/icons/svg/ng-tag.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-wifi.esm.js";import"../nile-icon/icons/svg/ng-x-circle.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.esm.js";import"../nile-icon/icons/svg/ng-zap.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/tag_cloud.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/travel_map.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unlink.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/visual_builder.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"../nile-checkbox/nile-checkbox.esm.js";import"../nile-checkbox/nile-checkbox.css.esm.js";import"../internal/default-value.esm.js";import"lit/directives/if-defined.js";import"lit/directives/live.js";import"../nile-color-swatch/nile-color-swatch.esm.js";import"../nile-color-swatch/nile-color-swatch.css.esm.js";import"../nile-lite-tooltip/nile-lite-tooltip.esm.js";import"../nile-lite-tooltip/nile-lite-tooltip.css.esm.js";import"../tippy.esm-57628c2b.esm.js";import"../nile-lite-tooltip/utils.esm.js";import"../nile-input/nile-input.esm.js";import"../nile-input/nile-input.css.esm.js";import"../internal/form.esm.js";import"lit/directives/unsafe-html.js";import"../nile-button/nile-button.esm.js";import"../nile-button/nile-button.css.esm.js";import"lit/static-html.js";import"./ui/preview.esm.js";import"../nile-button-toggle-group/nile-button-toggle-group.esm.js";import"../nile-button-toggle-group/nile-button-toggle-group.css.esm.js";import"../nile-button-toggle/nile-button-toggle.esm.js";import"../nile-button-toggle/nile-button-toggle.css.esm.js";const ii=[{key:"heading1",label:"Heading 1",hint:"#",command:"heading",attrs:{level:1}},{key:"heading2",label:"Heading 2",hint:"##",command:"heading",attrs:{level:2}},{key:"heading3",label:"Heading 3",hint:"###",command:"heading",attrs:{level:3}},{key:"bulletList",label:"Bulleted list",hint:"-",command:"bulletList"},{key:"orderedList",label:"Numbered list",hint:"1.",command:"orderedList"},{key:"taskList",label:"Checklist",hint:"[ ]",command:"taskList"},{key:"blockquote",label:"Blockquote",hint:">",command:"blockquote"},{key:"codeBlock",label:"Code block",hint:"```",command:"codeBlock"},{key:"table",label:"Table",hint:"3×3",command:"insertTable",attrs:{rows:3,cols:3}},{key:"image",label:"Image",command:"openImage"},{key:"embed",label:"Video embed",hint:"YouTube…",command:"openEmbed"},{key:"bookmark",label:"Bookmark (anchor)",command:"openBookmark"},{key:"horizontalRule",label:"Divider",hint:"---",command:"horizontalRule"}];let si=0;let ei=class extends l{static get styles(){return[p]}constructor(){super(),this.value="",this.placeholder="",this.disabled=!1,this.readonly=!1,this.toolbar=Q,this.bubbleMenu=!1,this.sanitize=!0,this.singleLine=!1,this.name="",this.required=!1,this.allowBase64Images=!0,this.uploadFromComputer=!1,this.imageMaxFileSize=2097152,this.mentions={},this.noSlashCommands=!1,this.noEmoji=!1,this.maxLength=0,this.showCounter=!1,this.stickyToolbar=!1,this.snippets=[],this.mergeFields=[],this.templates=[],this.autosaveInterval=0,this.pasteAsPlainText=!1,this.noMarkdownPaste=!1,this.noTextTransform=!1,this.fullscreen=!1,this.showBlocks=!1,this.hasFocus=!1,this.sourceMode=!1,this.counter={words:0,characters:0},this.insertMenuMode=null,this.mentionMatch=null,this.slashMatch=null,this.emojiMatch=null,this.activeSuggestSource=null,this.suggestDismissed=null,this.mentionQueryToken="",this.lastAutosaveValue="",this.defaultValue="",this.syncingValue=!1,this.pendingChange=!1,this.previousBodyOverflow=null,this.onAnyScroll=()=>{this.bubbleMenuEl&&[this.bubbleMenuEl,this.tableMenuEl,this.codeMenuEl,this.imageMenuEl,this.embedMenuEl].forEach((i=>{i?.open&&(i.open=!1)}))},this.painterDragActive=!1,this.onPainterPointerDown=()=>{this.view&&R(this.view.state)&&(this.painterDragActive=!0)},this.onPainterPointerUp=()=>{this.painterDragActive&&(this.painterDragActive=!1,requestAnimationFrame((()=>{if(!this.view)return;if(this.view.state.selection.empty||!R(this.view.state))return;const i=K(this.view.state);i&&this.view.dispatch(i)})))},this.onOutsidePointerDown=i=>{const s=this.floatingPanels.filter((i=>!!i&&i.open));if(!s.length)return;const e=i.composedPath();if(s.some((i=>e.includes(i))))return;const n=e.includes(this)||!!this.shadowRoot&&e.includes(this.shadowRoot);this.closeAllPanels(n)},"function"==typeof this.attachInternals&&(this.internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),this.hasUpdated&&!this.view&&this.updateComplete.then((()=>this.mountView())),document.addEventListener("pointerdown",this.onOutsidePointerDown,!0),document.addEventListener("mouseup",this.onPainterPointerUp),document.addEventListener("scroll",this.onAnyScroll,{capture:!0,passive:!0}),this.syncAuthoredToolbar(),this.syncAuthoredBubble(),this.toolbarObserver||(this.toolbarObserver=new MutationObserver((()=>{this.syncAuthoredToolbar(),this.syncAuthoredBubble()}))),this.toolbarObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["name","label","icon","divider","overflow"]})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("pointerdown",this.onOutsidePointerDown,!0),document.removeEventListener("mouseup",this.onPainterPointerUp),document.removeEventListener("scroll",this.onAnyScroll,{capture:!0}),this.surfaceEl?.removeEventListener("scroll",this.onAnyScroll),this.toolbarObserver?.disconnect(),this.changeTimer&&clearTimeout(this.changeTimer),this.autosaveTimer&&clearInterval(this.autosaveTimer),null!==this.previousBodyOverflow&&(document.body.style.overflow=this.previousBodyOverflow,this.previousBodyOverflow=null),this.view?.destroy(),this.view=void 0}firstUpdated(){this.defaultValue=this.value,this.syncAuthoredToolbar(),this.syncAuthoredBubble(),this.mountView()}syncAuthoredToolbar(){const i=this.querySelectorAll("nile-wysiwyg-toolbar-item"),s=i.length?Array.from(i).map((i=>({name:i.hasAttribute("divider")?"|":i.getAttribute("name")||"",label:i.getAttribute("label")||void 0,icon:i.getAttribute("icon")||void 0,overflow:i.hasAttribute("overflow")||void 0}))).filter((i=>i.name)):void 0;JSON.stringify(s)!==JSON.stringify(this.authoredToolbar)&&(this.authoredToolbar=s)}syncAuthoredBubble(){const i=this.querySelectorAll("nile-wysiwyg-bubble-item"),s=i.length?Array.from(i).map((i=>({name:i.hasAttribute("divider")?"|":i.getAttribute("name")||"",label:i.getAttribute("label")||void 0,icon:i.getAttribute("icon")||void 0}))).filter((i=>i.name)):void 0;JSON.stringify(s)!==JSON.stringify(this.authoredBubble)&&(this.authoredBubble=s)}updated(i){if(i.has("value")&&this.view&&!this.syncingValue){a(this.view.state.doc)!==this.value&&this.setContent(this.value)}this.syncingValue=!1,(i.has("disabled")||i.has("readonly"))&&this.view&&this.view.setProps({}),i.has("placeholder")&&this.view&&this.view.dispatch(this.view.state.tr),i.has("required")&&this.updateValidity(),i.has("autosaveInterval")&&this.restartAutosave(),(i.has("pasteAsPlainText")||i.has("fullscreen")||i.has("showBlocks"))&&this.view&&(this.toolbarState=this.snapshotToolbar(this.view.state)),i.has("noTextTransform")&&this.view&&!i.has("value")&&this.view.updateState(this.buildState(this.view.state.doc)),i.has("fullscreen")&&(this.fullscreen?null===this.previousBodyOverflow&&(this.previousBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden"):null!==this.previousBodyOverflow&&(document.body.style.overflow=this.previousBodyOverflow,this.previousBodyOverflow=null))}restartAutosave(){this.autosaveTimer&&clearInterval(this.autosaveTimer),this.autosaveTimer=void 0,this.autosaveInterval>0&&(this.lastAutosaveValue=this.value,this.autosaveTimer=setInterval((()=>{this.view&&this.value!==this.lastAutosaveValue&&(this.lastAutosaveValue=this.value,this.emit("nile-autosave",this.buildChangeDetail(this.view.state.doc)))}),this.autosaveInterval))}buildState(i){return q({schema:g,doc:i,getPlaceholder:()=>this.placeholder,singleLine:this.singleLine,onLinkShortcut:()=>this.openLinkEditor(),onFindShortcut:()=>this.openFindBar(),onShortcutHelp:()=>this.openShortcutHelp(),onImageFiles:(i,s)=>{for(const e of i)this.insertImageFile(e,s)},mentions:{getTriggers:()=>Object.keys(this.mentions),onChange:i=>{this.mentionMatch=i,this.updateSuggestList()},onKeyDown:i=>this.handleSuggestKey(i,"mention")},slashCommands:{onChange:i=>{this.slashMatch=i,this.updateSuggestList()},onKeyDown:i=>this.handleSuggestKey(i,"slash")},emoji:{onChange:i=>{this.emojiMatch=i,this.updateSuggestList()},onKeyDown:i=>this.handleSuggestKey(i,"emoji")},getMaxLength:()=>this.maxLength,getForcePlainText:()=>this.pasteAsPlainText,getMarkdownPaste:()=>!this.noMarkdownPaste,getSanitize:()=>this.sanitize,textTransform:!this.noTextTransform})}snapshotToolbar(i){return{...L(i),pasteAsPlainText:this.pasteAsPlainText,fullscreen:this.fullscreen,showBlocks:this.showBlocks,formatPainter:R(i)}}mountView(){if(this.view||!this.surfaceEl)return;let i=this.value?v(g,this.value,this.sanitize):void 0;i&&this.singleLine&&(i=Y(i)),this.view=new m(this.surfaceEl,{state:this.buildState(i),dispatchTransaction:i=>this.handleTransaction(i),editable:()=>!this.disabled&&!this.readonly,transformPastedHTML:i=>{const s=M(i)?S(i):i;return this.sanitize?h(s):s},handleDOMEvents:{mousedown:()=>(this.closeSpecialChars(!1),this.closeInsertMenu(!1),!1),focus:()=>(this.hasFocus=!0,this.updateOverlays(),this.emit("nile-focus"),!1),blur:(i,s)=>{const e=s.relatedTarget;return e&&(this.shadowRoot?.contains(e)||this.contains(e))||(this.hasFocus=!1,this.flushChange(),this.updateOverlays(),this.closeSuggestList(),this.closeSpecialChars(!1),this.emit("nile-blur")),!1}},attributes:{role:"textbox","aria-multiline":this.singleLine?"false":"true"},nodeViews:{task_item:(i,s,e)=>new O(i,s,e),image:(i,s,e)=>new P(i,s,e),figure:(i,s,e)=>new F(i,s,e),embed:(i,s,e)=>new C(i,s,e),styleBlock:i=>new A(i),math:i=>new I(i,this.mathRenderer)}}),this.view.dom.addEventListener("mousedown",this.onPainterPointerDown),this.surfaceEl.addEventListener("scroll",this.onAnyScroll,{passive:!0}),this.toolbarState=this.snapshotToolbar(this.view.state),this.counter=j(this.view.state.doc),this.syncFormValue(this.view.state.doc)}handleTransaction(i){if(!this.view)return;const s=this.view.state.apply(i);if(this.view.updateState(s),i.selectionSet&&!s.selection.empty&&R(s)&&!this.painterDragActive){const i=K(s);if(i)return void this.view.dispatch(i)}if(this.toolbarState=this.snapshotToolbar(s),this.emit("nile-selection-change",this.toolbarState),this.updateOverlays(),this.findBarEl?.open){const i=N(s);this.findBarEl.matchCount=i.matches.length,this.findBarEl.activeIndex=i.activeIndex}if(i.docChanged){const i=this.buildChangeDetail(s.doc);this.syncingValue=!0,this.value=i.value,this.syncFormValue(s.doc),this.emit("nile-input",i),this.counter=j(s.doc),this.emit("nile-word-count",this.counter),this.scheduleChange()}}buildChangeDetail(i){const s=u(i)?"":a(i);return{value:s,json:d(i),content:s}}scheduleChange(){this.pendingChange=!0,this.changeTimer&&clearTimeout(this.changeTimer),this.changeTimer=setTimeout((()=>this.flushChange()),250)}flushChange(){this.pendingChange&&this.view&&(this.pendingChange=!1,this.changeTimer&&clearTimeout(this.changeTimer),this.emit("nile-change",this.buildChangeDetail(this.view.state.doc)))}syncFormValue(i){if(!this.internals)return;const s=u(i)?"":a(i);this.internals.setFormValue(""===s?null:s),this.updateValidity()}updateValidity(){if(!this.internals)return;const i=this.view?u(this.view.state.doc):""===this.value;this.required&&i?this.internals.setValidity({valueMissing:!0},"Please fill out this field.",this.surfaceEl??void 0):this.internals.setValidity({})}formResetCallback(){this.setContent(this.defaultValue)}formDisabledCallback(i){this.disabled=i}checkValidity(){return!this.internals||this.internals.checkValidity()}reportValidity(){return!this.internals||this.internals.reportValidity()}positionOverlay(i,s,e){if(!this.view||!this.baseEl)return;const n=e??this.view.state.selection.from,o=this.view.coordsAtPos(n),t=this.baseEl.getBoundingClientRect(),r=Math.max(4,Math.min(o.left-t.left,t.width-i.offsetWidth-4));i.style.left=`${r}px`,i.style.top="above"===s?`${Math.max(4,o.top-t.top-i.offsetHeight-8)}px`:o.bottom-t.top+6+"px"}positionOverlayBelowAnchor(i,s){if(!this.baseEl)return;const e=this.baseEl.getBoundingClientRect(),n=s.getBoundingClientRect(),o=Math.max(4,Math.min(n.left-e.left,e.width-i.offsetWidth-4));i.style.right="auto",i.style.left=`${o}px`,i.style.top=n.bottom-e.top+6+"px"}toolbarButton(i){return this.toolbarEl?.shadowRoot?.querySelector(`button[aria-label="${i}"]`)??null}updateOverlays(){if(!this.bubbleMenuEl)return;const i=this.linkEditorEl?.open||this.imagePanelEl?.open||this.embedPanelEl?.open||this.bookmarkPanelEl?.open||this.emojiPickerEl?.open,s=this.bubbleMenu&&this.hasFocus&&!!this.toolbarState&&!this.toolbarState.selectionEmpty&&!this.toolbarState.imageSelected&&!this.toolbarState.embedSelected&&!i;if(this.bubbleMenuEl.open=s,s&&(this.bubbleMenuEl.toolbarState=this.toolbarState,this.bubbleMenuEl.updateComplete.then((()=>this.positionOverlay(this.bubbleMenuEl,"above")))),this.tableMenuEl){const s=this.hasFocus&&!!this.toolbarState&&this.toolbarState.inTable&&!i;this.tableMenuEl.open=s,s&&this.tableMenuEl.updateComplete.then((()=>this.positionOverlay(this.tableMenuEl,"below")))}if(this.codeMenuEl){const s=this.hasFocus&&!!this.toolbarState&&this.toolbarState.inCodeBlock&&!i;this.codeMenuEl.open=s,s&&(this.codeMenuEl.language=this.toolbarState.codeBlockLanguage??"",this.codeMenuEl.updateComplete.then((()=>this.positionOverlay(this.codeMenuEl,"above"))))}if(this.imageMenuEl){const s=this.hasFocus&&!!this.toolbarState&&this.toolbarState.imageSelected&&!i;this.imageMenuEl.open=s,s&&(this.imageMenuEl.toolbarState=this.toolbarState,this.imageMenuEl.updateComplete.then((()=>this.positionOverlay(this.imageMenuEl,"above"))))}if(this.embedMenuEl){const s=this.hasFocus&&!!this.toolbarState&&this.toolbarState.embedSelected&&!i;this.embedMenuEl.open=s,s&&(this.embedMenuEl.toolbarState=this.toolbarState,this.embedMenuEl.updateComplete.then((()=>this.positionOverlay(this.embedMenuEl,"above"))))}}openSpecialChars(){this.view&&this.specialCharsEl&&!this.disabled&&!this.readonly&&(this.specialCharsEl.open=!0,this.specialCharsEl.updateComplete.then((()=>this.positionOverlay(this.specialCharsEl,"below"))))}closeSpecialChars(i=!0){this.specialCharsEl&&(this.specialCharsEl.open=!1),i&&this.view?.focus()}insertSpecialChar(i){this.view&&(this.view.dispatch(this.view.state.tr.insertText(i).scrollIntoView()),this.view.focus())}openInsertMenu(i){if(!this.view||!this.insertMenuEl||this.disabled||this.readonly)return;this.insertMenuMode=i;const s=this.insertMenuEl;"merge"===i?(s.heading="Merge field",s.emptyText="No merge fields configured.",s.items=this.mergeFields.map((i=>({label:i.label,description:`{{${i.id}}}`})))):(s.heading="Template",s.emptyText="No templates configured.",s.items=this.templates.map((i=>({label:i.label,description:i.description})))),s.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),s.updateComplete.then((()=>this.positionOverlay(s,"below")))}closeInsertMenu(i=!0){this.insertMenuEl&&(this.insertMenuEl.open=!1),this.insertMenuMode=null,i&&this.view?.focus()}handleInsertSelect(i){const s=this.insertMenuMode;if(this.closeInsertMenu(),this.view)if("merge"===s){const s=this.mergeFields[i];s&&this.execCommand("insertMergeField",{id:s.id,label:s.label})}else if("template"===s){const s=this.templates[i];s&&this.insertHTML(s.html)}}insertMergeField(i,s){this.execCommand("insertMergeField",{id:i,label:s??null})}changeCase(i){this.execCommand("changeCase",{textCase:i})}openMathPanel(){this.view&&this.mathPanelEl&&!this.disabled&&!this.readonly&&(this.mathPanelEl.reset(),this.mathPanelEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.mathPanelEl.updateComplete.then((()=>{const i=this.toolbarButton("Insert math (LaTeX)");i?this.positionOverlayBelowAnchor(this.mathPanelEl,i):this.positionOverlay(this.mathPanelEl,"below"),this.mathPanelEl.focusInput()})))}closeMathPanel(i=!0){this.mathPanelEl&&(this.mathPanelEl.open=!1),i&&this.view?.focus()}openMarkdownPanel(){this.view&&this.markdownPanelEl&&!this.disabled&&!this.readonly&&(this.markdownPanelEl.reset(),this.markdownPanelEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.markdownPanelEl.updateComplete.then((()=>{const i=this.toolbarButton("Insert from Markdown");i?this.positionOverlayBelowAnchor(this.markdownPanelEl,i):this.positionOverlay(this.markdownPanelEl,"below"),this.markdownPanelEl.focusInput()})))}closeMarkdownPanel(i=!0){this.markdownPanelEl&&(this.markdownPanelEl.open=!1),i&&this.view?.focus()}applyMath(i,s){this.closeMathPanel(),this.execCommand("insertMath",{latex:i,mathDisplay:s})}insertMath(i,s="inline"){this.execCommand("insertMath",{latex:i,mathDisplay:s})}openEmojiPicker(){this.view&&this.emojiPickerEl&&!this.disabled&&!this.readonly&&(this.emojiPickerEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.emojiPickerEl.updateComplete.then((()=>{this.positionOverlay(this.emojiPickerEl,"below"),this.emojiPickerEl.focusInput()})))}closeEmojiPicker(i=!0){this.emojiPickerEl&&(this.emojiPickerEl.open=!1),i&&this.view?.focus()}openEmbedPanel(){this.view&&this.embedPanelEl&&!this.disabled&&!this.readonly&&(this.embedPanelEl.reset(),this.embedPanelEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.embedPanelEl.updateComplete.then((()=>{const i=this.toolbarButton("Embed video (YouTube, Vimeo, Loom)");i?this.positionOverlayBelowAnchor(this.embedPanelEl,i):this.positionOverlay(this.embedPanelEl,"below"),this.embedPanelEl.focusInput()})))}closeEmbedPanel(i=!0){this.embedPanelEl&&(this.embedPanelEl.open=!1),i&&this.view?.focus()}openBookmarkPanel(){this.view&&this.bookmarkPanelEl&&!this.disabled&&!this.readonly&&(this.bookmarkPanelEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.bookmarkPanelEl.updateComplete.then((()=>{this.positionOverlay(this.bookmarkPanelEl,"below"),this.bookmarkPanelEl.focusInput()})))}closeBookmarkPanel(i=!0){this.bookmarkPanelEl&&(this.bookmarkPanelEl.open=!1),i&&this.view?.focus()}openImagePanel(){if(!this.view||!this.imagePanelEl||this.disabled||this.readonly)return;const i=f(this.view.state);i?this.imagePanelEl.prefill({src:i.node.attrs.src,alt:i.node.attrs.alt??"",caption:i.isFigure?i.node.textContent:""}):this.imagePanelEl.reset(),this.imagePanelEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.imagePanelEl.updateComplete.then((()=>{const i=this.toolbarButton("Insert image");i?this.positionOverlayBelowAnchor(this.imagePanelEl,i):this.positionOverlay(this.imagePanelEl,"below"),this.imagePanelEl.focusInput()}))}closeImagePanel(i=!0){this.imagePanelEl&&(this.imagePanelEl.open=!1),i&&this.view?.focus()}insertImageAt(i,s,e,n=null){if(this.view){if(null!==e){const i=this.view.state.doc.resolve(Math.min(e,this.view.state.doc.content.size));this.view.dispatch(this.view.state.tr.setSelection(c.near(i)))}this.execCommand("insertImage",{src:i,alt:s,caption:n})}}async insertImageFile(i,s=null,e){if(!this.view)return;const n=e?.alt??null,o=e?.caption??null;if(!this.emit("nile-image-upload-request",{file:i,insert:(i,e)=>this.insertImageAt(i,e??n,s,o)},!0,!0,!0).defaultPrevented)if(this.uploadHandler){si+=1;const e=`nile-upload-${si}`,t=s??this.view.state.selection.from;this.view.dispatch(this.view.state.tr.setMeta(X,{add:{id:e,pos:t}}));try{const{src:s,alt:t}=await this.uploadHandler(i),r=this.view?G(this.view.state,e):null;this.view?.dispatch(this.view.state.tr.setMeta(X,{remove:{id:e}})),this.insertImageAt(s,n??t??null,r,o)}catch(s){this.view?.dispatch(this.view.state.tr.setMeta(X,{remove:{id:e}})),this.emit("nile-image-upload-error",{file:i,error:s})}}else if(this.allowBase64Images){const e=await function(i){return new Promise(((s,e)=>{const n=new FileReader;n.onload=()=>s(n.result),n.onerror=()=>e(n.error),n.readAsDataURL(i)}))}(i);this.insertImageAt(e,n,s,o)}}dismissKeyFor(i,s){return`${i}:${s.trigger}:${s.from}`}handleSuggestKey(i,s){if(this.activeSuggestSource!==s||!this.suggestListEl?.open)return!1;switch(i.key){case"ArrowDown":return this.suggestListEl.next(),!0;case"ArrowUp":return this.suggestListEl.prev(),!0;case"Enter":case"Tab":return this.suggestListEl.selectCurrent();case"Escape":{const i="mention"===s?this.mentionMatch:"slash"===s?this.slashMatch:this.emojiMatch;return i&&(this.suggestDismissed=this.dismissKeyFor(s,i)),this.closeSuggestList(),!0}default:return!1}}closeSuggestList(){this.suggestListEl&&(this.suggestListEl.open=!1),this.activeSuggestSource=null}updateSuggestList(){if(!this.suggestListEl||!this.view)return;const i=this.mentionMatch?.active?this.mentionMatch:null,s=!this.noSlashCommands&&this.slashMatch?.active?this.slashMatch:null,e=!this.noEmoji&&this.emojiMatch?.active?this.emojiMatch:null,n=i?"mention":s?"slash":e?"emoji":null,o=i??s??e;if(n&&o&&!this.disabled&&!this.readonly){if(this.suggestDismissed!==this.dismissKeyFor(n,o)){if(this.suggestDismissed=null,"mention"===n){const i=this.mentions[o.trigger]??[],s=o.query.toLowerCase();this.suggestListEl.items=i.filter((i=>i.label.toLowerCase().includes(s)));const e=`${o.trigger} ${o.query}`;this.mentionQueryToken=e,this.emit("nile-mention-query",{trigger:o.trigger,query:o.query,provide:i=>{this.mentionQueryToken===e&&Array.isArray(i)&&(this.suggestListEl.items=i.filter((i=>i&&"string"==typeof i.key&&"string"==typeof i.label)).map((i=>({key:i.key,label:i.label}))))}})}else if("slash"===n){const i=o.query.toLowerCase(),s=this.snippets.map((i=>({key:`snippet:${i.key}`,label:i.label,hint:"snippet"})));this.suggestListEl.items=[...ii,...s].filter((s=>s.label.toLowerCase().includes(i)))}else{const i=o.query.toLowerCase();if(this.suggestListEl.items=Z.filter((s=>s.name.includes(i))).slice(0,12).map((i=>({key:i.name,label:`${i.char} ${i.name}`}))),0===this.suggestListEl.items.length)return void this.closeSuggestList()}this.activeSuggestSource=n,this.suggestListEl.resetActive(),this.suggestListEl.open=!0,this.suggestListEl.updateComplete.then((()=>this.positionOverlay(this.suggestListEl,"below",o.from)))}}else this.closeSuggestList()}handleSuggestSelect(i){if(this.view){if("mention"===this.activeSuggestSource&&this.mentionMatch?.active){const s=this.mentionMatch,{state:e}=this.view,n=e.schema.nodes.mention.create({trigger:s.trigger,key:i.key,label:i.label});this.view.dispatch(e.tr.replaceWith(s.from,s.to,[n,e.schema.text(" ")])),this.view.focus(),this.emit("nile-mention-select",{trigger:s.trigger,key:i.key,label:i.label})}else if("slash"===this.activeSuggestSource&&this.slashMatch?.active){const s=this.slashMatch;if(this.view.dispatch(this.view.state.tr.delete(s.from,s.to)),this.closeSuggestList(),i.key.startsWith("snippet:")){const s=this.snippets.find((s=>`snippet:${s.key}`===i.key));return void(s&&this.insertHTML(s.html))}const e=ii.find((s=>s.key===i.key));if(!e)return;"openImage"===e.command?this.openImagePanel():"openEmbed"===e.command?this.openEmbedPanel():"openBookmark"===e.command?this.openBookmarkPanel():this.execCommand(e.command,e.attrs)}else if("emoji"===this.activeSuggestSource&&this.emojiMatch?.active){const s=this.emojiMatch,e=Z.find((s=>s.name===i.key));e&&(this.view.dispatch(this.view.state.tr.insertText(e.char,s.from,s.to)),this.view.focus())}this.closeSuggestList()}}openFindBar(){if(!this.findBarEl||this.sourceMode)return;this.findBarEl.open=!0;const i=this.view?N(this.view.state):null;this.findBarEl.matchCount=i?.matches.length??0,this.findBarEl.activeIndex=i?.activeIndex??0,this.findBarEl.updateComplete.then((()=>{const i=this.toolbarButton("Find & replace (Ctrl+F)");i&&this.positionOverlayBelowAnchor(this.findBarEl,i),this.findBarEl.focusInput()}))}closeFindBar(){this.view&&this.view.dispatch(z(this.view.state)),this.findBarEl&&(this.findBarEl.open=!1),this.view?.focus()}find(i){return this.view?(this.view.dispatch(H(this.view.state,i)),this.scrollToActiveMatch(),N(this.view.state).matches.length):0}findNext(){this.view&&(this.view.dispatch(D(this.view.state,"next")),this.scrollToActiveMatch())}findPrev(){this.view&&(this.view.dispatch(D(this.view.state,"prev")),this.scrollToActiveMatch())}replace(i){if(!this.view)return;const s=J(this.view.state,i);s&&this.view.dispatch(s)}replaceAll(i){if(!this.view)return;const s=V(this.view.state,i);s&&this.view.dispatch(s)}scrollToActiveMatch(){if(!this.view)return;const i=N(this.view.state),s=i.matches[i.activeIndex];s&&this.view.dispatch(this.view.state.tr.setSelection(c.create(this.view.state.doc,s.from,s.to)).scrollIntoView())}toggleSourceView(){this.sourceMode?this.applySourceView(this.sourceViewEl?.currentValue??null):(this.sourceMode=!0,this.updateComplete.then((()=>{this.sourceViewEl&&(this.sourceViewEl.value=this.getHTML(),this.sourceViewEl.focusInput())})))}applySourceView(i){this.sourceMode=!1,null!==i&&this.setContent(i,!0),this.updateComplete.then((()=>this.view?.focus()))}getWordCount(){return this.view?j(this.view.state.doc):{words:0,characters:0}}toggleFormatPainter(){if(!this.view)return;const i=R(this.view.state)?W(this.view.state):U(this.view.state);i&&this.view.dispatch(i),this.view.focus()}get contentRoot(){return this.view?.dom??null}exportFilename(i){return`${(this.name||"document").replace(/[^\w.-]+/g,"-").replace(/^-+|-+$/g,"")||"document"}.${i}`}downloadBlob(i,s,e){const n=new Blob([i],{type:s}),o=URL.createObjectURL(n),t=document.createElement("a");t.href=o,t.download=e,t.style.display="none",document.body.appendChild(t),t.click(),t.remove(),setTimeout((()=>URL.revokeObjectURL(o)),0)}getInlineStyledHTML(){const i=this.contentRoot;return this.view&&i&&!u(this.view.state.doc)?B(i):""}exportInlineHtml(i){const s=this.getInlineStyledHTML();if(!s)return;const e=`<!DOCTYPE html>\n<html><head><meta charset="utf-8"></head><body>${s}</body></html>`;this.downloadBlob(e,"text/html;charset=utf-8",i??this.exportFilename("html"))}exportToWord(i){const s=this.getInlineStyledHTML();if(!s)return;const e=E(s,this.name||"Document");this.downloadBlob(e,"application/msword",i??this.exportFilename("doc"))}exportToPdf(i={}){const s=this.getInlineStyledHTML();if(!s)return;const e=T(s,{title:this.name||"Document",...i}),n=document.createElement("iframe");n.setAttribute("aria-hidden","true"),Object.assign(n.style,{position:"fixed",right:"0",bottom:"0",width:"0",height:"0",border:"0"}),document.body.appendChild(n);const o=()=>{setTimeout((()=>n.remove()),1e3)};n.onload=()=>{const i=n.contentWindow;i?(i.focus(),i.addEventListener("afterprint",o,{once:!0}),i.print()):o()};const t=n.contentDocument;t?(t.open(),t.write(e),t.close()):n.remove()}importFromWord(i,s=!0){if(!i)return;const e=M(i)?S(i):i;this.setContent(e,s)}importFromWordFile(){const i=document.createElement("input");i.type="file",i.accept=".htm,.html,text/html",i.style.display="none",i.addEventListener("change",(()=>{const s=i.files?.[0];i.remove(),s&&s.text().then((i=>this.importFromWord(i)))})),document.body.appendChild(i),i.click()}openShortcutHelp(){this.shortcutHelpEl&&(this.shortcutHelpEl.open=!0,this.shortcutHelpEl.focusPanel())}closeShortcutHelp(){this.shortcutHelpEl&&(this.shortcutHelpEl.open=!1),this.view?.focus()}toggleFullscreen(){this.fullscreen=!this.fullscreen,this.view?.focus()}openLinkEditor(){if(!this.view||!this.linkEditorEl||this.disabled||this.readonly)return;const i=this.toolbarState??L(this.view.state);this.linkEditorEl.href=i.linkHref??"",this.linkEditorEl.text="",this.linkEditorEl.allowText=i.selectionEmpty&&!i.linkActive,this.linkEditorEl.canRemove=i.linkActive,this.linkEditorEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.linkEditorEl.updateComplete.then((()=>{this.positionOverlay(this.linkEditorEl,"below"),this.linkEditorEl.focusInput()}))}closeLinkEditor(i=!0){this.linkEditorEl&&(this.linkEditorEl.open=!1),i&&this.view?.focus()}applyLink(i,s){if(!this.view)return;const{state:e}=this.view,n=e.schema.marks.link;if(e.selection.empty&&!k(e.selection.$from,n)){const o=s||i,t=e.schema.text(o,[n.create({href:i})]);this.view.dispatch(e.tr.replaceSelectionWith(t,!1).scrollIntoView())}else this.execCommand("link",{href:i});this.closeLinkEditor()}get pmView(){return this.view}get json(){return this.view?d(this.view.state.doc):null}set json(i){i&&this.setContent(i)}focus(){this.view?.focus()}blur(){this.view?.dom?.blur()}getHTML(){return this.view&&!u(this.view.state.doc)?a(this.view.state.doc):""}getJSON(){return this.json}getText(){return this.view?w(this.view.state.doc):""}getMarkdown(){return this.view&&!u(this.view.state.doc)?$(this.view.state.doc):""}setMarkdown(i,s=!1){this.setContent(_(i),s)}insertMarkdown(i){this.insertHTML(_(i))}setContent(i,s=!1){if(!this.view)return void("string"==typeof i&&(this.value=i));let e="string"==typeof i?v(g,i,this.sanitize):y(g,i);this.singleLine&&(e=Y(e)),this.view.updateState(this.buildState(e)),this.toolbarState=this.snapshotToolbar(this.view.state),this.syncingValue=!0,this.value=u(e)?"":a(e),this.syncFormValue(e),s&&(this.emit("nile-input",this.buildChangeDetail(e)),this.emit("nile-change",this.buildChangeDetail(e)))}clear(){this.setContent("")}insertHTML(i){if(!this.view)return;const s=b(g,i,this.sanitize);this.view.dispatch(this.view.state.tr.replaceSelection(s).scrollIntoView()),this.view.focus()}execCommand(i,s){if(!this.view)return!1;const e=x(this.view.state,i,s);if(!e)return!1;const n=e(this.view.state,this.view.dispatch,this.view);return this.view.focus(),n}isCommandActive(i){const s=this.toolbarState;if(!s)return!1;switch(i){case"bold":return s.bold;case"italic":return s.italic;case"underline":return s.underline;case"strike":return s.strike;case"code":return s.code;case"link":return s.linkActive;case"bulletList":return s.inBulletList;case"orderedList":return s.inOrderedList;case"blockquote":return s.inBlockquote;default:return!1}}handleCommand(i){i.stopPropagation();const{name:s,attrs:e}=i.detail;if("openLink"!==s)if("openImage"!==s)if("openEmbed"!==s)if("openBookmark"!==s){if("toggleShowBlocks"===s)return this.showBlocks=!this.showBlocks,void this.view?.focus();if("toggleSource"!==s)return"togglePastePlainText"===s?(this.pasteAsPlainText=!this.pasteAsPlainText,void this.view?.focus()):void("toggleFullscreen"!==s?"openShortcutHelp"!==s?"openSpecialChars"!==s?"openEmoji"!==s?"openFind"!==s?"exportPdf"!==s?"exportWord"!==s?"exportInlineHtml"!==s?"importWord"!==s?"toggleFormatPainter"!==s?"openMergeField"!==s?"openTemplate"!==s?"openMarkdown"!==s?"openMath"!==s?this.execCommand(s,e):this.openMathPanel():this.openMarkdownPanel():this.openInsertMenu("template"):this.openInsertMenu("merge"):this.toggleFormatPainter():this.importFromWordFile():this.exportInlineHtml():this.exportToWord():this.exportToPdf():this.openFindBar():this.openEmojiPicker():this.openSpecialChars():this.openShortcutHelp():this.toggleFullscreen());this.toggleSourceView()}else this.openBookmarkPanel();else this.openEmbedPanel();else this.openImagePanel();else this.openLinkEditor()}handleBaseKeydown(i){if("Escape"!==i.key||i.defaultPrevented)return;if(this.specialCharsEl?.open)return void this.closeSpecialChars();if(!this.fullscreen)return;this.linkEditorEl?.open||this.imagePanelEl?.open||this.embedPanelEl?.open||this.bookmarkPanelEl?.open||this.emojiPickerEl?.open||this.findBarEl?.open||this.shortcutHelpEl?.open||this.suggestListEl?.open||(this.fullscreen=!1)}handleChromeFocusOut(i){const s=i.relatedTarget;s&&(this.shadowRoot?.contains(s)||this.contains(s))||this.view?.hasFocus()||(this.hasFocus=!1,this.updateOverlays())}get floatingPanels(){return[this.linkEditorEl,this.imagePanelEl,this.embedPanelEl,this.bookmarkPanelEl,this.specialCharsEl,this.emojiPickerEl,this.insertMenuEl,this.mathPanelEl,this.markdownPanelEl]}closeAllPanels(i=!0){this.linkEditorEl?.open&&this.closeLinkEditor(i),this.imagePanelEl?.open&&this.closeImagePanel(i),this.embedPanelEl?.open&&this.closeEmbedPanel(i),this.bookmarkPanelEl?.open&&this.closeBookmarkPanel(i),this.specialCharsEl?.open&&this.closeSpecialChars(i),this.emojiPickerEl?.open&&this.closeEmojiPicker(i),this.insertMenuEl?.open&&this.closeInsertMenu(i),this.mathPanelEl?.open&&this.closeMathPanel(i),this.markdownPanelEl?.open&&this.closeMarkdownPanel(i)}render(){const i=(this.authoredToolbar?.length??0)>0,n=("none"!==this.toolbar||i)&&!this.readonly;return s`
|
|
1
|
+
import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";import{property as n,state as o,query as t,customElement as r}from"lit/decorators.js";import{E as m}from"../index-ba47645d.esm.js";import{T as c}from"../index-6f3fa4ab.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{s as p}from"./nile-wysiwyg-editor.css.esm.js";import{d as g}from"./engine/schema.esm.js";import{s as h}from"./engine/sanitize.esm.js";import{a,b as v,c as j,i as u,e as d,d as w,j as y,h as b}from"./engine/serializer.esm.js";import{s as f,g as k,b as x}from"./engine/commands.esm.js";import{d as $}from"./engine/markdown.esm.js";import{m as _}from"./engine/markdown-parse.esm.js";import{i as M,c as S}from"./engine/office-paste.esm.js";import{t as B,b as E,a as T}from"./engine/export.esm.js";import{I as P,F}from"./engine/plugins/image-view.esm.js";import{E as C}from"./engine/plugins/embed-view.esm.js";import{S as A}from"./engine/plugins/style-block-view.esm.js";import{M as I}from"./engine/plugins/math-view.esm.js";import{c as L}from"./engine/selection-state.esm.js";import{c as q}from"./engine/create-state.esm.js";import{T as O}from"./engine/plugins/task-list.esm.js";import"./engine/plugins/code-highlight.esm.js";import{g as N,c as z,s as H,a as D,r as J,b as V}from"./engine/plugins/find-replace.esm.js";import{i as R,a as K,d as W,b as U}from"./engine/plugins/format-painter.esm.js";import{f as Y}from"./engine/plugins/single-line.esm.js";import"../index-7b1c9857.esm.js";import{a as X,f as G}from"./engine/plugins/image.esm.js";import{D as Q}from"./types.esm.js";import{E as Z}from"./emoji.esm.js";import"./nile-wysiwyg-toolbar/nile-wysiwyg-toolbar.esm.js";import"./nile-wysiwyg-toolbar/nile-wysiwyg-toolbar-item.esm.js";import"./ui/link-editor.esm.js";import"./ui/bubble-menu.esm.js";import"./ui/bubble-item.esm.js";import"./ui/image-panel.esm.js";import"./ui/table-menu.esm.js";import"./ui/suggest-list.esm.js";import"./ui/find-replace.esm.js";import"./ui/source-view.esm.js";import"./ui/embed-panel.esm.js";import"./ui/bookmark-panel.esm.js";import"./ui/code-block-menu.esm.js";import"./ui/shortcut-help.esm.js";import"./ui/image-menu.esm.js";import"./ui/embed-menu.esm.js";import"./ui/special-chars.esm.js";import"./ui/emoji-picker.esm.js";import"./ui/insert-menu.esm.js";import"./ui/math-panel.esm.js";import"./ui/markdown-panel.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"./engine/plugins/embeds.esm.js";import"../index-920675c4.esm.js";import"./engine/keymap.esm.js";import"../index-1faa963c.esm.js";import"./engine/plugins/paste.esm.js";import"./engine/inputrules.esm.js";import"./engine/plugins/placeholder.esm.js";import"./engine/plugins/link.esm.js";import"./engine/plugins/tables.esm.js";import"./engine/plugins/suggestions.esm.js";import"./engine/plugins/max-length.esm.js";import"../xml-9bf771b3.esm.js";import"../internal/glyph.esm.js";import"./nile-wysiwyg-toolbar/nile-wysiwyg-toolbar.css.esm.js";import"./ui/table-grid-picker.esm.js";import"../nile-color-picker/nile-color-picker.esm.js";import"../nile-color-picker/nile-color-picker.css.esm.js";import"../nile-dropdown/nile-dropdown.esm.js";import"../nile-dropdown/nile-dropdown.css.esm.js";import"../internal/animate.esm.js";import"lit/directives/class-map.js";import"../utilities/animation-registry.esm.js";import"../internal/tabbable.esm.js";import"../internal/event.esm.js";import"../internal/watch.esm.js";import"../nile-popup/nile-popup.esm.js";import"../floating-ui.dom-cc9126da.esm.js";import"../nile-popup/nile-popup.css.esm.js";import"../nile-dropdown/portal-manager.esm.js";import"../nile-dropdown/portal-utils.esm.js";import"../utilities/visibility-manager.esm.js";import"../nile-menu/nile-menu.esm.js";import"../nile-menu/nile-menu.css.esm.js";import"../internal/slot.esm.js";import"../nile-menu-item/nile-menu-item.esm.js";import"../nile-menu-item/nile-menu-item.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/adjustment.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/area.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-left-small.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow-right-small.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrow_left_small.esm.js";import"../nile-icon/icons/svg/arrow_right_small.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/delete_history.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/folder_delete.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goal.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/horizontal_bar_chart.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/image_2.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/link_2.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/marker_pin_02.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/menu_close.esm.js";import"../nile-icon/icons/svg/menu_open.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/metric.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-action.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-alert-circle.esm.js";import"../nile-icon/icons/svg/ng-alert-triangle.esm.js";import"../nile-icon/icons/svg/ng-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-right.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/ng-battery-charging.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-boolean.esm.js";import"../nile-icon/icons/svg/ng-briefcase-01.esm.js";import"../nile-icon/icons/svg/ng-building-01.esm.js";import"../nile-icon/icons/svg/ng-building-05.esm.js";import"../nile-icon/icons/svg/ng-building-07.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle-broken.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-done-01.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-check.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-clock-refresh.esm.js";import"../nile-icon/icons/svg/ng-columns-02.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dataflow-02.esm.js";import"../nile-icon/icons/svg/ng-dataflow-04.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-eye-off.esm.js";import"../nile-icon/icons/svg/ng-eye.esm.js";import"../nile-icon/icons/svg/ng-file-02.esm.js";import"../nile-icon/icons/svg/ng-file-06.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-folder-code.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-hash.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-home-line.esm.js";import"../nile-icon/icons/svg/ng-image-03.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-key-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-02.esm.js";import"../nile-icon/icons/svg/ng-lightbulb-05.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-lock-03.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-marker-pin-01.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-minus.esm.js";import"../nile-icon/icons/svg/ng-monitor.esm.js";import"../nile-icon/icons/svg/ng-number.esm.js";import"../nile-icon/icons/svg/ng-pie-chart-03.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-power-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-rows-01.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-server.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-shield-tick.esm.js";import"../nile-icon/icons/svg/ng-shopping-bag-01.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-string.esm.js";import"../nile-icon/icons/svg/ng-switch-horizontal-01.esm.js";import"../nile-icon/icons/svg/ng-tag.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-wifi.esm.js";import"../nile-icon/icons/svg/ng-x-circle.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.esm.js";import"../nile-icon/icons/svg/ng-zap.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/tag_cloud.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/travel_map.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unlink.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/visual_builder.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"../nile-checkbox/nile-checkbox.esm.js";import"../nile-checkbox/nile-checkbox.css.esm.js";import"../internal/default-value.esm.js";import"lit/directives/if-defined.js";import"lit/directives/live.js";import"../nile-color-swatch/nile-color-swatch.esm.js";import"../nile-color-swatch/nile-color-swatch.css.esm.js";import"../nile-lite-tooltip/nile-lite-tooltip.esm.js";import"../nile-lite-tooltip/nile-lite-tooltip.css.esm.js";import"../tippy.esm-57628c2b.esm.js";import"../nile-lite-tooltip/utils.esm.js";import"../nile-input/nile-input.esm.js";import"../nile-input/nile-input.css.esm.js";import"../internal/form.esm.js";import"lit/directives/unsafe-html.js";import"../nile-button/nile-button.esm.js";import"../nile-button/nile-button.css.esm.js";import"lit/static-html.js";import"./ui/preview.esm.js";import"../nile-button-toggle-group/nile-button-toggle-group.esm.js";import"../nile-button-toggle-group/nile-button-toggle-group.css.esm.js";import"../nile-button-toggle/nile-button-toggle.esm.js";import"../nile-button-toggle/nile-button-toggle.css.esm.js";const ii=[{key:"heading1",label:"Heading 1",hint:"#",command:"heading",attrs:{level:1}},{key:"heading2",label:"Heading 2",hint:"##",command:"heading",attrs:{level:2}},{key:"heading3",label:"Heading 3",hint:"###",command:"heading",attrs:{level:3}},{key:"bulletList",label:"Bulleted list",hint:"-",command:"bulletList"},{key:"orderedList",label:"Numbered list",hint:"1.",command:"orderedList"},{key:"taskList",label:"Checklist",hint:"[ ]",command:"taskList"},{key:"blockquote",label:"Blockquote",hint:">",command:"blockquote"},{key:"codeBlock",label:"Code block",hint:"```",command:"codeBlock"},{key:"table",label:"Table",hint:"3×3",command:"insertTable",attrs:{rows:3,cols:3}},{key:"image",label:"Image",command:"openImage"},{key:"embed",label:"Video embed",hint:"YouTube…",command:"openEmbed"},{key:"bookmark",label:"Bookmark (anchor)",command:"openBookmark"},{key:"horizontalRule",label:"Divider",hint:"---",command:"horizontalRule"}];let si=0;let ei=class extends l{static get styles(){return[p]}constructor(){super(),this.value="",this.placeholder="",this.disabled=!1,this.readonly=!1,this.toolbar=Q,this.bubbleMenu=!1,this.sanitize=!0,this.singleLine=!1,this.name="",this.required=!1,this.allowBase64Images=!0,this.uploadFromComputer=!1,this.imageMaxFileSize=2097152,this.mentions={},this.noSlashCommands=!1,this.noEmoji=!1,this.maxLength=0,this.showCounter=!1,this.stickyToolbar=!1,this.snippets=[],this.mergeFields=[],this.templates=[],this.autosaveInterval=0,this.pasteAsPlainText=!1,this.noMarkdownPaste=!1,this.noTextTransform=!1,this.fullscreen=!1,this.showBlocks=!1,this.hasFocus=!1,this.sourceMode=!1,this.counter={words:0,characters:0},this.insertMenuMode=null,this.mentionMatch=null,this.slashMatch=null,this.emojiMatch=null,this.activeSuggestSource=null,this.suggestDismissed=null,this.mentionQueryToken="",this.lastAutosaveValue="",this.defaultValue="",this.syncingValue=!1,this.pendingChange=!1,this.previousBodyOverflow=null,this.onAnyScroll=()=>{this.bubbleMenuEl&&[this.bubbleMenuEl,this.tableMenuEl,this.codeMenuEl,this.imageMenuEl,this.embedMenuEl].forEach((i=>{i?.open&&(i.open=!1)}))},this.painterDragActive=!1,this.onPainterPointerDown=()=>{this.view&&R(this.view.state)&&(this.painterDragActive=!0)},this.onPainterPointerUp=()=>{this.painterDragActive&&(this.painterDragActive=!1,requestAnimationFrame((()=>{if(!this.view)return;if(this.view.state.selection.empty||!R(this.view.state))return;const i=K(this.view.state);i&&this.view.dispatch(i)})))},this.onOutsidePointerDown=i=>{const s=this.floatingPanels.filter((i=>!!i&&i.open));if(!s.length)return;const e=i.composedPath();if(s.some((i=>e.includes(i))))return;const n=e.includes(this)||!!this.shadowRoot&&e.includes(this.shadowRoot);this.closeAllPanels(n)},"function"==typeof this.attachInternals&&(this.internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),this.hasUpdated&&!this.view&&this.updateComplete.then((()=>this.mountView())),document.addEventListener("pointerdown",this.onOutsidePointerDown,!0),document.addEventListener("mouseup",this.onPainterPointerUp),document.addEventListener("scroll",this.onAnyScroll,{capture:!0,passive:!0}),this.syncAuthoredToolbar(),this.syncAuthoredBubble(),this.toolbarObserver||(this.toolbarObserver=new MutationObserver((()=>{this.syncAuthoredToolbar(),this.syncAuthoredBubble()}))),this.toolbarObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["name","label","icon","divider","overflow"]})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("pointerdown",this.onOutsidePointerDown,!0),document.removeEventListener("mouseup",this.onPainterPointerUp),document.removeEventListener("scroll",this.onAnyScroll,{capture:!0}),this.surfaceEl?.removeEventListener("scroll",this.onAnyScroll),this.toolbarObserver?.disconnect(),this.changeTimer&&clearTimeout(this.changeTimer),this.autosaveTimer&&clearInterval(this.autosaveTimer),null!==this.previousBodyOverflow&&(document.body.style.overflow=this.previousBodyOverflow,this.previousBodyOverflow=null),this.view?.destroy(),this.view=void 0}firstUpdated(){this.defaultValue=this.value,this.syncAuthoredToolbar(),this.syncAuthoredBubble(),this.mountView()}syncAuthoredToolbar(){const i=this.querySelectorAll("nile-wysiwyg-toolbar-item"),s=i.length?Array.from(i).map((i=>({name:i.hasAttribute("divider")?"|":i.getAttribute("name")||"",label:i.getAttribute("label")||void 0,icon:i.getAttribute("icon")||void 0,overflow:i.hasAttribute("overflow")||void 0}))).filter((i=>i.name)):void 0;JSON.stringify(s)!==JSON.stringify(this.authoredToolbar)&&(this.authoredToolbar=s)}syncAuthoredBubble(){const i=this.querySelectorAll("nile-wysiwyg-bubble-item"),s=i.length?Array.from(i).map((i=>({name:i.hasAttribute("divider")?"|":i.getAttribute("name")||"",label:i.getAttribute("label")||void 0,icon:i.getAttribute("icon")||void 0}))).filter((i=>i.name)):void 0;JSON.stringify(s)!==JSON.stringify(this.authoredBubble)&&(this.authoredBubble=s)}updated(i){if(i.has("value")&&this.view&&!this.syncingValue){a(this.view.state.doc)!==this.value&&this.setContent(this.value)}this.syncingValue=!1,(i.has("disabled")||i.has("readonly"))&&this.view&&this.view.setProps({}),i.has("placeholder")&&this.view&&this.view.dispatch(this.view.state.tr),i.has("required")&&this.updateValidity(),i.has("autosaveInterval")&&this.restartAutosave(),(i.has("pasteAsPlainText")||i.has("fullscreen")||i.has("showBlocks"))&&this.view&&(this.toolbarState=this.snapshotToolbar(this.view.state)),i.has("noTextTransform")&&this.view&&!i.has("value")&&this.view.updateState(this.buildState(this.view.state.doc)),i.has("fullscreen")&&(this.fullscreen?null===this.previousBodyOverflow&&(this.previousBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden"):null!==this.previousBodyOverflow&&(document.body.style.overflow=this.previousBodyOverflow,this.previousBodyOverflow=null))}restartAutosave(){this.autosaveTimer&&clearInterval(this.autosaveTimer),this.autosaveTimer=void 0,this.autosaveInterval>0&&(this.lastAutosaveValue=this.value,this.autosaveTimer=setInterval((()=>{this.view&&this.value!==this.lastAutosaveValue&&(this.lastAutosaveValue=this.value,this.emit("nile-autosave",this.buildChangeDetail(this.view.state.doc)))}),this.autosaveInterval))}buildState(i){return q({schema:g,doc:i,getPlaceholder:()=>this.placeholder,singleLine:this.singleLine,onLinkShortcut:()=>this.openLinkEditor(),onFindShortcut:()=>this.openFindBar(),onShortcutHelp:()=>this.openShortcutHelp(),onImageFiles:(i,s)=>{for(const e of i)this.insertImageFile(e,s)},mentions:{getTriggers:()=>Object.keys(this.mentions),onChange:i=>{this.mentionMatch=i,this.updateSuggestList()},onKeyDown:i=>this.handleSuggestKey(i,"mention")},slashCommands:{onChange:i=>{this.slashMatch=i,this.updateSuggestList()},onKeyDown:i=>this.handleSuggestKey(i,"slash")},emoji:{onChange:i=>{this.emojiMatch=i,this.updateSuggestList()},onKeyDown:i=>this.handleSuggestKey(i,"emoji")},getMaxLength:()=>this.maxLength,getForcePlainText:()=>this.pasteAsPlainText,getMarkdownPaste:()=>!this.noMarkdownPaste,getSanitize:()=>this.sanitize,textTransform:!this.noTextTransform})}snapshotToolbar(i){return{...L(i),pasteAsPlainText:this.pasteAsPlainText,fullscreen:this.fullscreen,showBlocks:this.showBlocks,formatPainter:R(i)}}mountView(){if(this.view||!this.surfaceEl)return;let i=this.value?v(g,this.value,this.sanitize):void 0;i&&this.singleLine&&(i=Y(i)),this.view=new m(this.surfaceEl,{state:this.buildState(i),dispatchTransaction:i=>this.handleTransaction(i),editable:()=>!this.disabled&&!this.readonly,transformPastedHTML:i=>{const s=M(i)?S(i):i;return this.sanitize?h(s):s},handleDOMEvents:{mousedown:()=>(this.closeSpecialChars(!1),this.closeInsertMenu(!1),!1),focus:()=>(this.hasFocus=!0,this.updateOverlays(),this.emit("nile-focus"),!1),blur:(i,s)=>{const e=s.relatedTarget;return e&&(this.shadowRoot?.contains(e)||this.contains(e))||(this.hasFocus=!1,this.flushChange(),this.updateOverlays(),this.closeSuggestList(),this.closeSpecialChars(!1),this.emit("nile-blur")),!1}},attributes:{role:"textbox","aria-multiline":this.singleLine?"false":"true"},nodeViews:{task_item:(i,s,e)=>new O(i,s,e),image:(i,s,e)=>new P(i,s,e),figure:(i,s,e)=>new F(i,s,e),embed:(i,s,e)=>new C(i,s,e),styleBlock:i=>new A(i),math:i=>new I(i,this.mathRenderer)}}),this.view.dom.addEventListener("mousedown",this.onPainterPointerDown),this.surfaceEl.addEventListener("scroll",this.onAnyScroll,{passive:!0}),this.toolbarState=this.snapshotToolbar(this.view.state),this.counter=j(this.view.state.doc),this.syncFormValue(this.view.state.doc)}handleTransaction(i){if(!this.view)return;const s=this.view.state.apply(i);if(this.view.updateState(s),i.selectionSet&&!s.selection.empty&&R(s)&&!this.painterDragActive){const i=K(s);if(i)return void this.view.dispatch(i)}if(this.toolbarState=this.snapshotToolbar(s),this.emit("nile-selection-change",this.toolbarState),this.updateOverlays(),this.findBarEl?.open){const i=N(s);this.findBarEl.matchCount=i.matches.length,this.findBarEl.activeIndex=i.activeIndex}if(i.docChanged){const i=this.buildChangeDetail(s.doc);this.syncingValue=!0,this.value=i.value,this.syncFormValue(s.doc),this.emit("nile-input",i),this.counter=j(s.doc),this.emit("nile-word-count",this.counter),this.scheduleChange()}}buildChangeDetail(i){const s=u(i)?"":a(i);return{value:s,json:d(i),content:s}}scheduleChange(){this.pendingChange=!0,this.changeTimer&&clearTimeout(this.changeTimer),this.changeTimer=setTimeout((()=>this.flushChange()),250)}flushChange(){this.pendingChange&&this.view&&(this.pendingChange=!1,this.changeTimer&&clearTimeout(this.changeTimer),this.emit("nile-change",this.buildChangeDetail(this.view.state.doc)))}syncFormValue(i){if(!this.internals)return;const s=u(i)?"":a(i);this.internals.setFormValue(""===s?null:s),this.updateValidity()}updateValidity(){if(!this.internals)return;const i=this.view?u(this.view.state.doc):""===this.value;this.required&&i?this.internals.setValidity({valueMissing:!0},"Please fill out this field.",this.surfaceEl??void 0):this.internals.setValidity({})}formResetCallback(){this.setContent(this.defaultValue)}formDisabledCallback(i){this.disabled=i}checkValidity(){return!this.internals||this.internals.checkValidity()}reportValidity(){return!this.internals||this.internals.reportValidity()}positionOverlay(i,s,e){if(!this.view||!this.baseEl)return;const n=e??this.view.state.selection.from,o=this.view.coordsAtPos(n),t=this.baseEl.getBoundingClientRect(),r=Math.max(4,Math.min(o.left-t.left,t.width-i.offsetWidth-4));i.style.left=`${r}px`,i.style.top="above"===s?`${Math.max(4,o.top-t.top-i.offsetHeight-8)}px`:o.bottom-t.top+6+"px"}positionOverlayBelowAnchor(i,s){if(!this.baseEl)return;const e=this.baseEl.getBoundingClientRect(),n=s.getBoundingClientRect(),o=Math.max(4,Math.min(n.left-e.left,e.width-i.offsetWidth-4));i.style.right="auto",i.style.left=`${o}px`,i.style.top=n.bottom-e.top+6+"px"}toolbarButton(i){return this.toolbarEl?.shadowRoot?.querySelector(`button[aria-label="${i}"]`)??null}updateOverlays(){if(!this.bubbleMenuEl)return;const i=this.linkEditorEl?.open||this.imagePanelEl?.open||this.embedPanelEl?.open||this.bookmarkPanelEl?.open||this.emojiPickerEl?.open,s=this.bubbleMenu&&this.hasFocus&&!!this.toolbarState&&!this.toolbarState.selectionEmpty&&!this.toolbarState.imageSelected&&!this.toolbarState.embedSelected&&!i;if(this.bubbleMenuEl.open=s,s&&(this.bubbleMenuEl.toolbarState=this.toolbarState,this.bubbleMenuEl.updateComplete.then((()=>this.positionOverlay(this.bubbleMenuEl,"above")))),this.tableMenuEl){const s=this.hasFocus&&!!this.toolbarState&&this.toolbarState.inTable&&!i;this.tableMenuEl.open=s,s&&this.tableMenuEl.updateComplete.then((()=>this.positionOverlay(this.tableMenuEl,"below")))}if(this.codeMenuEl){const s=this.hasFocus&&!!this.toolbarState&&this.toolbarState.inCodeBlock&&!i;this.codeMenuEl.open=s,s&&(this.codeMenuEl.language=this.toolbarState.codeBlockLanguage??"",this.codeMenuEl.updateComplete.then((()=>this.positionOverlay(this.codeMenuEl,"above"))))}if(this.imageMenuEl){const s=this.hasFocus&&!!this.toolbarState&&this.toolbarState.imageSelected&&!i;this.imageMenuEl.open=s,s&&(this.imageMenuEl.toolbarState=this.toolbarState,this.imageMenuEl.updateComplete.then((()=>this.positionOverlay(this.imageMenuEl,"above"))))}if(this.embedMenuEl){const s=this.hasFocus&&!!this.toolbarState&&this.toolbarState.embedSelected&&!i;this.embedMenuEl.open=s,s&&(this.embedMenuEl.toolbarState=this.toolbarState,this.embedMenuEl.updateComplete.then((()=>this.positionOverlay(this.embedMenuEl,"above"))))}}openSpecialChars(){this.view&&this.specialCharsEl&&!this.disabled&&!this.readonly&&(this.specialCharsEl.open=!0,this.specialCharsEl.updateComplete.then((()=>this.positionOverlay(this.specialCharsEl,"below"))))}closeSpecialChars(i=!0){this.specialCharsEl&&(this.specialCharsEl.open=!1),i&&this.view?.focus()}insertSpecialChar(i){this.view&&(this.view.dispatch(this.view.state.tr.insertText(i).scrollIntoView()),this.view.focus())}openInsertMenu(i){if(!this.view||!this.insertMenuEl||this.disabled||this.readonly)return;this.insertMenuMode=i;const s=this.insertMenuEl;"merge"===i?(s.heading="Merge field",s.emptyText="No merge fields configured.",s.items=this.mergeFields.map((i=>({label:i.label,description:`{{${i.id}}}`})))):(s.heading="Template",s.emptyText="No templates configured.",s.items=this.templates.map((i=>({label:i.label,description:i.description})))),s.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),s.updateComplete.then((()=>this.positionOverlay(s,"below")))}closeInsertMenu(i=!0){this.insertMenuEl&&(this.insertMenuEl.open=!1),this.insertMenuMode=null,i&&this.view?.focus()}handleInsertSelect(i){const s=this.insertMenuMode;if(this.closeInsertMenu(),this.view)if("merge"===s){const s=this.mergeFields[i];s&&this.execCommand("insertMergeField",{id:s.id,label:s.label})}else if("template"===s){const s=this.templates[i];s&&this.insertHTML(s.html)}}insertMergeField(i,s){this.execCommand("insertMergeField",{id:i,label:s??null})}changeCase(i){this.execCommand("changeCase",{textCase:i})}openMathPanel(){this.view&&this.mathPanelEl&&!this.disabled&&!this.readonly&&(this.mathPanelEl.reset(),this.mathPanelEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.mathPanelEl.updateComplete.then((()=>{const i=this.toolbarButton("Insert math (LaTeX)");i?this.positionOverlayBelowAnchor(this.mathPanelEl,i):this.positionOverlay(this.mathPanelEl,"below"),this.mathPanelEl.focusInput()})))}closeMathPanel(i=!0){this.mathPanelEl&&(this.mathPanelEl.open=!1),i&&this.view?.focus()}openMarkdownPanel(){this.view&&this.markdownPanelEl&&!this.disabled&&!this.readonly&&(this.markdownPanelEl.reset(),this.markdownPanelEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.markdownPanelEl.updateComplete.then((()=>{const i=this.toolbarButton("Insert from Markdown");i?this.positionOverlayBelowAnchor(this.markdownPanelEl,i):this.positionOverlay(this.markdownPanelEl,"below"),this.markdownPanelEl.focusInput()})))}closeMarkdownPanel(i=!0){this.markdownPanelEl&&(this.markdownPanelEl.open=!1),i&&this.view?.focus()}applyMath(i,s){this.closeMathPanel(),this.execCommand("insertMath",{latex:i,mathDisplay:s})}insertMath(i,s="inline"){this.execCommand("insertMath",{latex:i,mathDisplay:s})}openEmojiPicker(){this.view&&this.emojiPickerEl&&!this.disabled&&!this.readonly&&(this.emojiPickerEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.emojiPickerEl.updateComplete.then((()=>{this.positionOverlay(this.emojiPickerEl,"below"),this.emojiPickerEl.focusInput()})))}closeEmojiPicker(i=!0){this.emojiPickerEl&&(this.emojiPickerEl.open=!1),i&&this.view?.focus()}openEmbedPanel(){this.view&&this.embedPanelEl&&!this.disabled&&!this.readonly&&(this.embedPanelEl.reset(),this.embedPanelEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.embedPanelEl.updateComplete.then((()=>{const i=this.toolbarButton("Embed video (YouTube, Vimeo, Loom)");i?this.positionOverlayBelowAnchor(this.embedPanelEl,i):this.positionOverlay(this.embedPanelEl,"below"),this.embedPanelEl.focusInput()})))}closeEmbedPanel(i=!0){this.embedPanelEl&&(this.embedPanelEl.open=!1),i&&this.view?.focus()}openBookmarkPanel(){this.view&&this.bookmarkPanelEl&&!this.disabled&&!this.readonly&&(this.bookmarkPanelEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.bookmarkPanelEl.updateComplete.then((()=>{this.positionOverlay(this.bookmarkPanelEl,"below"),this.bookmarkPanelEl.focusInput()})))}closeBookmarkPanel(i=!0){this.bookmarkPanelEl&&(this.bookmarkPanelEl.open=!1),i&&this.view?.focus()}openImagePanel(){if(!this.view||!this.imagePanelEl||this.disabled||this.readonly)return;const i=f(this.view.state);i?this.imagePanelEl.prefill({src:i.node.attrs.src,alt:i.node.attrs.alt??"",caption:i.isFigure?i.node.textContent:""}):this.imagePanelEl.reset(),this.imagePanelEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.tableMenuEl&&(this.tableMenuEl.open=!1),this.imagePanelEl.updateComplete.then((()=>{const i=this.toolbarButton("Insert image");i?this.positionOverlayBelowAnchor(this.imagePanelEl,i):this.positionOverlay(this.imagePanelEl,"below"),this.imagePanelEl.focusInput()}))}closeImagePanel(i=!0){this.imagePanelEl&&(this.imagePanelEl.open=!1),i&&this.view?.focus()}insertImageAt(i,s,e,n=null){if(this.view){if(null!==e){const i=this.view.state.doc.resolve(Math.min(e,this.view.state.doc.content.size));this.view.dispatch(this.view.state.tr.setSelection(c.near(i)))}this.execCommand("insertImage",{src:i,alt:s,caption:n})}}async insertImageFile(i,s=null,e){if(!this.view)return;const n=e?.alt??null,o=e?.caption??null;if(!this.emit("nile-image-upload-request",{file:i,insert:(i,e)=>this.insertImageAt(i,e??n,s,o)},!0,!0,!0).defaultPrevented)if(this.uploadHandler){si+=1;const e=`nile-upload-${si}`,t=s??this.view.state.selection.from;this.view.dispatch(this.view.state.tr.setMeta(X,{add:{id:e,pos:t}}));try{const{src:s,alt:t}=await this.uploadHandler(i),r=this.view?G(this.view.state,e):null;this.view?.dispatch(this.view.state.tr.setMeta(X,{remove:{id:e}})),this.insertImageAt(s,n??t??null,r,o)}catch(s){this.view?.dispatch(this.view.state.tr.setMeta(X,{remove:{id:e}})),this.emit("nile-image-upload-error",{file:i,error:s})}}else if(this.allowBase64Images){const e=await function(i){return new Promise(((s,e)=>{const n=new FileReader;n.onload=()=>s(n.result),n.onerror=()=>e(n.error),n.readAsDataURL(i)}))}(i);this.insertImageAt(e,n,s,o)}}dismissKeyFor(i,s){return`${i}:${s.trigger}:${s.from}`}handleSuggestKey(i,s){if(this.activeSuggestSource!==s||!this.suggestListEl?.open)return!1;switch(i.key){case"ArrowDown":return this.suggestListEl.next(),!0;case"ArrowUp":return this.suggestListEl.prev(),!0;case"Enter":case"Tab":return this.suggestListEl.selectCurrent();case"Escape":{const i="mention"===s?this.mentionMatch:"slash"===s?this.slashMatch:this.emojiMatch;return i&&(this.suggestDismissed=this.dismissKeyFor(s,i)),this.closeSuggestList(),!0}default:return!1}}closeSuggestList(){this.suggestListEl&&(this.suggestListEl.open=!1),this.activeSuggestSource=null}updateSuggestList(){if(!this.suggestListEl||!this.view)return;const i=this.mentionMatch?.active?this.mentionMatch:null,s=!this.noSlashCommands&&this.slashMatch?.active?this.slashMatch:null,e=!this.noEmoji&&this.emojiMatch?.active?this.emojiMatch:null,n=i?"mention":s?"slash":e?"emoji":null,o=i??s??e;if(n&&o&&!this.disabled&&!this.readonly){if(this.suggestDismissed!==this.dismissKeyFor(n,o)){if(this.suggestDismissed=null,"mention"===n){const i=this.mentions[o.trigger]??[],s=o.query.toLowerCase();this.suggestListEl.items=i.filter((i=>i.label.toLowerCase().includes(s)));const e=`${o.trigger} ${o.query}`;this.mentionQueryToken=e,this.emit("nile-mention-query",{trigger:o.trigger,query:o.query,provide:i=>{this.mentionQueryToken===e&&Array.isArray(i)&&(this.suggestListEl.items=i.filter((i=>i&&"string"==typeof i.key&&"string"==typeof i.label)).map((i=>({key:i.key,label:i.label}))))}})}else if("slash"===n){const i=o.query.toLowerCase(),s=this.snippets.map((i=>({key:`snippet:${i.key}`,label:i.label,hint:"snippet"})));this.suggestListEl.items=[...ii,...s].filter((s=>s.label.toLowerCase().includes(i)))}else{const i=o.query.toLowerCase();if(this.suggestListEl.items=Z.filter((s=>s.name.includes(i))).slice(0,12).map((i=>({key:i.name,label:`${i.char} ${i.name}`}))),0===this.suggestListEl.items.length)return void this.closeSuggestList()}this.activeSuggestSource=n,this.suggestListEl.resetActive(),this.suggestListEl.open=!0,this.suggestListEl.updateComplete.then((()=>this.positionOverlay(this.suggestListEl,"below",o.from)))}}else this.closeSuggestList()}handleSuggestSelect(i){if(this.view){if("mention"===this.activeSuggestSource&&this.mentionMatch?.active){const s=this.mentionMatch,{state:e}=this.view,n=e.schema.nodes.mention.create({trigger:s.trigger,key:i.key,label:i.label});this.view.dispatch(e.tr.replaceWith(s.from,s.to,[n,e.schema.text(" ")])),this.view.focus(),this.emit("nile-mention-select",{trigger:s.trigger,key:i.key,label:i.label})}else if("slash"===this.activeSuggestSource&&this.slashMatch?.active){const s=this.slashMatch;if(this.view.dispatch(this.view.state.tr.delete(s.from,s.to)),this.closeSuggestList(),i.key.startsWith("snippet:")){const s=this.snippets.find((s=>`snippet:${s.key}`===i.key));return void(s&&this.insertHTML(s.html))}const e=ii.find((s=>s.key===i.key));if(!e)return;"openImage"===e.command?this.openImagePanel():"openEmbed"===e.command?this.openEmbedPanel():"openBookmark"===e.command?this.openBookmarkPanel():this.execCommand(e.command,e.attrs)}else if("emoji"===this.activeSuggestSource&&this.emojiMatch?.active){const s=this.emojiMatch,e=Z.find((s=>s.name===i.key));e&&(this.view.dispatch(this.view.state.tr.insertText(e.char,s.from,s.to)),this.view.focus())}this.closeSuggestList()}}openFindBar(){if(!this.findBarEl||this.sourceMode)return;this.findBarEl.open=!0;const i=this.view?N(this.view.state):null;this.findBarEl.matchCount=i?.matches.length??0,this.findBarEl.activeIndex=i?.activeIndex??0,this.findBarEl.updateComplete.then((()=>{const i=this.toolbarButton("Find & replace (Ctrl+F)");i&&this.positionOverlayBelowAnchor(this.findBarEl,i),this.findBarEl.focusInput()}))}closeFindBar(){this.view&&this.view.dispatch(z(this.view.state)),this.findBarEl&&(this.findBarEl.open=!1),this.view?.focus()}find(i){return this.view?(this.view.dispatch(H(this.view.state,i)),this.scrollToActiveMatch(),N(this.view.state).matches.length):0}findNext(){this.view&&(this.view.dispatch(D(this.view.state,"next")),this.scrollToActiveMatch())}findPrev(){this.view&&(this.view.dispatch(D(this.view.state,"prev")),this.scrollToActiveMatch())}replace(i){if(!this.view)return;const s=J(this.view.state,i);s&&this.view.dispatch(s)}replaceAll(i){if(!this.view)return;const s=V(this.view.state,i);s&&this.view.dispatch(s)}scrollToActiveMatch(){if(!this.view)return;const i=N(this.view.state),s=i.matches[i.activeIndex];s&&this.view.dispatch(this.view.state.tr.setSelection(c.create(this.view.state.doc,s.from,s.to)).scrollIntoView())}toggleSourceView(){this.sourceMode?this.applySourceView(this.sourceViewEl?.currentValue??null):(this.sourceMode=!0,this.updateComplete.then((()=>{this.sourceViewEl&&(this.sourceViewEl.value=this.getHTML(),this.sourceViewEl.focusInput())})))}applySourceView(i){this.sourceMode=!1,null!==i&&this.setContent(i,!0),this.updateComplete.then((()=>this.view?.focus()))}getWordCount(){return this.view?j(this.view.state.doc):{words:0,characters:0}}toggleFormatPainter(){if(!this.view)return;const i=R(this.view.state)?W(this.view.state):U(this.view.state);i&&this.view.dispatch(i),this.view.focus()}get contentRoot(){return this.view?.dom??null}exportFilename(i){return`${(this.name||"document").replace(/[^\w.-]+/g,"-").replace(/^-+|-+$/g,"")||"document"}.${i}`}downloadBlob(i,s,e){const n=new Blob([i],{type:s}),o=URL.createObjectURL(n),t=document.createElement("a");t.href=o,t.download=e,t.style.display="none",document.body.appendChild(t),t.click(),t.remove(),setTimeout((()=>URL.revokeObjectURL(o)),0)}getInlineStyledHTML(){const i=this.contentRoot;return this.view&&i&&!u(this.view.state.doc)?B(i):""}exportInlineHtml(i){const s=this.getInlineStyledHTML();if(!s)return;const e=`<!DOCTYPE html>\n<html><head><meta charset="utf-8"></head><body>${s}</body></html>`;this.downloadBlob(e,"text/html;charset=utf-8",i??this.exportFilename("html"))}exportToWord(i){const s=this.getInlineStyledHTML();if(!s)return;const e=E(s,this.name||"Document");this.downloadBlob(e,"application/msword",i??this.exportFilename("doc"))}exportToPdf(i={}){const s=this.getInlineStyledHTML();if(!s)return;const e=T(s,{title:this.name||"Document",...i}),n=document.createElement("iframe");n.setAttribute("aria-hidden","true"),Object.assign(n.style,{position:"fixed",right:"0",bottom:"0",width:"0",height:"0",border:"0"}),document.body.appendChild(n);const o=()=>{setTimeout((()=>n.remove()),1e3)};n.onload=()=>{const i=n.contentWindow;i?(i.focus(),i.addEventListener("afterprint",o,{once:!0}),i.print()):o()};const t=n.contentDocument;t?(t.open(),t.write(e),t.close()):n.remove()}importFromWord(i,s=!0){if(!i)return;const e=M(i)?S(i):i;this.setContent(e,s)}importFromWordFile(){const i=document.createElement("input");i.type="file",i.accept=".htm,.html,text/html",i.style.display="none",i.addEventListener("change",(()=>{const s=i.files?.[0];i.remove(),s&&s.text().then((i=>this.importFromWord(i)))})),document.body.appendChild(i),i.click()}openShortcutHelp(){this.shortcutHelpEl&&(this.shortcutHelpEl.open=!0,this.shortcutHelpEl.focusPanel())}closeShortcutHelp(){this.shortcutHelpEl&&(this.shortcutHelpEl.open=!1),this.view?.focus()}toggleFullscreen(){this.fullscreen=!this.fullscreen,this.view?.focus()}openLinkEditor(){if(!this.view||!this.linkEditorEl||this.disabled||this.readonly)return;const i=this.toolbarState??L(this.view.state);this.linkEditorEl.href=i.linkHref??"",this.linkEditorEl.text="",this.linkEditorEl.allowText=i.selectionEmpty&&!i.linkActive,this.linkEditorEl.canRemove=i.linkActive,this.linkEditorEl.open=!0,this.bubbleMenuEl&&(this.bubbleMenuEl.open=!1),this.linkEditorEl.updateComplete.then((()=>{this.positionOverlay(this.linkEditorEl,"below"),this.linkEditorEl.focusInput()}))}closeLinkEditor(i=!0){this.linkEditorEl&&(this.linkEditorEl.open=!1),i&&this.view?.focus()}applyLink(i,s){if(!this.view)return;const{state:e}=this.view,n=e.schema.marks.link;if(e.selection.empty&&!k(e.selection.$from,n)){const o=s||i,t=e.schema.text(o,[n.create({href:i})]);this.view.dispatch(e.tr.replaceSelectionWith(t,!1).scrollIntoView())}else this.execCommand("link",{href:i});this.closeLinkEditor()}get pmView(){return this.view}get json(){return this.view?d(this.view.state.doc):null}set json(i){i&&this.setContent(i)}focus(){this.view?.focus()}blur(){this.view?.dom?.blur()}getHTML(){return this.view&&!u(this.view.state.doc)?a(this.view.state.doc):""}getJSON(){return this.json}getText(){return this.view?w(this.view.state.doc):""}getMarkdown(){return this.view&&!u(this.view.state.doc)?$(this.view.state.doc):""}setMarkdown(i,s=!1){this.setContent(_(i),s)}insertMarkdown(i){this.insertHTML(_(i))}setContent(i,s=!1){if(!this.view)return void("string"==typeof i&&(this.value=i));let e="string"==typeof i?v(g,i,this.sanitize):y(g,i);this.singleLine&&(e=Y(e)),this.view.updateState(this.buildState(e)),this.toolbarState=this.snapshotToolbar(this.view.state),this.syncingValue=!0,this.value=u(e)?"":a(e),this.syncFormValue(e),s&&(this.emit("nile-input",this.buildChangeDetail(e)),this.emit("nile-change",this.buildChangeDetail(e)))}clear(){this.setContent("")}insertHTML(i){if(!this.view)return;const s=b(g,i,this.sanitize);this.view.dispatch(this.view.state.tr.replaceSelection(s).scrollIntoView()),this.view.focus()}execCommand(i,s){if(!this.view)return!1;const e=x(this.view.state,i,s);if(!e)return!1;const n=e(this.view.state,this.view.dispatch,this.view);return this.view.focus(),n}isCommandActive(i){const s=this.toolbarState;if(!s)return!1;switch(i){case"bold":return s.bold;case"italic":return s.italic;case"underline":return s.underline;case"strike":return s.strike;case"code":return s.code;case"link":return s.linkActive;case"bulletList":return s.inBulletList;case"orderedList":return s.inOrderedList;case"blockquote":return s.inBlockquote;default:return!1}}handleCommand(i){i.stopPropagation();const{name:s,attrs:e}=i.detail;if("openLink"!==s)if("openImage"!==s)if("openEmbed"!==s)if("openBookmark"!==s){if("toggleShowBlocks"===s)return this.showBlocks=!this.showBlocks,void this.view?.focus();if("toggleSource"!==s)return"togglePastePlainText"===s?(this.pasteAsPlainText=!this.pasteAsPlainText,void this.view?.focus()):void("toggleFullscreen"!==s?"openShortcutHelp"!==s?"openSpecialChars"!==s?"openEmoji"!==s?"openFind"!==s?"exportPdf"!==s?"exportWord"!==s?"exportInlineHtml"!==s?"importWord"!==s?"toggleFormatPainter"!==s?"openMergeField"!==s?"openTemplate"!==s?"openMarkdown"!==s?"openMath"!==s?this.execCommand(s,e):this.openMathPanel():this.openMarkdownPanel():this.openInsertMenu("template"):this.openInsertMenu("merge"):this.toggleFormatPainter():this.importFromWordFile():this.exportInlineHtml():this.exportToWord():this.exportToPdf():this.openFindBar():this.openEmojiPicker():this.openSpecialChars():this.openShortcutHelp():this.toggleFullscreen());this.toggleSourceView()}else this.openBookmarkPanel();else this.openEmbedPanel();else this.openImagePanel();else this.openLinkEditor()}handleBaseKeydown(i){if("Escape"!==i.key||i.defaultPrevented)return;if(this.specialCharsEl?.open)return void this.closeSpecialChars();if(!this.fullscreen)return;this.linkEditorEl?.open||this.imagePanelEl?.open||this.embedPanelEl?.open||this.bookmarkPanelEl?.open||this.emojiPickerEl?.open||this.findBarEl?.open||this.shortcutHelpEl?.open||this.suggestListEl?.open||(this.fullscreen=!1)}handleChromeFocusOut(i){const s=i.relatedTarget;s&&(this.shadowRoot?.contains(s)||this.contains(s))||this.view?.hasFocus()||(this.hasFocus=!1,this.updateOverlays())}get floatingPanels(){return[this.linkEditorEl,this.imagePanelEl,this.embedPanelEl,this.bookmarkPanelEl,this.specialCharsEl,this.emojiPickerEl,this.insertMenuEl,this.mathPanelEl,this.markdownPanelEl]}closeAllPanels(i=!0){this.linkEditorEl?.open&&this.closeLinkEditor(i),this.imagePanelEl?.open&&this.closeImagePanel(i),this.embedPanelEl?.open&&this.closeEmbedPanel(i),this.bookmarkPanelEl?.open&&this.closeBookmarkPanel(i),this.specialCharsEl?.open&&this.closeSpecialChars(i),this.emojiPickerEl?.open&&this.closeEmojiPicker(i),this.insertMenuEl?.open&&this.closeInsertMenu(i),this.mathPanelEl?.open&&this.closeMathPanel(i),this.markdownPanelEl?.open&&this.closeMarkdownPanel(i)}render(){const i=(this.authoredToolbar?.length??0)>0,n=("none"!==this.toolbar||i)&&!this.readonly;return s`
|
|
2
2
|
<div
|
|
3
3
|
class="nile-wysiwyg ${this.showBlocks?"nile-wysiwyg--show-blocks":""}"
|
|
4
4
|
part="base"
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../engine/plugins/code-highlight.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../../index-89c520e9.cjs.js","../../index-3ca67627.cjs.js","../../xml-
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../engine/plugins/code-highlight.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../../index-89c520e9.cjs.js","../../index-3ca67627.cjs.js","../../xml-09119317.cjs.js"],function(_export,_context){"use strict";var e,o,n,r,s,a,t,_templateObject,_templateObject2,_templateObject3,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){o=_lit.css;n=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_enginePluginsCodeHighlightCjsJs){t=_enginePluginsCodeHighlightCjsJs.C;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_index00bCjsJs){},function(_index00aCjsJs){},function(_xml00cCjsJs){}],execute:function execute(){i=/*#__PURE__*/function(_a){function i(){var _this;_classCallCheck(this,i);_this=_callSuper(this,i,arguments),_this.open=!1,_this.language=null;return _this;}_inherits(i,_a);return _createClass(i,[{key:"render",value:function render(){var _this$language,_this2=this;var e=(_this$language=this.language)!==null&&_this$language!==void 0?_this$language:"";return n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <span class=\"menu\" part=\"code-language\" @mousedown=",">\n <span class=\"label\">Language</span>\n <select\n aria-label=\"Code block language\"\n title=\"Syntax highlighting language for this code block\"\n .value=","\n @change=","\n >\n ","\n </select>\n </span>\n "])),function(e){return e.stopPropagation();},e,function(e){var o=e.target.value;_this2.emit("wysiwyg-command",{name:"setCodeBlockLanguage",attrs:{language:o||null}});},t.map(function(o){return n(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <option value="," ?selected=",">\n ","\n </option>\n "])),o.value,o.value===e,o.label);}));}}],[{key:"styles",get:function get(){return[o(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n :host {\n font-family: var(\n --nile-font-family-sans-serif,\n var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n );\n position: absolute;\n z-index: 15;\n display: none;\n }\n\n :host([open]) {\n display: block;\n }\n\n .menu {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 4px 4px 4px 10px;\n border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n border-radius: 8px;\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12);\n }\n\n .label {\n font-size: 12px;\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n white-space: nowrap;\n }\n\n select {\n font: inherit;\n font-size: 12px;\n height: 24px;\n padding: 0 4px;\n border: none;\n border-radius: 5px;\n background: transparent;\n color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n cursor: pointer;\n outline: none;\n }\n\n select:hover {\n background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n }\n "])))];}}]);}(a);e([r({type:Boolean,reflect:!0})],i.prototype,"open",void 0),e([r({type:String})],i.prototype,"language",void 0),i=e([s("nile-wysiwyg-code-menu")],i);}};});
|
|
2
2
|
//# sourceMappingURL=code-block-menu.cjs.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__decorate as e}from"tslib";import{css as o,html as n}from"lit";import{property as r,customElement as s}from"lit/decorators.js";import{N as a}from"../../internal/nile-element.esm.js";import{C as t}from"../engine/plugins/code-highlight.esm.js";import"../../internal/accessibility/a11y.state.enum.esm.js";import"../../internal/accessibility/a11y.property.enum.esm.js";import"../../internal/accessibility/role.enum.esm.js";import"../../index-6f3fa4ab.esm.js";import"../../index-ba47645d.esm.js";import"../../xml-
|
|
1
|
+
import{__decorate as e}from"tslib";import{css as o,html as n}from"lit";import{property as r,customElement as s}from"lit/decorators.js";import{N as a}from"../../internal/nile-element.esm.js";import{C as t}from"../engine/plugins/code-highlight.esm.js";import"../../internal/accessibility/a11y.state.enum.esm.js";import"../../internal/accessibility/a11y.property.enum.esm.js";import"../../internal/accessibility/role.enum.esm.js";import"../../index-6f3fa4ab.esm.js";import"../../index-ba47645d.esm.js";import"../../xml-9bf771b3.esm.js";let i=class extends a{constructor(){super(...arguments),this.open=!1,this.language=null}static get styles(){return[o`
|
|
2
2
|
:host {
|
|
3
3
|
font-family: var(
|
|
4
4
|
--nile-font-family-sans-serif,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/unsafe-html.js","../../xml-90fd974e.cjs.js","../../internal/nile-element.cjs.js","../engine/sanitize.cjs.js","./preview.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../engine/plugins/embeds.cjs.js","../../index-89c520e9.cjs.js","../nile-wysiwyg-editor.css.cjs.js"],function(_export,_context){"use strict";var e,t,r,o,i,n,s,l,a,c,h,d,p,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,g;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.css;r=_lit.html;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;i=_litDecoratorsJs.query;n=_litDecoratorsJs.state;s=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_litDirectivesUnsafeHtmlJs){a=_litDirectivesUnsafeHtmlJs.unsafeHTML;},function(_xml00cCjsJs){c=_xml00cCjsJs.H;h=_xml00cCjsJs.x;},function(_internalNileElementCjsJs){d=_internalNileElementCjsJs.N;},function(_engineSanitizeCjsJs){p=_engineSanitizeCjsJs.s;},function(_previewCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_enginePluginsEmbedsCjsJs){},function(_index00bCjsJs){},function(_nileWysiwygEditorCssCjsJs){}],execute:function execute(){c.registerLanguage("xml",h);g=/*#__PURE__*/function(_d){function g(){var _this;_classCallCheck(this,g);_this=_callSuper(this,g,arguments),_this.value="",_this.draft="",_this.splitRatio=.5,_this.splitDragging=!1,_this.startSplitDrag=function(e){var t=_this.bodyEl;if(!t)return;e.preventDefault(),_this.splitDragging=!0;var r=t.getBoundingClientRect(),o=function o(e){if(0===r.width)return;var t=(e.clientX-r.left)/r.width;_this.splitRatio=Math.min(.85,Math.max(.15,t));},_i=function i(){_this.splitDragging=!1,window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",_i);};window.addEventListener("pointermove",o),window.addEventListener("pointerup",_i);},_this.resetSplit=function(){_this.splitRatio=.5;},_this.onInput=function(e){_this.draft=e.target.value;},_this.onScroll=function(e){var t=e.target;_this.highlightEl&&(_this.highlightEl.style.transform="translate(".concat(-t.scrollLeft,"px, ").concat(-t.scrollTop,"px)")),_this.linenosEl&&(_this.linenosEl.style.transform="translateY(".concat(-t.scrollTop,"px)"));};return _this;}_inherits(g,_d);return _createClass(g,[{key:"willUpdate",value:function willUpdate(e){e.has("value")&&(this.draft=this.value);}},{key:"currentValue",get:function get(){return this.draft;}},{key:"focusInput",value:function focusInput(){var _this2=this;this.updateComplete.then(function(){var _this2$textarea;return(_this2$textarea=_this2.textarea)===null||_this2$textarea===void 0?void 0:_this2$textarea.focus();});}},{key:"highlighted",get:function get(){if(!this.draft)return"";try{return c.highlight(this.draft,{language:"xml"}).value;}catch(_unused){return this.draft.replace(/[&<>]/g,function(e){return{"&":"&","<":"<",">":">"}[e];});}}},{key:"lineCount",get:function get(){return this.draft?this.draft.split("\n").length:1;}},{key:"render",value:function render(){var _this3=this;var e=p(this.draft),t=[];for(var _e=1;_e<=this.lineCount;_e+=1)t.push(r(_templateObject||(_templateObject=_taggedTemplateLiteral(["<div>","</div>"])),_e));return r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <div class=\"bar\" part=\"source-bar\">\n <span>HTML</span>\n <span class=\"actions\">\n <button type=\"button\" @click=",">\n Cancel\n </button>\n <button\n type=\"button\"\n class=\"primary\"\n @click=","\n >\n Done\n </button>\n </span>\n </div>\n <div class=",">\n <div class=\"pane pane--code\" style=\"flex: 0 0 ","%\">\n <div class=\"linenos\" part=\"line-numbers\" aria-hidden=\"true\">\n <div class=\"linenos-inner\">","</div>\n </div>\n <div class=\"input-wrap\">\n <pre class=\"hl\" aria-hidden=\"true\"><code>","</code></pre>\n <textarea\n part=\"source-textarea\"\n spellcheck=\"false\"\n autocapitalize=\"off\"\n autocomplete=\"off\"\n wrap=\"off\"\n .value=","\n @input=","\n @scroll=","\n @keydown=","\n ></textarea>\n </div>\n </div>\n <div\n class=\"gutter\"\n part=\"gutter\"\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label=\"Resize source and preview\"\n title=\"Drag to resize \xB7 double-click to reset\"\n @pointerdown=","\n @dblclick=","\n ></div>\n <div class=\"pane pane--preview\" part=\"preview\">\n ","\n </div>\n </div>\n "])),function(){return _this3.emit("wysiwyg-source-cancel");},function(){return _this3.emit("wysiwyg-source-apply",{html:_this3.draft});},l({body:!0,"body--dragging":this.splitDragging}),100*this.splitRatio,t,a(this.highlighted),this.value,this.onInput,this.onScroll,function(e){"Escape"===e.key&&(e.stopPropagation(),_this3.emit("wysiwyg-source-cancel"));},this.startSplitDrag,this.resetSplit,this.draft.trim()?r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-wysiwyg-preview .content=","></nile-wysiwyg-preview>"])),e):r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<span class=\"preview-empty\">Nothing to preview</span>"]))));}}],[{key:"styles",get:function get(){return[t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n :host {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n overflow: hidden;\n min-height: var(--nile-wysiwyg-min-height, 200px);\n height: var(--nile-wysiwyg-source-height, 340px);\n max-height: var(\n --nile-wysiwyg-source-max-height,\n var(--nile-wysiwyg-max-height, 70vh)\n );\n resize: vertical;\n }\n\n .bar {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 12px;\n font-size: 12px;\n color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));\n border-bottom: 1px solid var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n background: var(--nile-wysiwyg-toolbar-bg, var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary)));\n }\n\n .actions {\n display: flex;\n gap: 8px;\n }\n\n button {\n font: inherit;\n font-size: 12px;\n padding: 4px 12px;\n border-radius: 6px;\n border: 1px solid transparent;\n cursor: pointer;\n background: transparent;\n color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n }\n\n button.primary {\n background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));\n color: var(--ng-colors-text-white);\n }\n\n .body {\n flex: 1 1 auto;\n display: flex;\n align-items: stretch;\n overflow: hidden;\n min-height: 0;\n box-sizing: border-box;\n }\n\n .body--dragging {\n cursor: col-resize;\n user-select: none;\n -webkit-user-select: none;\n }\n\n .body--dragging .pane {\n pointer-events: none;\n }\n\n .pane {\n min-width: 0;\n min-height: 0;\n box-sizing: border-box;\n }\n\n /* --- Lightweight code editor: gutter + highlighted textarea --- */\n .pane--code {\n display: flex;\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n /* Shared code metrics, inherited by the gutter, highlight and textarea\n so every line lines up to the pixel. */\n font-family: var(--nile-wysiwyg-code-font, ui-monospace, SFMono-Regular, Menlo, monospace);\n font-size: 12px;\n line-height: 18px;\n tab-size: 2;\n -moz-tab-size: 2;\n }\n\n .linenos {\n flex: 0 0 auto;\n overflow: hidden;\n box-sizing: border-box;\n padding: 12px 8px 0;\n text-align: right;\n color: var(--nile-colors-neutral-400, var(--ng-colors-text-quaternary-500));\n background: var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary));\n border-right: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\n user-select: none;\n }\n\n .linenos-inner {\n will-change: transform;\n }\n\n .linenos-inner > div {\n height: 18px;\n }\n\n .input-wrap {\n position: relative;\n flex: 1 1 0;\n min-width: 0;\n overflow: hidden;\n }\n\n /* Highlight layer and textarea share the exact same box (offset for\n padding via top/left, extending to the edges for horizontal scroll),\n so the coloured text sits directly under the caret. */\n .hl,\n textarea {\n position: absolute;\n top: 12px;\n left: 16px;\n right: 0;\n bottom: 0;\n margin: 0;\n border: 0;\n padding: 0;\n font: inherit;\n line-height: inherit;\n tab-size: inherit;\n white-space: pre;\n word-wrap: normal;\n overflow-wrap: normal;\n box-sizing: border-box;\n }\n\n .hl {\n overflow: hidden;\n pointer-events: none;\n color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary-900));\n }\n\n .hl > code {\n display: block;\n will-change: transform;\n }\n\n textarea {\n width: auto;\n resize: none;\n outline: none;\n overflow: auto;\n background: transparent;\n color: transparent;\n caret-color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary-900));\n }\n\n /* Must be translucent: the textarea's text is transparent and the\n coloured code sits BEHIND it, so an opaque selection would hide the\n text. A tint lets the highlighted code show through the selection. */\n textarea::selection {\n background: rgba(41, 112, 255, 0.3);\n }\n textarea::-moz-selection {\n background: rgba(41, 112, 255, 0.3);\n }\n\n /* highlight.js token palette (Atom One Light), matching code blocks. */\n .hl .hljs-comment,\n .hl .hljs-quote { color: var(--ng-componentcolors-utility-gray-500); font-style: italic; }\n .hl .hljs-keyword,\n .hl .hljs-selector-tag,\n .hl .hljs-doctag { color: var(--ng-componentcolors-utility-purple-600); }\n .hl .hljs-name,\n .hl .hljs-selector-id,\n .hl .hljs-selector-class,\n .hl .hljs-tag { color: var(--ng-componentcolors-utility-error-600); }\n .hl .hljs-literal,\n .hl .hljs-built_in { color: var(--ng-componentcolors-utility-blue-600); }\n .hl .hljs-string,\n .hl .hljs-attribute,\n .hl .hljs-meta .hljs-string { color: var(--ng-componentcolors-utility-green-600); }\n .hl .hljs-attr,\n .hl .hljs-variable,\n .hl .hljs-type,\n .hl .hljs-number { color: var(--ng-componentcolors-utility-orange-600); }\n .hl .hljs-symbol,\n .hl .hljs-meta,\n .hl .hljs-title { color: var(--ng-componentcolors-utility-indigo-600); }\n\n /* Draggable divider between the code and preview panes. */\n .gutter {\n flex: 0 0 auto;\n position: relative;\n width: 1px;\n align-self: stretch;\n background: var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n cursor: col-resize;\n touch-action: none;\n }\n\n .gutter::before {\n content: '';\n position: absolute;\n inset: 0 -4px;\n }\n\n .gutter:hover,\n .body--dragging .gutter {\n background: var(--ng-colors-bg-brand-primary);\n }\n\n .pane--preview {\n flex: 1 1 0;\n overflow: auto;\n border-left: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n }\n\n nile-wysiwyg-preview {\n display: block;\n }\n\n .preview-empty {\n display: block;\n padding: 12px 16px;\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n font-size: 12px;\n opacity: 0.7;\n }\n "])))];}}]);}(d);e([o({type:String})],g.prototype,"value",void 0),e([i("textarea")],g.prototype,"textarea",void 0),e([i(".hl > code")],g.prototype,"highlightEl",void 0),e([i(".linenos-inner")],g.prototype,"linenosEl",void 0),e([i(".body")],g.prototype,"bodyEl",void 0),e([n()],g.prototype,"draft",void 0),e([n()],g.prototype,"splitRatio",void 0),e([n()],g.prototype,"splitDragging",void 0),g=e([s("nile-wysiwyg-source-view")],g);}};});
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/unsafe-html.js","../../xml-09119317.cjs.js","../../internal/nile-element.cjs.js","../engine/sanitize.cjs.js","./preview.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../engine/plugins/embeds.cjs.js","../../index-89c520e9.cjs.js","../nile-wysiwyg-editor.css.cjs.js"],function(_export,_context){"use strict";var e,t,r,o,i,n,s,l,a,c,h,d,p,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,g;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.css;r=_lit.html;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;i=_litDecoratorsJs.query;n=_litDecoratorsJs.state;s=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_litDirectivesUnsafeHtmlJs){a=_litDirectivesUnsafeHtmlJs.unsafeHTML;},function(_xml00cCjsJs){c=_xml00cCjsJs.H;h=_xml00cCjsJs.x;},function(_internalNileElementCjsJs){d=_internalNileElementCjsJs.N;},function(_engineSanitizeCjsJs){p=_engineSanitizeCjsJs.s;},function(_previewCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_enginePluginsEmbedsCjsJs){},function(_index00bCjsJs){},function(_nileWysiwygEditorCssCjsJs){}],execute:function execute(){c.registerLanguage("xml",h);g=/*#__PURE__*/function(_d){function g(){var _this;_classCallCheck(this,g);_this=_callSuper(this,g,arguments),_this.value="",_this.draft="",_this.splitRatio=.5,_this.splitDragging=!1,_this.startSplitDrag=function(e){var t=_this.bodyEl;if(!t)return;e.preventDefault(),_this.splitDragging=!0;var r=t.getBoundingClientRect(),o=function o(e){if(0===r.width)return;var t=(e.clientX-r.left)/r.width;_this.splitRatio=Math.min(.85,Math.max(.15,t));},_i=function i(){_this.splitDragging=!1,window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",_i);};window.addEventListener("pointermove",o),window.addEventListener("pointerup",_i);},_this.resetSplit=function(){_this.splitRatio=.5;},_this.onInput=function(e){_this.draft=e.target.value;},_this.onScroll=function(e){var t=e.target;_this.highlightEl&&(_this.highlightEl.style.transform="translate(".concat(-t.scrollLeft,"px, ").concat(-t.scrollTop,"px)")),_this.linenosEl&&(_this.linenosEl.style.transform="translateY(".concat(-t.scrollTop,"px)"));};return _this;}_inherits(g,_d);return _createClass(g,[{key:"willUpdate",value:function willUpdate(e){e.has("value")&&(this.draft=this.value);}},{key:"currentValue",get:function get(){return this.draft;}},{key:"focusInput",value:function focusInput(){var _this2=this;this.updateComplete.then(function(){var _this2$textarea;return(_this2$textarea=_this2.textarea)===null||_this2$textarea===void 0?void 0:_this2$textarea.focus();});}},{key:"highlighted",get:function get(){if(!this.draft)return"";try{return c.highlight(this.draft,{language:"xml"}).value;}catch(_unused){return this.draft.replace(/[&<>]/g,function(e){return{"&":"&","<":"<",">":">"}[e];});}}},{key:"lineCount",get:function get(){return this.draft?this.draft.split("\n").length:1;}},{key:"render",value:function render(){var _this3=this;var e=p(this.draft),t=[];for(var _e=1;_e<=this.lineCount;_e+=1)t.push(r(_templateObject||(_templateObject=_taggedTemplateLiteral(["<div>","</div>"])),_e));return r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <div class=\"bar\" part=\"source-bar\">\n <span>HTML</span>\n <span class=\"actions\">\n <button type=\"button\" @click=",">\n Cancel\n </button>\n <button\n type=\"button\"\n class=\"primary\"\n @click=","\n >\n Done\n </button>\n </span>\n </div>\n <div class=",">\n <div class=\"pane pane--code\" style=\"flex: 0 0 ","%\">\n <div class=\"linenos\" part=\"line-numbers\" aria-hidden=\"true\">\n <div class=\"linenos-inner\">","</div>\n </div>\n <div class=\"input-wrap\">\n <pre class=\"hl\" aria-hidden=\"true\"><code>","</code></pre>\n <textarea\n part=\"source-textarea\"\n spellcheck=\"false\"\n autocapitalize=\"off\"\n autocomplete=\"off\"\n wrap=\"off\"\n .value=","\n @input=","\n @scroll=","\n @keydown=","\n ></textarea>\n </div>\n </div>\n <div\n class=\"gutter\"\n part=\"gutter\"\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label=\"Resize source and preview\"\n title=\"Drag to resize \xB7 double-click to reset\"\n @pointerdown=","\n @dblclick=","\n ></div>\n <div class=\"pane pane--preview\" part=\"preview\">\n ","\n </div>\n </div>\n "])),function(){return _this3.emit("wysiwyg-source-cancel");},function(){return _this3.emit("wysiwyg-source-apply",{html:_this3.draft});},l({body:!0,"body--dragging":this.splitDragging}),100*this.splitRatio,t,a(this.highlighted),this.value,this.onInput,this.onScroll,function(e){"Escape"===e.key&&(e.stopPropagation(),_this3.emit("wysiwyg-source-cancel"));},this.startSplitDrag,this.resetSplit,this.draft.trim()?r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-wysiwyg-preview .content=","></nile-wysiwyg-preview>"])),e):r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<span class=\"preview-empty\">Nothing to preview</span>"]))));}}],[{key:"styles",get:function get(){return[t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n :host {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n overflow: hidden;\n min-height: var(--nile-wysiwyg-min-height, 200px);\n height: var(--nile-wysiwyg-source-height, 340px);\n max-height: var(\n --nile-wysiwyg-source-max-height,\n var(--nile-wysiwyg-max-height, 70vh)\n );\n resize: vertical;\n }\n\n .bar {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 12px;\n font-size: 12px;\n color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));\n border-bottom: 1px solid var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n background: var(--nile-wysiwyg-toolbar-bg, var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary)));\n }\n\n .actions {\n display: flex;\n gap: 8px;\n }\n\n button {\n font: inherit;\n font-size: 12px;\n padding: 4px 12px;\n border-radius: 6px;\n border: 1px solid transparent;\n cursor: pointer;\n background: transparent;\n color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n }\n\n button.primary {\n background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));\n color: var(--ng-colors-text-white);\n }\n\n .body {\n flex: 1 1 auto;\n display: flex;\n align-items: stretch;\n overflow: hidden;\n min-height: 0;\n box-sizing: border-box;\n }\n\n .body--dragging {\n cursor: col-resize;\n user-select: none;\n -webkit-user-select: none;\n }\n\n .body--dragging .pane {\n pointer-events: none;\n }\n\n .pane {\n min-width: 0;\n min-height: 0;\n box-sizing: border-box;\n }\n\n /* --- Lightweight code editor: gutter + highlighted textarea --- */\n .pane--code {\n display: flex;\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n /* Shared code metrics, inherited by the gutter, highlight and textarea\n so every line lines up to the pixel. */\n font-family: var(--nile-wysiwyg-code-font, ui-monospace, SFMono-Regular, Menlo, monospace);\n font-size: 12px;\n line-height: 18px;\n tab-size: 2;\n -moz-tab-size: 2;\n }\n\n .linenos {\n flex: 0 0 auto;\n overflow: hidden;\n box-sizing: border-box;\n padding: 12px 8px 0;\n text-align: right;\n color: var(--nile-colors-neutral-400, var(--ng-colors-text-quaternary-500));\n background: var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary));\n border-right: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\n user-select: none;\n }\n\n .linenos-inner {\n will-change: transform;\n }\n\n .linenos-inner > div {\n height: 18px;\n }\n\n .input-wrap {\n position: relative;\n flex: 1 1 0;\n min-width: 0;\n overflow: hidden;\n }\n\n /* Highlight layer and textarea share the exact same box (offset for\n padding via top/left, extending to the edges for horizontal scroll),\n so the coloured text sits directly under the caret. */\n .hl,\n textarea {\n position: absolute;\n top: 12px;\n left: 16px;\n right: 0;\n bottom: 0;\n margin: 0;\n border: 0;\n padding: 0;\n font: inherit;\n line-height: inherit;\n tab-size: inherit;\n white-space: pre;\n word-wrap: normal;\n overflow-wrap: normal;\n box-sizing: border-box;\n }\n\n .hl {\n overflow: hidden;\n pointer-events: none;\n color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary-900));\n }\n\n .hl > code {\n display: block;\n will-change: transform;\n }\n\n textarea {\n width: auto;\n resize: none;\n outline: none;\n overflow: auto;\n background: transparent;\n color: transparent;\n caret-color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary-900));\n }\n\n /* Must be translucent: the textarea's text is transparent and the\n coloured code sits BEHIND it, so an opaque selection would hide the\n text. A tint lets the highlighted code show through the selection. */\n textarea::selection {\n background: rgba(41, 112, 255, 0.3);\n }\n textarea::-moz-selection {\n background: rgba(41, 112, 255, 0.3);\n }\n\n /* highlight.js token palette (Atom One Light), matching code blocks. */\n .hl .hljs-comment,\n .hl .hljs-quote { color: var(--ng-componentcolors-utility-gray-500); font-style: italic; }\n .hl .hljs-keyword,\n .hl .hljs-selector-tag,\n .hl .hljs-doctag { color: var(--ng-componentcolors-utility-purple-600); }\n .hl .hljs-name,\n .hl .hljs-selector-id,\n .hl .hljs-selector-class,\n .hl .hljs-tag { color: var(--ng-componentcolors-utility-error-600); }\n .hl .hljs-literal,\n .hl .hljs-built_in { color: var(--ng-componentcolors-utility-blue-600); }\n .hl .hljs-string,\n .hl .hljs-attribute,\n .hl .hljs-meta .hljs-string { color: var(--ng-componentcolors-utility-green-600); }\n .hl .hljs-attr,\n .hl .hljs-variable,\n .hl .hljs-type,\n .hl .hljs-number { color: var(--ng-componentcolors-utility-orange-600); }\n .hl .hljs-symbol,\n .hl .hljs-meta,\n .hl .hljs-title { color: var(--ng-componentcolors-utility-indigo-600); }\n\n /* Draggable divider between the code and preview panes. */\n .gutter {\n flex: 0 0 auto;\n position: relative;\n width: 1px;\n align-self: stretch;\n background: var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n cursor: col-resize;\n touch-action: none;\n }\n\n .gutter::before {\n content: '';\n position: absolute;\n inset: 0 -4px;\n }\n\n .gutter:hover,\n .body--dragging .gutter {\n background: var(--ng-colors-bg-brand-primary);\n }\n\n .pane--preview {\n flex: 1 1 0;\n overflow: auto;\n border-left: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n }\n\n nile-wysiwyg-preview {\n display: block;\n }\n\n .preview-empty {\n display: block;\n padding: 12px 16px;\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n font-size: 12px;\n opacity: 0.7;\n }\n "])))];}}]);}(d);e([o({type:String})],g.prototype,"value",void 0),e([i("textarea")],g.prototype,"textarea",void 0),e([i(".hl > code")],g.prototype,"highlightEl",void 0),e([i(".linenos-inner")],g.prototype,"linenosEl",void 0),e([i(".body")],g.prototype,"bodyEl",void 0),e([n()],g.prototype,"draft",void 0),e([n()],g.prototype,"splitRatio",void 0),e([n()],g.prototype,"splitDragging",void 0),g=e([s("nile-wysiwyg-source-view")],g);}};});
|
|
2
2
|
//# sourceMappingURL=source-view.cjs.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__decorate as e}from"tslib";import{css as t,html as r}from"lit";import{property as o,query as i,state as n,customElement as s}from"lit/decorators.js";import{classMap as l}from"lit/directives/class-map.js";import{unsafeHTML as a}from"lit/directives/unsafe-html.js";import{H as c,x as h}from"../../xml-
|
|
1
|
+
import{__decorate as e}from"tslib";import{css as t,html as r}from"lit";import{property as o,query as i,state as n,customElement as s}from"lit/decorators.js";import{classMap as l}from"lit/directives/class-map.js";import{unsafeHTML as a}from"lit/directives/unsafe-html.js";import{H as c,x as h}from"../../xml-9bf771b3.esm.js";import{N as d}from"../../internal/nile-element.esm.js";import{s as p}from"../engine/sanitize.esm.js";import"./preview.esm.js";import"../../internal/accessibility/a11y.state.enum.esm.js";import"../../internal/accessibility/a11y.property.enum.esm.js";import"../../internal/accessibility/role.enum.esm.js";import"../engine/plugins/embeds.esm.js";import"../../index-6f3fa4ab.esm.js";import"../nile-wysiwyg-editor.css.esm.js";c.registerLanguage("xml",h);let g=class extends d{constructor(){super(...arguments),this.value="",this.draft="",this.splitRatio=.5,this.splitDragging=!1,this.startSplitDrag=e=>{const t=this.bodyEl;if(!t)return;e.preventDefault(),this.splitDragging=!0;const r=t.getBoundingClientRect(),o=e=>{if(0===r.width)return;const t=(e.clientX-r.left)/r.width;this.splitRatio=Math.min(.85,Math.max(.15,t))},i=()=>{this.splitDragging=!1,window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",i)};window.addEventListener("pointermove",o),window.addEventListener("pointerup",i)},this.resetSplit=()=>{this.splitRatio=.5},this.onInput=e=>{this.draft=e.target.value},this.onScroll=e=>{const t=e.target;this.highlightEl&&(this.highlightEl.style.transform=`translate(${-t.scrollLeft}px, ${-t.scrollTop}px)`),this.linenosEl&&(this.linenosEl.style.transform=`translateY(${-t.scrollTop}px)`)}}static get styles(){return[t`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|