@aquera/nile-elements 1.9.6 → 1.9.7

package/dist/nile-wysiwyg-editor/ui/embed-panel.esm.js

@@ -0,0 +1,68 @@
+import{__decorate as i}from"tslib";import{css as s,html as n}from"lit";import{property as o,state as e,customElement as c}from"lit/decorators.js";import{N as m}from"../../internal/nile-element.esm.js";import{t as r}from"../engine/plugins/embeds.esm.js";import"../../nile-input/nile-input.esm.js";import"../../nile-button/nile-button.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"../../nile-input/nile-input.css.esm.js";import"../../nile-icon/index.esm.js";import"lit/directives/class-map.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"../../internal/default-value.esm.js";import"../../internal/form.esm.js";import"../../internal/slot.esm.js";import"lit/directives/if-defined.js";import"lit/directives/live.js";import"../../internal/watch.esm.js";import"lit/directives/unsafe-html.js";import"../../nile-button/nile-button.css.esm.js";import"lit/static-html.js";let t=class extends m{constructor(){super(...arguments),this.open=!1,this.urlValue="",this.error=""}static get styles(){return[s`
+        :host {
+          font-family: var(
+            --nile-font-family-sans-serif,
+            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)
+          );
+          position: absolute;
+          z-index: 20;
+          display: none;
+        }
+
+        :host([open]) {
+          display: block;
+        }
+
+        .embed-panel {
+          display: flex;
+          flex-direction: column;
+          gap: 12px;
+          min-width: 340px;
+          max-width: 420px;
+          padding: 12px;
+          background: var(--nile-wysiwyg-popover-bg, #ffffff);
+          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          border-radius: 8px;
+          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+          font-size: 13px;
+        }
+
+        nile-input {
+          width: 100%;
+        }
+
+        .hint {
+          font-size: 12px;
+          color: var(--nile-colors-neutral-500, #98a2b3);
+        }
+
+        .error {
+          font-size: 12px;
+          color: var(--nile-colors-danger-600, #d92d20);
+        }
+
+        .actions {
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+          gap: 8px;
+          width: 100%;
+        }
+      `]}focusInput(){this.updateComplete.then((()=>{const i=this.shadowRoot?.querySelector("nile-input");i?.focus()}))}reset(){this.urlValue="",this.error=""}onUrl(i){this.urlValue=i.detail?.value??"",this.error=""}handleSubmit(){const i=r(this.urlValue.trim());i?(this.error="",this.emit("wysiwyg-embed-apply",i)):this.error="Only YouTube, Vimeo, and Loom links are supported."}handleKeydown(i){"Escape"===i.key?(i.stopPropagation(),this.emit("wysiwyg-embed-cancel")):"Enter"===i.key&&(i.preventDefault(),i.stopPropagation(),this.handleSubmit())}render(){return n`
+      <div class="embed-panel" part="embed-panel" @keydown=${this.handleKeydown}>
+        <nile-input
+          label="Video URL"
+          placeholder="https://www.youtube.com/watch?v=…"
+          .value=${this.urlValue}
+          @nile-input=${this.onUrl}
+        ></nile-input>
+
+        ${this.error?n`<span class="error" part="error">${this.error}</span>`:n`<span class="hint">YouTube, Vimeo, or Loom</span>`}
+
+        <div class="actions">
+          <nile-button variant="primary" @click=${()=>this.handleSubmit()}
+            >Embed</nile-button
+          >
+        </div>
+      </div>
+    `}};i([o({type:Boolean,reflect:!0})],t.prototype,"open",void 0),i([e()],t.prototype,"urlValue",void 0),i([e()],t.prototype,"error",void 0),t=i([c("nile-wysiwyg-embed-panel")],t);

package/dist/nile-wysiwyg-editor/ui/emoji-picker.cjs.js

@@ -0,0 +1,2 @@
+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","../emoji.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var i,e,o,r,t,s,n,a,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,p;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){i=_tslib.__decorate;},function(_lit){e=_lit.css;o=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;t=_litDecoratorsJs.state;s=_litDecoratorsJs.query;n=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_emojiCjsJs){l=_emojiCjsJs.E;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){p=/*#__PURE__*/function(_a){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.open=!1,_this.filter="";return _this;}_inherits(p,_a);return _createClass(p,[{key:"focusInput",value:function focusInput(){var _this2=this;this.filter="",this.updateComplete.then(function(){var _this2$searchInput;_this2.searchInput&&(_this2.searchInput.value=""),(_this2$searchInput=_this2.searchInput)===null||_this2$searchInput===void 0?void 0:_this2$searchInput.focus();});}},{key:"handleKeydown",value:function handleKeydown(i){"Escape"===i.key&&(i.stopPropagation(),this.emit("wysiwyg-emoji-cancel"));}},{key:"render",value:function render(){var _this3=this;var i=this.filter.trim().toLowerCase(),e=i?l.filter(function(e){return e.name.includes(i);}):l;return o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"panel\" part=\"emoji-picker\" @keydown=",">\n        <input\n          class=\"emoji-picker__search\"\n          type=\"text\"\n          placeholder=\"Search emoji\u2026\"\n          aria-label=\"Search emoji\"\n          @input=","\n        />\n        <div class=\"grid\" role=\"listbox\" aria-label=\"Emoji\">\n          ","\n          ","\n        </div>\n      </div>\n    "])),this.handleKeydown,function(i){_this3.filter=i.target.value;},e.map(function(i){return o(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <button\n                type=\"button\"\n                class=\"emoji\"\n                title=","\n                @mousedown=","\n                @click=","\n              >\n                ","\n              </button>\n            "])),i.name,function(i){return i.preventDefault();},function(){return _this3.emit("wysiwyg-emoji-select",{"char":i["char"]});},i["char"]);}),0===e.length?o(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"empty\" style=\"grid-column: 1 / -1\">No emoji found</div>"]))):"");}}],[{key:"styles",get:function get(){return[e(_templateObject4||(_templateObject4=_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: 20;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .panel {\n          width: 316px;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        input {\n          font: inherit;\n          font-size: 13px;\n          width: 100%;\n          box-sizing: border-box;\n          margin-bottom: 6px;\n          padding: 5px 8px;\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 6px;\n          outline: none;\n        }\n\n        input:focus {\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .grid {\n          display: grid;\n          grid-template-columns: repeat(9, 1fr);\n          gap: 2px;\n          max-height: 200px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n        }\n\n        .emoji {\n          font: inherit;\n          font-size: 18px;\n          height: 30px;\n          padding: 0;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          line-height: 1;\n        }\n\n        .emoji:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        .empty {\n          padding: 12px 4px;\n          font-size: 12px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n          text-align: center;\n        }\n      "])))];}}]);}(a);i([r({type:Boolean,reflect:!0})],p.prototype,"open",void 0),i([t()],p.prototype,"filter",void 0),i([s(".emoji-picker__search")],p.prototype,"searchInput",void 0),p=i([n("nile-wysiwyg-emoji-picker")],p);}};});
+//# sourceMappingURL=emoji-picker.cjs.js.map

package/dist/nile-wysiwyg-editor/ui/emoji-picker.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-picker.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/emoji-picker.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\nimport { EMOJI } from '../emoji';\n\n/**\n * Emoji picker panel (the 😊 toolbar item). Shares the emoji set with the\n * \":\" autocomplete; the search box filters by name. Emits\n * `wysiwyg-emoji-select` detail: { char } and `wysiwyg-emoji-cancel`.\n */\n@customElement('nile-wysiwyg-emoji-picker')\nexport class NileWysiwygEmojiPicker extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @state() private filter = '';\n\n  @query('.emoji-picker__search') searchInput?: HTMLInputElement;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\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: 20;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .panel {\n          width: 316px;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        input {\n          font: inherit;\n          font-size: 13px;\n          width: 100%;\n          box-sizing: border-box;\n          margin-bottom: 6px;\n          padding: 5px 8px;\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 6px;\n          outline: none;\n        }\n\n        input:focus {\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .grid {\n          display: grid;\n          grid-template-columns: repeat(9, 1fr);\n          gap: 2px;\n          max-height: 200px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n        }\n\n        .emoji {\n          font: inherit;\n          font-size: 18px;\n          height: 30px;\n          padding: 0;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          line-height: 1;\n        }\n\n        .emoji:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        .empty {\n          padding: 12px 4px;\n          font-size: 12px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n          text-align: center;\n        }\n      `,\n    ];\n  }\n\n  public focusInput(): void {\n    this.filter = '';\n    this.updateComplete.then(() => {\n      if (this.searchInput) this.searchInput.value = '';\n      this.searchInput?.focus();\n    });\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.stopPropagation();\n      this.emit('wysiwyg-emoji-cancel');\n    }\n  }\n\n  public render(): TemplateResult {\n    const query = this.filter.trim().toLowerCase();\n    const shown = query ? EMOJI.filter(e => e.name.includes(query)) : EMOJI;\n    return html`\n      <div class=\"panel\" part=\"emoji-picker\" @keydown=${this.handleKeydown}>\n        <input\n          class=\"emoji-picker__search\"\n          type=\"text\"\n          placeholder=\"Search emoji…\"\n          aria-label=\"Search emoji\"\n          @input=${(e: Event) => {\n            this.filter = (e.target as HTMLInputElement).value;\n          }}\n        />\n        <div class=\"grid\" role=\"listbox\" aria-label=\"Emoji\">\n          ${shown.map(\n            e => html`\n              <button\n                type=\"button\"\n                class=\"emoji\"\n                title=${e.name}\n                @mousedown=${(ev: Event) => ev.preventDefault()}\n                @click=${() => this.emit('wysiwyg-emoji-select', { char: e.char })}\n              >\n                ${e.char}\n              </button>\n            `\n          )}\n          ${shown.length === 0\n            ? html`<div class=\"empty\" style=\"grid-column: 1 / -1\">No emoji found</div>`\n            : ''}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-emoji-picker': NileWysiwygEmojiPicker;\n  }\n}\n"],"names":["NileWysiwygEmojiPicker","_a","p","constructor","this","open","filter","_this","_inherits","_createClass","key","value","focusInput","updateComplete","then","_this2$searchInput","searchInput","focus","handleKeydown","event","stopPropagation","emit","render","_this3","query","trim","toLowerCase","shown","EMOJI","e","name","includes","html","_templateObject","_taggedTemplateLiteral","target","map","_templateObject2","ev","preventDefault","char","length","_templateObject3","get","css","_templateObject4","NileElement","__decorate","property","type","Boolean","reflect","prototype","state","customElement"],"mappings":"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"}

package/dist/nile-wysiwyg-editor/ui/emoji-picker.esm.js

@@ -0,0 +1,96 @@
+import{__decorate as e}from"tslib";import{css as i,html as o}from"lit";import{property as r,state as t,query as s,customElement as n}from"lit/decorators.js";import{N as a}from"../../internal/nile-element.esm.js";import{E as l}from"../emoji.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";let p=class extends a{constructor(){super(...arguments),this.open=!1,this.filter=""}static get styles(){return[i`
+        :host {
+          font-family: var(
+            --nile-font-family-sans-serif,
+            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)
+          );
+          position: absolute;
+          z-index: 20;
+          display: none;
+        }
+
+        :host([open]) {
+          display: block;
+        }
+
+        .panel {
+          width: 316px;
+          padding: 8px;
+          background: var(--nile-wysiwyg-popover-bg, #ffffff);
+          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          border-radius: 8px;
+          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));
+        }
+
+        input {
+          font: inherit;
+          font-size: 13px;
+          width: 100%;
+          box-sizing: border-box;
+          margin-bottom: 6px;
+          padding: 5px 8px;
+          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          border-radius: 6px;
+          outline: none;
+        }
+
+        input:focus {
+          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));
+        }
+
+        .grid {
+          display: grid;
+          grid-template-columns: repeat(9, 1fr);
+          gap: 2px;
+          max-height: 200px;
+          overflow-y: auto;
+          overscroll-behavior: contain;
+        }
+
+        .emoji {
+          font: inherit;
+          font-size: 18px;
+          height: 30px;
+          padding: 0;
+          border: none;
+          border-radius: 5px;
+          background: transparent;
+          cursor: pointer;
+          line-height: 1;
+        }
+
+        .emoji:hover {
+          background: var(--nile-colors-neutral-100, #f2f4f7);
+        }
+
+        .empty {
+          padding: 12px 4px;
+          font-size: 12px;
+          color: var(--nile-colors-neutral-500, #98a2b3);
+          text-align: center;
+        }
+      `]}focusInput(){this.filter="",this.updateComplete.then((()=>{this.searchInput&&(this.searchInput.value=""),this.searchInput?.focus()}))}handleKeydown(e){"Escape"===e.key&&(e.stopPropagation(),this.emit("wysiwyg-emoji-cancel"))}render(){const e=this.filter.trim().toLowerCase(),i=e?l.filter((i=>i.name.includes(e))):l;return o`
+      <div class="panel" part="emoji-picker" @keydown=${this.handleKeydown}>
+        <input
+          class="emoji-picker__search"
+          type="text"
+          placeholder="Search emoji…"
+          aria-label="Search emoji"
+          @input=${e=>{this.filter=e.target.value}}
+        />
+        <div class="grid" role="listbox" aria-label="Emoji">
+          ${i.map((e=>o`
+              <button
+                type="button"
+                class="emoji"
+                title=${e.name}
+                @mousedown=${e=>e.preventDefault()}
+                @click=${()=>this.emit("wysiwyg-emoji-select",{char:e.char})}
+              >
+                ${e.char}
+              </button>
+            `))}
+          ${0===i.length?o`<div class="empty" style="grid-column: 1 / -1">No emoji found</div>`:""}
+        </div>
+      </div>
+    `}};e([r({type:Boolean,reflect:!0})],p.prototype,"open",void 0),e([t()],p.prototype,"filter",void 0),e([s(".emoji-picker__search")],p.prototype,"searchInput",void 0),p=e([n("nile-wysiwyg-emoji-picker")],p);

package/dist/nile-wysiwyg-editor/ui/find-replace.cjs.js

@@ -0,0 +1,2 @@
+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","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,i,e,n,o,r,s,_templateObject,_templateObject2,a;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){t=_tslib.__decorate;},function(_lit){i=_lit.css;e=_lit.html;},function(_litDecoratorsJs){n=_litDecoratorsJs.property;o=_litDecoratorsJs.query;r=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){a=/*#__PURE__*/function(_s){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.open=!1,_this.matchCount=0,_this.activeIndex=0;return _this;}_inherits(a,_s);return _createClass(a,[{key:"focusInput",value:function focusInput(){var _this2=this;this.updateComplete.then(function(){var _this2$queryInput,_this2$queryInput2;(_this2$queryInput=_this2.queryInput)!==null&&_this2$queryInput!==void 0&&_this2$queryInput.focus(),(_this2$queryInput2=_this2.queryInput)===null||_this2$queryInput2===void 0?void 0:_this2$queryInput2.select();});}},{key:"handleKeydown",value:function handleKeydown(t){"Escape"===t.key?(t.stopPropagation(),this.emit("wysiwyg-find-close")):"Enter"===t.key&&t.target===this.queryInput&&(t.preventDefault(),this.emit("wysiwyg-find-step",{direction:t.shiftKey?"prev":"next"}));}},{key:"render",value:function render(){var _this3=this;var t=this.matchCount?"".concat(Math.min(this.activeIndex+1,this.matchCount),"/").concat(this.matchCount):"0/0";return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"find-bar\" part=\"find-bar\" @keydown=",">\n        <input\n          class=\"find-bar__query\"\n          type=\"text\"\n          placeholder=\"Find\"\n          aria-label=\"Find\"\n          @input=","\n        />\n        <span class=\"count\">","</span>\n        <button\n          type=\"button\"\n          title=\"Previous match\"\n          @click=","\n        >\n          \u2191\n        </button>\n        <button\n          type=\"button\"\n          title=\"Next match\"\n          @click=","\n        >\n          \u2193\n        </button>\n        <input\n          class=\"find-bar__replace\"\n          type=\"text\"\n          placeholder=\"Replace with\"\n          aria-label=\"Replace with\"\n        />\n        <button\n          type=\"button\"\n          @click=","\n        >\n          Replace\n        </button>\n        <button\n          type=\"button\"\n          @click=","\n        >\n          All\n        </button>\n        <button type=\"button\" title=\"Close (Esc)\" @click=",">\n          \u2715\n        </button>\n      </div>\n    "])),this.handleKeydown,function(t){return _this3.emit("wysiwyg-find",{query:t.target.value});},t,function(){return _this3.emit("wysiwyg-find-step",{direction:"prev"});},function(){return _this3.emit("wysiwyg-find-step",{direction:"next"});},function(){var _this3$replaceInput$v,_this3$replaceInput;return _this3.emit("wysiwyg-replace",{value:(_this3$replaceInput$v=(_this3$replaceInput=_this3.replaceInput)===null||_this3$replaceInput===void 0?void 0:_this3$replaceInput.value)!==null&&_this3$replaceInput$v!==void 0?_this3$replaceInput$v:""});},function(){var _this3$replaceInput$v2,_this3$replaceInput2;return _this3.emit("wysiwyg-replace-all",{value:(_this3$replaceInput$v2=(_this3$replaceInput2=_this3.replaceInput)===null||_this3$replaceInput2===void 0?void 0:_this3$replaceInput2.value)!==null&&_this3$replaceInput$v2!==void 0?_this3$replaceInput$v2:""});},function(){return _this3.emit("wysiwyg-find-close");});}}],[{key:"styles",get:function get(){return[i(_templateObject2||(_templateObject2=_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          top: 8px;\n          right: 8px;\n          z-index: 25;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .find-bar {\n          display: grid;\n          grid-template-columns: auto auto auto auto;\n          align-items: center;\n          gap: 6px;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n          font-size: 13px;\n        }\n\n        input {\n          font: inherit;\n          font-size: 13px;\n          width: 160px;\n          padding: 4px 8px;\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 6px;\n          outline: none;\n        }\n\n        input:focus {\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .count {\n          min-width: 42px;\n          text-align: center;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n          font-variant-numeric: tabular-nums;\n        }\n\n        button {\n          font: inherit;\n          font-size: 12px;\n          padding: 4px 8px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        button:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n      "])))];}}]);}(s);t([n({type:Boolean,reflect:!0})],a.prototype,"open",void 0),t([n({type:Number})],a.prototype,"matchCount",void 0),t([n({type:Number})],a.prototype,"activeIndex",void 0),t([o(".find-bar__query")],a.prototype,"queryInput",void 0),t([o(".find-bar__replace")],a.prototype,"replaceInput",void 0),a=t([r("nile-wysiwyg-find-bar")],a);}};});
+//# sourceMappingURL=find-replace.cjs.js.map

package/dist/nile-wysiwyg-editor/ui/find-replace.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-replace.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/find-replace.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\n/**\n * Find & replace bar pinned to the top-right of the editor. Emits:\n *  - `wysiwyg-find`         detail: { query }\n *  - `wysiwyg-find-step`    detail: { direction: 'next' | 'prev' }\n *  - `wysiwyg-replace`      detail: { value }\n *  - `wysiwyg-replace-all`  detail: { value }\n *  - `wysiwyg-find-close`\n */\n@customElement('nile-wysiwyg-find-bar')\nexport class NileWysiwygFindBar extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ type: Number }) matchCount = 0;\n\n  @property({ type: Number }) activeIndex = 0;\n\n  @query('.find-bar__query') queryInput?: HTMLInputElement;\n\n  @query('.find-bar__replace') replaceInput?: HTMLInputElement;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\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          top: 8px;\n          right: 8px;\n          z-index: 25;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .find-bar {\n          display: grid;\n          grid-template-columns: auto auto auto auto;\n          align-items: center;\n          gap: 6px;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n          font-size: 13px;\n        }\n\n        input {\n          font: inherit;\n          font-size: 13px;\n          width: 160px;\n          padding: 4px 8px;\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 6px;\n          outline: none;\n        }\n\n        input:focus {\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .count {\n          min-width: 42px;\n          text-align: center;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n          font-variant-numeric: tabular-nums;\n        }\n\n        button {\n          font: inherit;\n          font-size: 12px;\n          padding: 4px 8px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        button:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n      `,\n    ];\n  }\n\n  public focusInput(): void {\n    this.updateComplete.then(() => {\n      this.queryInput?.focus();\n      this.queryInput?.select();\n    });\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.stopPropagation();\n      this.emit('wysiwyg-find-close');\n    } else if (event.key === 'Enter' && event.target === this.queryInput) {\n      event.preventDefault();\n      this.emit('wysiwyg-find-step', { direction: event.shiftKey ? 'prev' : 'next' });\n    }\n  }\n\n  public render(): TemplateResult {\n    const count = this.matchCount\n      ? `${Math.min(this.activeIndex + 1, this.matchCount)}/${this.matchCount}`\n      : '0/0';\n    return html`\n      <div class=\"find-bar\" part=\"find-bar\" @keydown=${this.handleKeydown}>\n        <input\n          class=\"find-bar__query\"\n          type=\"text\"\n          placeholder=\"Find\"\n          aria-label=\"Find\"\n          @input=${(e: Event) =>\n            this.emit('wysiwyg-find', { query: (e.target as HTMLInputElement).value })}\n        />\n        <span class=\"count\">${count}</span>\n        <button\n          type=\"button\"\n          title=\"Previous match\"\n          @click=${() => this.emit('wysiwyg-find-step', { direction: 'prev' })}\n        >\n          ↑\n        </button>\n        <button\n          type=\"button\"\n          title=\"Next match\"\n          @click=${() => this.emit('wysiwyg-find-step', { direction: 'next' })}\n        >\n          ↓\n        </button>\n        <input\n          class=\"find-bar__replace\"\n          type=\"text\"\n          placeholder=\"Replace with\"\n          aria-label=\"Replace with\"\n        />\n        <button\n          type=\"button\"\n          @click=${() =>\n            this.emit('wysiwyg-replace', { value: this.replaceInput?.value ?? '' })}\n        >\n          Replace\n        </button>\n        <button\n          type=\"button\"\n          @click=${() =>\n            this.emit('wysiwyg-replace-all', { value: this.replaceInput?.value ?? '' })}\n        >\n          All\n        </button>\n        <button type=\"button\" title=\"Close (Esc)\" @click=${() => this.emit('wysiwyg-find-close')}>\n          ✕\n        </button>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-find-bar': NileWysiwygFindBar;\n  }\n}\n"],"names":["NileWysiwygFindBar","a","constructor","this","open","matchCount","activeIndex","_this","_inherits","_s","_createClass","key","value","focusInput","updateComplete","then","_this2$queryInput","_this2$queryInput2","queryInput","focus","select","handleKeydown","event","stopPropagation","emit","target","preventDefault","direction","shiftKey","render","_this3","count","concat","Math","min","html","_templateObject","_taggedTemplateLiteral","e","query","_this3$replaceInput$v","_this3$replaceInput","replaceInput","_this3$replaceInput$v2","_this3$replaceInput2","__decorate","get","css","_templateObject2","NileElement","property","type","Boolean","reflect","prototype","Number","customElement"],"mappings":"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"}

package/dist/nile-wysiwyg-editor/ui/find-replace.esm.js

@@ -0,0 +1,112 @@
+import{__decorate as t}from"tslib";import{css as e,html as i}from"lit";import{property as n,query as o,customElement as r}from"lit/decorators.js";import{N as s}from"../../internal/nile-element.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";let a=class extends s{constructor(){super(...arguments),this.open=!1,this.matchCount=0,this.activeIndex=0}static get styles(){return[e`
+        :host {
+          font-family: var(
+            --nile-font-family-sans-serif,
+            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)
+          );
+          position: absolute;
+          top: 8px;
+          right: 8px;
+          z-index: 25;
+          display: none;
+        }
+
+        :host([open]) {
+          display: block;
+        }
+
+        .find-bar {
+          display: grid;
+          grid-template-columns: auto auto auto auto;
+          align-items: center;
+          gap: 6px;
+          padding: 8px;
+          background: var(--nile-wysiwyg-popover-bg, #ffffff);
+          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          border-radius: 8px;
+          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));
+          font-size: 13px;
+        }
+
+        input {
+          font: inherit;
+          font-size: 13px;
+          width: 160px;
+          padding: 4px 8px;
+          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          border-radius: 6px;
+          outline: none;
+        }
+
+        input:focus {
+          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));
+        }
+
+        .count {
+          min-width: 42px;
+          text-align: center;
+          color: var(--nile-colors-neutral-500, #98a2b3);
+          font-variant-numeric: tabular-nums;
+        }
+
+        button {
+          font: inherit;
+          font-size: 12px;
+          padding: 4px 8px;
+          border: none;
+          border-radius: 5px;
+          background: transparent;
+          cursor: pointer;
+          color: var(--nile-colors-neutral-700, #344054);
+        }
+
+        button:hover {
+          background: var(--nile-colors-neutral-100, #f2f4f7);
+        }
+      `]}focusInput(){this.updateComplete.then((()=>{this.queryInput?.focus(),this.queryInput?.select()}))}handleKeydown(t){"Escape"===t.key?(t.stopPropagation(),this.emit("wysiwyg-find-close")):"Enter"===t.key&&t.target===this.queryInput&&(t.preventDefault(),this.emit("wysiwyg-find-step",{direction:t.shiftKey?"prev":"next"}))}render(){const t=this.matchCount?`${Math.min(this.activeIndex+1,this.matchCount)}/${this.matchCount}`:"0/0";return i`
+      <div class="find-bar" part="find-bar" @keydown=${this.handleKeydown}>
+        <input
+          class="find-bar__query"
+          type="text"
+          placeholder="Find"
+          aria-label="Find"
+          @input=${t=>this.emit("wysiwyg-find",{query:t.target.value})}
+        />
+        <span class="count">${t}</span>
+        <button
+          type="button"
+          title="Previous match"
+          @click=${()=>this.emit("wysiwyg-find-step",{direction:"prev"})}
+        >
+          ↑
+        </button>
+        <button
+          type="button"
+          title="Next match"
+          @click=${()=>this.emit("wysiwyg-find-step",{direction:"next"})}
+        >
+          ↓
+        </button>
+        <input
+          class="find-bar__replace"
+          type="text"
+          placeholder="Replace with"
+          aria-label="Replace with"
+        />
+        <button
+          type="button"
+          @click=${()=>this.emit("wysiwyg-replace",{value:this.replaceInput?.value??""})}
+        >
+          Replace
+        </button>
+        <button
+          type="button"
+          @click=${()=>this.emit("wysiwyg-replace-all",{value:this.replaceInput?.value??""})}
+        >
+          All
+        </button>
+        <button type="button" title="Close (Esc)" @click=${()=>this.emit("wysiwyg-find-close")}>
+          ✕
+        </button>
+      </div>
+    `}};t([n({type:Boolean,reflect:!0})],a.prototype,"open",void 0),t([n({type:Number})],a.prototype,"matchCount",void 0),t([n({type:Number})],a.prototype,"activeIndex",void 0),t([o(".find-bar__query")],a.prototype,"queryInput",void 0),t([o(".find-bar__replace")],a.prototype,"replaceInput",void 0),a=t([r("nile-wysiwyg-find-bar")],a);

package/dist/nile-wysiwyg-editor/ui/image-menu.cjs.js

@@ -0,0 +1,2 @@
+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","../../internal/glyph.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,e,i,n,a,o,r,_templateObject,_templateObject2,_templateObject3,l,s;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){t=_tslib.__decorate;},function(_lit){e=_lit.css;i=_lit.html;},function(_litDecoratorsJs){n=_litDecoratorsJs.property;a=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_internalGlyphCjsJs){r=_internalGlyphCjsJs.r;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){l=[{label:"Align left",icon:"format_align_left",command:"setImageAlign",attrs:{align:"left"},active:function active(t){return"left"===t.imageAlign;}},{label:"Align center",icon:"format_align_middle",command:"setImageAlign",attrs:{align:"center"},active:function active(t){return"center"===t.imageAlign;}},{label:"Align right",icon:"format_align_right",command:"setImageAlign",attrs:{align:"right"},active:function active(t){return"right"===t.imageAlign;}},{label:"Toggle caption",icon:"ng-captions",command:"toggleImageCaption",active:function active(t){return t.imageIsFigure;}},{label:"Original size",text:"1:1",command:"setImageWidth",attrs:{width:null}},{label:"Delete image",icon:"ng-trash-01",command:"deleteImage"}];s=/*#__PURE__*/function(_o){function s(){var _this;_classCallCheck(this,s);_this=_callSuper(this,s,arguments),_this.open=!1;return _this;}_inherits(s,_o);return _createClass(s,[{key:"render",value:function render(){var _this2=this;var t=this.toolbarState;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"menu\" part=\"image-menu\" @mousedown=",">\n        ","\n      </div>\n    "])),function(t){return t.preventDefault();},l.map(function(e){return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <button\n              type=\"button\"\n              title=","\n              aria-label=","\n              ?data-active=","\n              @click=","\n            >\n              ","\n            </button>\n          "])),e.label,e.label,!(!t||!e.active)&&e.active(t),function(){return _this2.emit("wysiwyg-command",{name:e.command,attrs:e.attrs});},e.icon?r(e.icon,16):e.text);}));}}],[{key:"styles",get:function get(){return[e(_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: flex;\n          gap: 2px;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        button {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          min-width: 26px;\n          height: 26px;\n          padding: 0 4px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          font-size: 12px;\n          font-weight: 600;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        button:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        button[data-active] {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700, #1d4ed8));\n        }\n      "])))];}}]);}(o);t([n({type:Boolean,reflect:!0})],s.prototype,"open",void 0),t([n({attribute:!1})],s.prototype,"toolbarState",void 0),s=t([a("nile-wysiwyg-image-menu")],s);}};});
+//# sourceMappingURL=image-menu.cjs.js.map

package/dist/nile-wysiwyg-editor/ui/image-menu.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-menu.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/image-menu.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\nimport { renderGlyph } from '../../internal/glyph';\nimport type { ToolbarState } from '../engine/selection-state';\n\ninterface ImageOp {\n  label: string;\n  /** Design-system icon name; `text` is the fallback when no glyph fits. */\n  icon?: string;\n  text?: string;\n  command: string;\n  attrs?: Record<string, unknown>;\n  active?: (s: ToolbarState) => boolean;\n}\n\nconst OPS: ImageOp[] = [\n  {\n    label: 'Align left',\n    icon: 'format_align_left',\n    command: 'setImageAlign',\n    attrs: { align: 'left' },\n    active: s => s.imageAlign === 'left',\n  },\n  {\n    label: 'Align center',\n    icon: 'format_align_middle',\n    command: 'setImageAlign',\n    attrs: { align: 'center' },\n    active: s => s.imageAlign === 'center',\n  },\n  {\n    label: 'Align right',\n    icon: 'format_align_right',\n    command: 'setImageAlign',\n    attrs: { align: 'right' },\n    active: s => s.imageAlign === 'right',\n  },\n  {\n    label: 'Toggle caption',\n    icon: 'ng-captions',\n    command: 'toggleImageCaption',\n    active: s => s.imageIsFigure,\n  },\n  { label: 'Original size', text: '1:1', command: 'setImageWidth', attrs: { width: null } },\n  { label: 'Delete image', icon: 'ng-trash-01', command: 'deleteImage' },\n];\n\n/**\n * Compact floating bar shown while an image or figure is selected. The host\n * positions it; operations bubble up as `wysiwyg-command` events.\n */\n@customElement('nile-wysiwyg-image-menu')\nexport class NileWysiwygImageMenu extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ attribute: false }) toolbarState?: ToolbarState;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\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: flex;\n          gap: 2px;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        button {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          min-width: 26px;\n          height: 26px;\n          padding: 0 4px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          font-size: 12px;\n          font-weight: 600;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        button:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        button[data-active] {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700, #1d4ed8));\n        }\n      `,\n    ];\n  }\n\n  public render(): TemplateResult {\n    const state = this.toolbarState;\n    return html`\n      <div class=\"menu\" part=\"image-menu\" @mousedown=${(e: Event) => e.preventDefault()}>\n        ${OPS.map(\n          op => html`\n            <button\n              type=\"button\"\n              title=${op.label}\n              aria-label=${op.label}\n              ?data-active=${state && op.active ? op.active(state) : false}\n              @click=${() => this.emit('wysiwyg-command', { name: op.command, attrs: op.attrs })}\n            >\n              ${op.icon ? renderGlyph(op.icon, 16) : op.text}\n            </button>\n          `\n        )}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-image-menu': NileWysiwygImageMenu;\n  }\n}\n"],"names":["OPS","label","icon","command","attrs","align","active","s","imageAlign","imageIsFigure","text","width","NileWysiwygImageMenu","_o","constructor","this","open","_this","_inherits","_createClass","key","value","render","_this2","state","toolbarState","html","_templateObject","_taggedTemplateLiteral","e","preventDefault","map","op","_templateObject2","emit","name","renderGlyph","__decorate","get","styles","css","_templateObject3","NileElement","property","type","Boolean","reflect","prototype","attribute","customElement"],"mappings":"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"}

package/dist/nile-wysiwyg-editor/ui/image-menu.esm.js

@@ -0,0 +1,64 @@
+import{__decorate as e}from"tslib";import{css as t,html as i}from"lit";import{property as n,customElement as a}from"lit/decorators.js";import{N as o}from"../../internal/nile-element.esm.js";import{r}from"../../internal/glyph.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";const l=[{label:"Align left",icon:"format_align_left",command:"setImageAlign",attrs:{align:"left"},active:e=>"left"===e.imageAlign},{label:"Align center",icon:"format_align_middle",command:"setImageAlign",attrs:{align:"center"},active:e=>"center"===e.imageAlign},{label:"Align right",icon:"format_align_right",command:"setImageAlign",attrs:{align:"right"},active:e=>"right"===e.imageAlign},{label:"Toggle caption",icon:"ng-captions",command:"toggleImageCaption",active:e=>e.imageIsFigure},{label:"Original size",text:"1:1",command:"setImageWidth",attrs:{width:null}},{label:"Delete image",icon:"ng-trash-01",command:"deleteImage"}];let s=class extends o{constructor(){super(...arguments),this.open=!1}static get styles(){return[t`
+        :host {
+          font-family: var(
+            --nile-font-family-sans-serif,
+            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)
+          );
+          position: absolute;
+          z-index: 15;
+          display: none;
+        }
+
+        :host([open]) {
+          display: block;
+        }
+
+        .menu {
+          display: flex;
+          gap: 2px;
+          padding: 4px;
+          background: var(--nile-wysiwyg-popover-bg, #ffffff);
+          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          border-radius: 8px;
+          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));
+        }
+
+        button {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          min-width: 26px;
+          height: 26px;
+          padding: 0 4px;
+          border: none;
+          border-radius: 5px;
+          background: transparent;
+          cursor: pointer;
+          font-size: 12px;
+          font-weight: 600;
+          color: var(--nile-colors-neutral-700, #344054);
+        }
+
+        button:hover {
+          background: var(--nile-colors-neutral-100, #f2f4f7);
+        }
+
+        button[data-active] {
+          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));
+          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700, #1d4ed8));
+        }
+      `]}render(){const e=this.toolbarState;return i`
+      <div class="menu" part="image-menu" @mousedown=${e=>e.preventDefault()}>
+        ${l.map((t=>i`
+            <button
+              type="button"
+              title=${t.label}
+              aria-label=${t.label}
+              ?data-active=${!(!e||!t.active)&&t.active(e)}
+              @click=${()=>this.emit("wysiwyg-command",{name:t.command,attrs:t.attrs})}
+            >
+              ${t.icon?r(t.icon,16):t.text}
+            </button>
+          `))}
+      </div>
+    `}};e([n({type:Boolean,reflect:!0})],s.prototype,"open",void 0),e([n({attribute:!1})],s.prototype,"toolbarState",void 0),s=e([a("nile-wysiwyg-image-menu")],s);