@icure/form 1.1.0 → 1.1.14

package/components/iqr-text-field/index.js

@@ -1,1242 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-// Import the LitElement base class and html helper function
-const lit_1 = require("lit");
-const decorators_1 = require("lit/decorators");
-const prosemirror_state_1 = require("prosemirror-state");
-const prosemirror_view_1 = require("prosemirror-view");
-const prosemirror_history_1 = require("prosemirror-history");
-const prosemirror_keymap_1 = require("prosemirror-keymap");
-const prosemirror_commands_1 = require("prosemirror-commands");
-const prosemirror_schema_list_1 = require("prosemirror-schema-list");
-const schema_1 = require("./schema");
-const markdown_it_1 = __importDefault(require("markdown-it"));
-const prosemirror_markdown_1 = require("prosemirror-markdown");
-const prosemirror_commands_2 = require("./prosemirror-commands");
-const selection_companion_1 = require("./selection-companion");
-const suggestion_palette_1 = require("./suggestion-palette");
-const caret_fix_plugin_1 = require("./plugin/caret-fix-plugin");
-const prosemirror_utils_1 = require("./prosemirror-utils");
-// @ts-ignore
-const lit_2 = require("lit");
-const baseCss = (0, lit_2.css) `@charset "UTF-8";
-:host {
-  --bg-color-1: #F44336;
-}
-
-.ProseMirror {
-  position: relative;
-}
-
-.ProseMirror {
-  word-wrap: break-word;
-  white-space: pre-wrap;
-  -webkit-font-variant-ligatures: none;
-  font-variant-ligatures: none;
-  font-feature-settings: "liga" 0;
-  /* the above doesn't seem to work in Edge */
-}
-
-.ProseMirror pre {
-  white-space: pre-wrap;
-}
-
-.ProseMirror li {
-  position: relative;
-}
-
-.ProseMirror-hideselection *::selection {
-  background: transparent;
-}
-
-.ProseMirror-hideselection *::-moz-selection {
-  background: transparent;
-}
-
-.ProseMirror-hideselection {
-  caret-color: transparent;
-}
-
-.ProseMirror-selectednode {
-  outline: 2px solid #8cf;
-}
-
-/* Make sure li selections wrap around markers */
-li.ProseMirror-selectednode {
-  outline: none;
-}
-
-li.ProseMirror-selectednode:after {
-  content: "";
-  position: absolute;
-  left: -32px;
-  right: -2px;
-  top: -2px;
-  bottom: -2px;
-  border: 2px solid #8cf;
-  pointer-events: none;
-}
-
-.ProseMirror-gapcursor {
-  display: none;
-  pointer-events: none;
-  position: absolute;
-}
-
-.ProseMirror-gapcursor:after {
-  content: "";
-  display: block;
-  position: absolute;
-  top: -2px;
-  width: 20px;
-  border-top: 1px solid black;
-  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
-}
-
-@keyframes ProseMirror-cursor-blink {
-  to {
-    visibility: hidden;
-  }
-}
-.ProseMirror-focused .ProseMirror-gapcursor {
-  display: block;
-}
-
-/* Add space around the hr to make clicking it easier */
-.ProseMirror-example-setup-style hr {
-  padding: 2px 10px;
-  border: none;
-  margin: 1em 0;
-}
-
-.ProseMirror-example-setup-style hr:after {
-  content: "";
-  display: block;
-  height: 1px;
-  background: silver;
-  line-height: 2px;
-}
-
-.ProseMirror ul, .ProseMirror ol {
-  padding-left: 30px;
-}
-
-.ProseMirror blockquote {
-  padding-left: 1em;
-  border-left: 3px solid #eee;
-  margin-left: 0;
-  margin-right: 0;
-}
-
-.ProseMirror-example-setup-style img {
-  cursor: default;
-}
-
-.ProseMirror-prompt {
-  background: white;
-  padding: 5px 10px 5px 15px;
-  border: 1px solid silver;
-  position: fixed;
-  border-radius: 3px;
-  z-index: 11;
-  box-shadow: -0.5px 2px 5px rgba(0, 0, 0, 0.2);
-}
-
-.ProseMirror-prompt h5 {
-  margin: 0;
-  font-weight: normal;
-  font-size: 100%;
-  color: #444;
-}
-
-.ProseMirror-prompt input[type=text],
-.ProseMirror-prompt textarea {
-  background: #eee;
-  border: none;
-  outline: none;
-}
-
-.ProseMirror-prompt input[type=text] {
-  padding: 0 4px;
-}
-
-.ProseMirror-prompt-close {
-  position: absolute;
-  left: 2px;
-  top: 1px;
-  color: #666;
-  border: none;
-  background: transparent;
-  padding: 0;
-}
-
-.ProseMirror-prompt-close:after {
-  content: "✕";
-  font-size: 12px;
-}
-
-.ProseMirror-invalid {
-  background: #ffc;
-  border: 1px solid #cc7;
-  border-radius: 4px;
-  padding: 5px 10px;
-  position: absolute;
-  min-width: 10em;
-}
-
-.ProseMirror-prompt-buttons {
-  margin-top: 5px;
-  display: none;
-}
-
-#editor, .editor {
-  color: black;
-  background-clip: padding-box;
-  border-radius: 4px;
-  border: 2px solid rgba(0, 0, 0, 0.2);
-  padding: 5px 0;
-}
-
-.ProseMirror p:last-child,
-.ProseMirror h1:last-child,
-.ProseMirror h2:last-child,
-.ProseMirror h3:last-child,
-.ProseMirror h4:last-child,
-.ProseMirror h5:last-child,
-.ProseMirror h6:last-child {
-  margin-bottom: 2px;
-}
-
-.ProseMirror {
-  padding: 6px 8px 2px 8px;
-  line-height: 1.2;
-  color: #274768;
-  font-size: 14px;
-  font-weight: 400;
-  outline: none;
-}
-
-.ProseMirror p {
-  margin-bottom: 1em;
-}
-
-.iqr-input {
-  background: #EDF2F7;
-  border-radius: 8px;
-  border: none;
-  min-height: 28px;
-  height: auto;
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: flex-start;
-  justify-content: space-between;
-}
-
-#editor {
-  background: transparent;
-  border: none;
-  padding: 0;
-  flex-grow: 1;
-}
-
-#content {
-  position: relative;
-  padding: 0;
-}
-
-* {
-  font-family: "Inter", Arial, sans-serif;
-}
-
-p {
-  margin-top: 0;
-}
-
-h3 {
-  color: #274768;
-  margin-top: 0;
-}
-
-.extra {
-  flex-shrink: 0;
-  height: 28px;
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
-  padding: 0 8px;
-  transition: all 0.24s cubic-bezier(0.42, 0.01, 1, 0.62);
-}
-
-.extra > .info {
-  color: #809AB4;
-  font-size: 12px;
-  width: 100%;
-  height: auto;
-  overflow: hidden;
-  pointer-events: none;
-  text-align: right;
-}
-
-.extra > .info > span {
-  font-weight: 700;
-}
-
-.extra .buttons-container {
-  display: flex;
-  height: 100%;
-  flex-flow: row nowrap;
-  align-items: center;
-  justify-content: flex-end;
-  width: 0;
-  transition: all 0.24s cubic-bezier(0.14, 0.69, 0.87, 0.54);
-}
-
-.extra:hover .buttons-container .menu-container .btn {
-  animation: slideIn 0.24s ease-in forwards;
-  pointer-events: none;
-}
-
-.extra:hover .buttons-container .menu-container .btn {
-  animation-delay: 0.24s;
-}
-
-.extra:hover .buttons-container .menu-container:hover .btn {
-  animation-delay: 0.04s;
-}
-
-.extra.forced:hover .buttons-container .menu-container .btn {
-  animation: none;
-  pointer-events: all;
-}
-
-.extra.forced .buttons-container .btn {
-  opacity: 1 !important;
-}
-
-.extra.forced .info {
-  opacity: 0 !important;
-}
-
-.extra:hover .info {
-  opacity: 0 !important;
-  z-index: 0 !important;
-}
-
-.extra .buttons-container .btn {
-  border: none;
-  background: transparent;
-  position: relative;
-  top: 0;
-  opacity: 0;
-  cursor: pointer;
-  height: 20px;
-  width: 10px;
-  margin-left: 4px;
-  margin-right: 4px;
-  padding: 0;
-}
-
-.extra .buttons-container .menu-container:last-child .btn {
-  margin-right: 0;
-}
-
-.extra .buttons-container .btn svg path {
-  fill: #809AB4;
-}
-
-.extra .buttons-container .btn:hover svg path {
-  fill: #274768;
-}
-
-.extra .buttons-container .menu-container .btn:hover::after {
-  content: attr(data-content);
-  position: absolute;
-  top: -22px;
-  height: 16px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-radius: 8px;
-  background: #274768;
-  color: white;
-  display: flex;
-  flex-flow: row wrap;
-  align-items: center;
-  text-transform: capitalize;
-  white-space: nowrap;
-  padding: 0 12px;
-  font-size: 12px;
-  line-height: 0;
-}
-
-.extra .buttons-container .btn:focus, .extra .buttons-container .btn:focus-within {
-  border: none;
-  outline: none;
-}
-
-.extra .buttons-container .menu-container .btn:hover::before {
-  content: "";
-  display: block;
-  border-color: #274768 transparent transparent transparent;
-  border-style: solid;
-  border-width: 4px;
-  position: absolute;
-  top: -6px;
-}
-
-@keyframes slideIn {
-  0% {
-    top: 12px;
-    pointer-events: none;
-  }
-  100% {
-    top: 0;
-    opacity: 1;
-    pointer-events: all;
-  }
-}
-.menu-container {
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: 100%;
-}
-
-.menu {
-  display: block;
-  position: absolute;
-  top: 20px;
-  right: 0;
-  z-index: 2;
-  background: #fff;
-  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
-  border-radius: 8px;
-  padding: 8px;
-  width: 220px;
-  min-height: 120px;
-  max-height: 320px;
-  overflow-y: scroll;
-}
-
-.menu .input-container {
-  background: #EDF2F7;
-  border-radius: 4px;
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
-  justify-content: flex-start;
-  height: 32px;
-  margin-bottom: 4px;
-  padding: 0 4px;
-}
-
-.menu .input-container:hover {
-  box-shadow: 0 0 0 3px rgba(40, 151, 255, 0.2);
-}
-
-.menu .input-container:focus-within {
-  box-shadow: 0 0 0 3px rgba(40, 151, 255, 0.2), 0 0 0 1px #2897ff;
-}
-
-.menu .input-container input {
-  background: transparent;
-  border: none;
-  flex-grow: 1;
-  height: 100%;
-}
-
-.menu .input-container input:focus {
-  background: transparent;
-  border: none;
-  outline: none;
-}
-
-.menu-trigger:focus .menu {
-  display: block;
-}
-
-.menu-container .item {
-  height: 22px;
-  width: 100%;
-  background: transparent;
-  border-radius: 4px;
-  font-size: 14px;
-  color: #274768;
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
-  justify-content: flex-start;
-  box-shadow: none;
-  border: none;
-  white-space: nowrap;
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-}
-
-.menu-container .item:hover {
-  background: #F5F9FD;
-  font-weight: 500;
-  border-radius: 4px;
-}
-
-span {
-  position: relative;
-  z-index: 1;
-}
-
-span.date {
-  margin-right: 1px;
-}
-
-span.time {
-  margin-left: 1px;
-}
-
-span.measure {
-  display: inline-block;
-  margin-right: 1px;
-}
-
-span.unit {
-  margin-left: 1px;
-  display: inline-block;
-}
-
-span[data-content]:hover::after {
-  position: absolute;
-  content: attr(data-content);
-  background: #274768;
-  color: #FFFFFF;
-  font-size: 9px;
-  line-height: 12px;
-  top: -12px;
-  left: 0px;
-  padding: 0px 2px;
-}
-
-span[data-content]::before {
-  position: absolute;
-  content: "";
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: -1;
-  opacity: 0.3;
-}
-
-.masked {
-  display: none;
-}
-
-.companion {
-  position: absolute;
-  width: 15px;
-  background-color: #00c4ff;
-  color: white;
-  z-index: 20;
-  padding: 0;
-  text-align: center;
-  font-size: 14px;
-  font-weight: 500;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border-radius: 0 2px 2px 0;
-}
-
-.companion:hover {
-  font-weight: 700;
-  background: #00a2ff;
-}
-
-*::selection {
-  background-color: rgba(0, 196, 255, 0.2);
-}
-
-.suggestion-palette {
-  position: absolute;
-  z-index: 20;
-  max-width: 380px;
-  font-size: 11px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding: 4px;
-  border: none;
-  border-radius: 8px;
-  background: white;
-  box-shadow: 0 1.1px 1.1px rgba(0, 0, 0, 0.022), 0 2.7px 2.7px rgba(0, 0, 0, 0.032), 0 5px 5px rgba(0, 0, 0, 0.04), 0 8.9px 8.9px rgba(0, 0, 0, 0.048), 0 16.7px 16.7px rgba(0, 0, 0, 0.058), 0 40px 40px rgba(0, 0, 0, 0.08);
-}
-
-.suggestion-palette ul {
-  white-space: nowrap;
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-.suggestion-palette ul li {
-  padding: 0 8px;
-  font-size: 11px;
-  height: 20px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-radius: 4px;
-  color: #274768;
-}
-.suggestion-palette ul li svg {
-  height: 12px;
-  width: 12px;
-  border-radius: 4px;
-  transform-origin: center center;
-}
-.suggestion-palette ul li svg path {
-  fill: #809ab4;
-}
-
-.suggestion-palette ul li:not(:first-child) svg.tab-icn, .suggestion-palette ul li:not(.focused) svg.return-icn, .suggestion-palette ul.focused li:first-child svg.tab-icn {
-  height: 0;
-  width: 0;
-  transform: scale(0);
-  opacity: 0;
-}
-
-.suggestion-palette ul li.focused {
-  background-color: #edf2f7;
-}
-
-.suggestion-palette ul li.focused svg.return-icn {
-  animation: growIn 0.24s ease-in forwards;
-}
-
-@keyframes growIn {
-  0% {
-    transform: scale(0.5);
-  }
-  90% {
-    transform: scale(1.1);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-span.code-count-1::after, span.code-count-1::before {
-  background: var(--bg-code-color-1);
-  color: var(--text-code-color-1);
-}
-
-span.code-count-2::after, span.code-count-2::before {
-  background: var(--bg-code-color-1);
-  color: var(--text-code-color-1);
-  /* STRIPES */
-  /*background: repeating-linear-gradient(*/
-  /*	45deg,*/
-  /*	var(--bg-code-color-1),*/
-  /*	var(--bg-code-color-1) 10px,*/
-  /*	var(--bg-code-color-2) 10px,*/
-  /*	var(--bg-code-color-2) 20px*/
-  /*);*/
-  /* PAS STRIPES */
-  background: linear-gradient(90deg, var(--bg-code-color-1) 0%, var(--bg-code-color-2) 100%);
-}
-
-span.code-count-3::after, span.code-count-3::before {
-  background: var(--bg-code-color-1);
-  color: var(--text-code-color-1);
-  /* STRIPES */
-  background: repeating-linear-gradient(45deg, var(--bg-code-color-1), var(--bg-code-color-1) 10px, var(--bg-code-color-2) 10px, var(--bg-code-color-2) 20px);
-  /* PAS STRIPES */
-  /* background: linear-gradient(90deg, var(--bg-code-color-1) 0%, var(--bg-code-color-2) 100%);*/
-}`;
-// @ts-ignore
-const kendoCss = (0, lit_2.css) `.iqr-text-field {
-  position: relative;
-  padding-top: 1.4em;
-  display: inline-flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: stretch;
-}
-.iqr-text-field > .iqr-label {
-  z-index: 1;
-  pointer-events: none;
-  position: absolute;
-  line-height: 1.4em;
-  cursor: text;
-  font-size: 14px;
-  top: calc( 1.4em + 5px );
-  left: 9px;
-  transition: transform 0.2s ease-out, color 0.2s ease-out;
-  color: #656565;
-  display: flex;
-  align-items: center;
-  height: 28px;
-  max-width: 55%;
-  min-width: 0;
-}
-.iqr-text-field > .iqr-label > span {
-  display: block;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  padding-right: 8px;
-}
-.iqr-text-field > .iqr-input {
-  flex: 1 1 auto;
-  width: auto;
-}
-.iqr-text-field > .iqr-label {
-  transform: translate(0, 0) scale(1);
-}
-.iqr-text-field > .iqr-label.above, .iqr-text-field.has-content > .iqr-label, .iqr-text-field:focus > .iqr-label, .iqr-text-field:focus-within > .iqr-label {
-  transform: translate(-8px, -4px) translate(-1px, -1.4em) translate(0%, 0%) scale(1);
-  font-weight: 500;
-  height: 1.4em;
-  max-width: 100%;
-}
-.iqr-text-field .iqr-input, .iqr-text-field .input-container {
-  border-radius: 2px;
-  padding: 4px 8px;
-  width: 100%;
-  box-sizing: border-box;
-  border-width: 1px;
-  border-style: solid;
-  outline: 0;
-  font: inherit;
-  font-size: 14px;
-  line-height: 1.4em;
-  display: inline-flex;
-  align-items: center;
-  vertical-align: middle;
-  position: relative;
-  -webkit-appearance: none;
-  background-color: #ffffff;
-  border-color: rgba(0, 0, 0, 0.08);
-  color: #656565;
-  box-sizing: border-box;
-}
-.iqr-text-field .iqr-input:focus, .iqr-text-field .iqr-input:focus-within, .iqr-text-field .input-container:focus, .iqr-text-field .input-container:focus-within {
-  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.06);
-}
-.iqr-text-field .iqr-input:hover, .iqr-text-field .input-container:hover {
-  border-color: rgba(0, 0, 0, 0.15);
-  box-shadow: none;
-}
-.iqr-text-field .iqr-input:hover:focus, .iqr-text-field .iqr-input:hover:focus-within, .iqr-text-field .input-container:hover:focus, .iqr-text-field .input-container:hover:focus-within {
-  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.06);
-}
-.iqr-text-field .iqr-input .ProseMirror, .iqr-text-field .input-container .ProseMirror {
-  padding: 0;
-  font-size: 14px;
-  line-height: 1.4em;
-  color: #656565;
-}
-.iqr-text-field .iqr-input .ProseMirror .date, .iqr-text-field .input-container .ProseMirror .date {
-  padding: 1px;
-}
-.iqr-text-field .iqr-input .ProseMirror .time, .iqr-text-field .input-container .ProseMirror .time {
-  padding: 1px;
-}
-.iqr-text-field .iqr-input .ProseMirror:focus .focused, .iqr-text-field .input-container .ProseMirror:focus .focused {
-  background-color: rgba(0, 0, 0, 0.05);
-  border-radius: 3px;
-  border-color: rgba(0, 0, 0, 0.1);
-}
-.iqr-text-field .iqr-input > svg, .iqr-text-field .input-container > svg {
-  opacity: 0.5;
-}
-.iqr-text-field .iqr-input > svg path, .iqr-text-field .input-container > svg path {
-  fill: #656565;
-}
-.iqr-text-field .iqr-input .extra, .iqr-text-field .input-container .extra {
-  height: 20px;
-}
-.iqr-text-field .iqr-input .extra > .info, .iqr-text-field .input-container .extra > .info {
-  color: #656565;
-  opacity: 0.5;
-}
-.iqr-text-field .iqr-input .extra .buttons-container .btn svg path, .iqr-text-field .input-container .extra .buttons-container .btn svg path {
-  fill: #656565;
-  opacity: 0.5;
-}
-.iqr-text-field .iqr-input .extra .buttons-container .btn svg path:hover, .iqr-text-field .input-container .extra .buttons-container .btn svg path:hover {
-  fill: #656565;
-  opacity: 1;
-}
-.iqr-text-field .iqr-input .extra .buttons-container .menu-container .btn:hover::after, .iqr-text-field .input-container .extra .buttons-container .menu-container .btn:hover::after {
-  background: #656565;
-  border-radius: 2px;
-}
-.iqr-text-field .iqr-input .extra .buttons-container .menu-container .btn:hover::before, .iqr-text-field .input-container .extra .buttons-container .menu-container .btn:hover::before {
-  border-color: #656565 transparent transparent transparent;
-}`;
-const mask_plugin_1 = require("./plugin/mask-plugin");
-const has_content_class_plugin_1 = require("./plugin/has-content-class-plugin");
-const regexp_plugin_1 = require("./plugin/regexp-plugin");
-const no_lodash_1 = require("../../utils/no-lodash");
-const paths_1 = require("./styles/paths");
-const languages_1 = require("../../utils/languages");
-// Extend the LitElement base class
-class IqrTextField extends lit_1.LitElement {
-    constructor() {
-        super();
-        this.suggestionStopWords = new Set();
-        this.displayOwnerMenu = false;
-        this.suggestions = false;
-        this.links = false;
-        this.linksProvider = () => Promise.resolve(undefined);
-        this.suggestionProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
-        this.ownersProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
-        this.codeColorProvider = () => 'XI';
-        this.linkColorProvider = () => 'cat1';
-        this.codeContentProvider = (codes) => codes.map((c) => c.code).join(',');
-        this.schema = 'styled-text-with-codes';
-        this.label = '';
-        this.labelPosition = 'float';
-        this.placeholder = '';
-        this.textRegex = '';
-        this.value = '';
-        this.defaultLanguage = 'en';
-        this.valueProvider = undefined;
-        this.metaProvider = undefined;
-        this.handleValueChanged = undefined;
-        this.handleMetaChanged = undefined;
-        this.displayOwnersMenu = false;
-        this.ownerInputValue = '';
-        this.availableOwners = [];
-        this.displayLanguagesMenu = false;
-        this.languageInputValue = '';
-        this.displayVersionsMenu = false;
-        this.displayedLanguage = this.defaultLanguage;
-        this.displayedVersion = '0';
-        this.availableLanguages = [this.displayedLanguage];
-        this.windowListeners = [];
-        this.mouseCount = 0;
-        this.serviceId = undefined;
-        this.trToSave = undefined;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        const cmu = this.mouseUp.bind(this);
-        const cmd = this.mouseDown.bind(this);
-        this.windowListeners.push(['mouseup', cmu], ['mousedown', cmd]);
-        window.addEventListener('mouseup', cmu);
-        window.addEventListener('mousedown', cmd);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.windowListeners.forEach((wl) => window.removeEventListener(wl[0], wl[1]));
-    }
-    static get styles() {
-        return [baseCss, kendoCss];
-    }
-    render() {
-        var _a, _b, _c, _d;
-        return (0, lit_1.html) `
-			<div id="root" class="iqr-text-field" data-placeholder=${this.placeholder}>
-				<label class="iqr-label ${this.labelPosition}"><span>${this.label}</span></label>
-				<div class="iqr-input">
-					<div id="editor"></div>
-					<div id="extra" class=${'extra' + (this.displayOwnersMenu ? ' forced' : '')}>
-						<div class="info">~${this.owner}</div>
-						<div class="buttons-container">
-							<div class="menu-container">
-								<button data-content="${(_a = this.getMeta()) === null || _a === void 0 ? void 0 : _a.owner}" @click="${this.toggleOwnerMenu}" class="btn menu-trigger author">${paths_1.ownerPicto}</button>
-								${this.displayOwnersMenu
-            ? (0, lit_1.html) `
-											<div id="menu" class="menu">
-												<div class="input-container">${paths_1.searchPicto} <input id="ownerSearch" @input="${this.searchOwner}" /></div>
-												${(_b = this.availableOwners) === null || _b === void 0 ? void 0 : _b.map((x) => (0, lit_1.html) `<button @click="${this.handleOwnerButtonClicked(x.id)}" id="${x.id}" class="item">${x.text}</button>`)}
-											</div>
-									  `
-            : ''}
-							</div>
-							<div class="menu-container">
-								<button data-content="${(_c = this.getMeta()) === null || _c === void 0 ? void 0 : _c.valueDate}" class="btn date">${paths_1.datePicto}</button>
-							</div>
-							<div class="menu-container">
-								<button data-content="1.0" class="btn version">${paths_1.versionPicto}</button>
-							</div>
-							<div class="menu-container">
-								<button data-content="${this.displayedLanguage}" @click="${this.toggleLanguageMenu}" class="btn menu-trigger language">${paths_1.i18nPicto}</button>
-								${this.displayLanguagesMenu
-            ? (0, lit_1.html) `
-											<div id="menu" class="menu">
-												<div class="input-container">${paths_1.searchPicto} <input /></div>
-												${(_d = this.availableLanguages) === null || _d === void 0 ? void 0 : _d.map((x) => (0, lit_1.html) `<button id="${x}" class="item">${(0, languages_1.languageName)(x)}</button>`)}
-											</div>
-									  `
-            : ''}
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		`;
-    }
-    toggleOwnerMenu() {
-        this.displayOwnersMenu = !this.displayOwnersMenu;
-    }
-    searchOwner(e) {
-        const text = e.target.value;
-        setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-            if (this._ownerSearch.value === text) {
-                if (this.ownersProvider) {
-                    const availableOwners = yield this.ownersProvider(text.split(' '));
-                    console.log(availableOwners);
-                    this.availableOwners = availableOwners;
-                }
-            }
-        }), 300);
-    }
-    handleOwnerButtonClicked(id) {
-        this.handleMetaChanged && this.serviceId && this.handleMetaChanged(this.serviceId, { revision: this.displayedVersion, owner: { id } });
-        this.displayOwnersMenu = false;
-    }
-    toggleLanguageMenu() {
-        this.displayLanguagesMenu = !this.displayLanguagesMenu;
-    }
-    mouseDown() {
-        this.mouseCount++;
-    }
-    mouseUp() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        this.mouseCount = 0;
-        if (!((_c = (_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.dom) === null || _b === void 0 ? void 0 : _b.classList) === null || _c === void 0 ? void 0 : _c.contains('ProseMirror-focused'))) {
-            (_g = (_f = (_e = (_d = this.view) === null || _d === void 0 ? void 0 : _d.dom) === null || _e === void 0 ? void 0 : _e.parentElement) === null || _f === void 0 ? void 0 : _f.querySelectorAll('.companion')) === null || _g === void 0 ? void 0 : _g.forEach((x) => {
-                ;
-                x.style.display = 'none';
-            });
-        }
-    }
-    firstUpdated() {
-        var _a, _b, _c, _d, _e;
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
-        const cmp = this;
-        const pms = (this.proseMirrorSchema = (0, schema_1.createSchema)(this.schema, (t, c, isC) => (isC ? this.codeColorProvider(t, c) : this.linkColorProvider(t, c)), this.codeContentProvider));
-        this.parser = this.makeParser(pms);
-        this.container = ((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('editor')) || undefined;
-        if (this.container) {
-            const br = pms.nodes.hard_break;
-            const hardBreak = (0, prosemirror_commands_1.chainCommands)(prosemirror_commands_1.exitCode, (state, dispatch) => {
-                dispatch && dispatch(state.tr.replaceSelectionWith(br.create()).scrollIntoView());
-                return true;
-            });
-            const replaceRangeWithSuggestion = (from, to, sug) => __awaiter(this, void 0, void 0, function* () {
-                const link = yield this.linksProvider(sug);
-                return (link && cmp.view && cmp.view.state.tr.replaceWith(from, to, pms.text(sug.text, [pms.mark('link', link)]))) || undefined;
-            });
-            const headingsKeymap = (0, prosemirror_keymap_1.keymap)([1, 2, 3, 4, 5, 6].reduce((acc, idx) => {
-                return Object.assign(acc, { [`Mod-ctrl-${idx}`]: (0, prosemirror_commands_1.setBlockType)(pms.nodes.heading, { level: '' + idx }) });
-            }, {}));
-            const providedValue = this.valueProvider && this.valueProvider();
-            this.displayedVersion = ((_c = (_b = providedValue === null || providedValue === void 0 ? void 0 : providedValue.versions) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.revision) || '0';
-            const displayedVersionedValue = (_e = (_d = providedValue === null || providedValue === void 0 ? void 0 : providedValue.versions) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.value;
-            this.serviceId = providedValue === null || providedValue === void 0 ? void 0 : providedValue.id;
-            this.availableLanguages = displayedVersionedValue && Object.keys(displayedVersionedValue).length ? (0, no_lodash_1.sorted)(Object.keys(displayedVersionedValue)) : this.availableLanguages;
-            if (!this.availableLanguages.includes(this.displayedLanguage)) {
-                this.displayedLanguage = this.availableLanguages[0];
-            }
-            const parsedDoc = this.parser.parse(this.valueProvider ? (displayedVersionedValue === null || displayedVersionedValue === void 0 ? void 0 : displayedVersionedValue[this.displayedLanguage]) || '' : this.value);
-            this.view = new prosemirror_view_1.EditorView(this.container, {
-                state: prosemirror_state_1.EditorState.create({
-                    doc: parsedDoc,
-                    schema: this.proseMirrorSchema,
-                    plugins: [
-                        (0, caret_fix_plugin_1.caretFixPlugin)(),
-                        (0, prosemirror_history_1.history)(),
-                        this.links
-                            ? new prosemirror_state_1.Plugin({
-                                view(editorView) {
-                                    return new selection_companion_1.SelectionCompanion(editorView, () => cmp.mouseCount > 0);
-                                },
-                            })
-                            : null,
-                        this.suggestions
-                            ? new prosemirror_state_1.Plugin({
-                                view(editorView) {
-                                    return (cmp.suggestionPalette = new suggestion_palette_1.SuggestionPalette(pms, editorView, (terms) => cmp.suggestionProvider(terms), () => cmp.suggestionStopWords));
-                                },
-                            })
-                            : null,
-                        this.suggestions
-                            ? (0, prosemirror_keymap_1.keymap)({
-                                Tab: () => {
-                                    return (cmp.suggestionPalette && this.view && cmp.suggestionPalette.focusOrInsert(this.view, replaceRangeWithSuggestion)) || false;
-                                },
-                                ArrowUp: () => {
-                                    return (cmp.suggestionPalette && cmp.suggestionPalette.arrowUp()) || false;
-                                },
-                                ArrowDown: () => {
-                                    return (cmp.suggestionPalette && cmp.suggestionPalette.arrowDown()) || false;
-                                },
-                                Enter: () => {
-                                    return (cmp.suggestionPalette && this.view && cmp.suggestionPalette.insert(this.view, replaceRangeWithSuggestion)) || false;
-                                },
-                            })
-                            : null,
-                        (0, prosemirror_keymap_1.keymap)({ 'Mod-z': prosemirror_history_1.undo, 'Mod-Shift-z': prosemirror_history_1.redo }),
-                        (0, prosemirror_keymap_1.keymap)(Object.assign({}, pms.marks.strong ? { 'Mod-b': (0, prosemirror_commands_1.toggleMark)(pms.marks.strong) } : {}, pms.marks.em ? { 'Mod-i': (0, prosemirror_commands_1.toggleMark)(pms.marks.em) } : {}, pms.nodes.paragraph ? { 'Alt-ArrowUp': prosemirror_commands_1.joinUp } : {}, pms.nodes.paragraph ? { 'Alt-ArrowDown': prosemirror_commands_1.joinDown } : {}, pms.nodes.paragraph ? { 'Alt-Enter': hardBreak } : {}, pms.nodes.paragraph ? { 'Shift-Enter': hardBreak } : {}, pms.nodes.ordered_list ? { 'Shift-ctrl-1': (0, prosemirror_schema_list_1.wrapInList)(pms.nodes.ordered_list) } : {}, pms.nodes.bullet_list ? { 'Shift-ctrl-*': (0, prosemirror_schema_list_1.wrapInList)(pms.nodes.bullet_list) } : {}, pms.nodes.blockquote ? { 'Shift-ctrl-w': (0, prosemirror_commands_2.wrapInIfNeeded)(pms.nodes.blockquote) } : {}, pms.nodes.blockquote ? { 'Shift-ctrl-u': (0, prosemirror_commands_2.unwrapFrom)(pms.nodes.blockquote) } : {}, pms.nodes.paragraph ? { 'Mod-ctrl-0': (0, prosemirror_commands_1.setBlockType)(pms.nodes.paragraph) } : {}, pms.nodes.paragraph ? { 'Shift-ctrl-0': (0, prosemirror_commands_1.setBlockType)(pms.nodes.paragraph) } : {}, pms.nodes.list_item ? { Enter: (0, prosemirror_schema_list_1.splitListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-(': (0, prosemirror_schema_list_1.liftListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-[': (0, prosemirror_schema_list_1.liftListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-)': (0, prosemirror_schema_list_1.sinkListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-]': (0, prosemirror_schema_list_1.sinkListItem)(pms.nodes.list_item) } : {})),
-                        pms.nodes.heading ? headingsKeymap : null,
-                        (0, mask_plugin_1.maskPlugin)(),
-                        (0, regexp_plugin_1.regexpPlugin)(),
-                        (0, has_content_class_plugin_1.hasContentClassPlugin)(this.shadowRoot || undefined),
-                        (0, prosemirror_keymap_1.keymap)(prosemirror_commands_1.baseKeymap),
-                    ]
-                        .filter((x) => !!x)
-                        .map((x) => x),
-                }),
-                dispatchTransaction: (tr) => {
-                    this.view && this.view.updateState(this.view.state.apply(tr));
-                    //current state as json in text area
-                    //this.view && console.log(JSON.stringify(this.view.state.doc.toJSON(), null, 2));
-                    if (this.view && tr.doc != tr.before && this.handleValueChanged) {
-                        this.trToSave = tr;
-                        setTimeout(() => { var _a, _b, _c; return this.trToSave === tr && ((_a = this.handleValueChanged) === null || _a === void 0 ? void 0 : _a.call(this, this.displayedLanguage, (_c = (_b = this.serializer) === null || _b === void 0 ? void 0 : _b.serialize(tr.doc)) !== null && _c !== void 0 ? _c : tr.doc.textContent)); }, 800);
-                    }
-                },
-            });
-        }
-    }
-    makeParser(pms) {
-        const tokenizer = (0, markdown_it_1.default)('commonmark', { html: false });
-        return this.schema === 'date'
-            ? {
-                parse: (value) => pms.node('paragraph', {}, [pms.node('date', {}, value ? [pms.text(value)] : [])]),
-            }
-            : this.schema === 'time'
-                ? {
-                    parse: (value) => pms.node('paragraph', {}, [pms.node('time', {}, value ? [pms.text(value)] : [])]),
-                }
-                : this.schema === 'measure'
-                    ? {
-                        parse: (value) => {
-                            const decimal = value ? value.split(' ')[0] : '';
-                            const unit = value ? value.split(' ')[1] : '';
-                            return pms.node('paragraph', {}, [
-                                pms.node('decimal', {}, decimal && decimal.length ? [pms.text(decimal)] : [pms.text(' ')]),
-                                pms.node('unit', {}, unit && unit.length ? [pms.text(unit)] : [pms.text(' ')]),
-                            ]);
-                        },
-                    }
-                    : this.schema === 'date-time'
-                        ? {
-                            parse: (value) => {
-                                const date = value ? value.split(' ')[0] : '';
-                                const time = value ? value.split(' ')[1] : '';
-                                return pms.node('paragraph', {}, [
-                                    pms.node('date', {}, date && date.length ? [pms.text(date)] : [pms.text(' ')]),
-                                    pms.node('time', {}, time && time.length ? [pms.text(time)] : [pms.text(' ')]),
-                                ]);
-                            },
-                        }
-                        : this.schema === 'text-document'
-                            ? new prosemirror_markdown_1.MarkdownParser(pms, (0, markdown_it_1.default)('commonmark', { html: false }), {
-                                blockquote: { block: 'blockquote' },
-                                paragraph: { block: 'paragraph' },
-                                list_item: { block: 'list_item' },
-                                bullet_list: { block: 'bullet_list' },
-                                ordered_list: { block: 'ordered_list', getAttrs: (tok) => ({ order: +(tok.attrGet('start') || 1) }) },
-                                heading: { block: 'heading', getAttrs: (tok) => ({ level: +tok.tag.slice(1) }) },
-                                hr: { node: 'horizontal_rule' },
-                                image: {
-                                    node: 'image',
-                                    getAttrs: (tok) => {
-                                        var _a;
-                                        return ({
-                                            src: tok.attrGet('src'),
-                                            title: tok.attrGet('title') || null,
-                                            alt: ((_a = (tok.children || [])[0]) === null || _a === void 0 ? void 0 : _a.content) || null,
-                                        });
-                                    },
-                                },
-                                hardBreak: { node: 'hard_break' },
-                                em: (0, prosemirror_utils_1.hasMark)(pms.spec.marks, 'em') ? { mark: 'em' } : { ignore: true },
-                                strong: (0, prosemirror_utils_1.hasMark)(pms.spec.marks, 'strong') ? { mark: 'strong' } : { ignore: true },
-                                link: (0, prosemirror_utils_1.hasMark)(pms.spec.marks, 'link')
-                                    ? {
-                                        mark: 'link',
-                                        getAttrs: (tok) => ({
-                                            href: tok.attrGet('href'),
-                                            title: tok.attrGet('title') || null,
-                                        }),
-                                    }
-                                    : { ignore: true },
-                            })
-                            : new prosemirror_markdown_1.MarkdownParser(pms, {
-                                parse: (src, env) => {
-                                    return tokenizer.parse(src, env).filter((t) => !t.type.startsWith('paragraph_'));
-                                },
-                            }, {
-                                em: (0, prosemirror_utils_1.hasMark)(pms.spec.marks, 'em') ? { mark: 'em' } : { ignore: true },
-                                strong: (0, prosemirror_utils_1.hasMark)(pms.spec.marks, 'strong') ? { mark: 'strong' } : { ignore: true },
-                                link: (0, prosemirror_utils_1.hasMark)(pms.spec.marks, 'link')
-                                    ? {
-                                        mark: 'link',
-                                        getAttrs: (tok) => ({
-                                            href: tok.attrGet('href'),
-                                            title: tok.attrGet('title') || null,
-                                        }),
-                                    }
-                                    : { ignore: true },
-                            });
-    }
-    getMeta() {
-        var _a, _b;
-        return (this.metaProvider && ((_b = (_a = this.metaProvider()) === null || _a === void 0 ? void 0 : _a.metas) === null || _b === void 0 ? void 0 : _b.find((vm) => vm.revision === this.displayedVersion))) || undefined;
-    }
-}
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Set)
-], IqrTextField.prototype, "suggestionStopWords", void 0);
-__decorate([
-    (0, decorators_1.property)({ type: Boolean }),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "displayOwnerMenu", void 0);
-__decorate([
-    (0, decorators_1.property)({ type: Boolean }),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "suggestions", void 0);
-__decorate([
-    (0, decorators_1.property)({ type: Boolean }),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "links", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Function)
-], IqrTextField.prototype, "linksProvider", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Function)
-], IqrTextField.prototype, "suggestionProvider", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Function)
-], IqrTextField.prototype, "ownersProvider", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Function)
-], IqrTextField.prototype, "codeColorProvider", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Function)
-], IqrTextField.prototype, "linkColorProvider", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Function)
-], IqrTextField.prototype, "codeContentProvider", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", String)
-], IqrTextField.prototype, "schema", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "label", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", String)
-], IqrTextField.prototype, "labelPosition", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "placeholder", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "textRegex", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "value", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "defaultLanguage", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", String)
-], IqrTextField.prototype, "owner", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Function)
-], IqrTextField.prototype, "valueProvider", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Function)
-], IqrTextField.prototype, "metaProvider", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Function)
-], IqrTextField.prototype, "handleValueChanged", void 0);
-__decorate([
-    (0, decorators_1.property)(),
-    __metadata("design:type", Function)
-], IqrTextField.prototype, "handleMetaChanged", void 0);
-__decorate([
-    (0, decorators_1.state)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "displayOwnersMenu", void 0);
-__decorate([
-    (0, decorators_1.state)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "ownerInputValue", void 0);
-__decorate([
-    (0, decorators_1.state)(),
-    __metadata("design:type", Array)
-], IqrTextField.prototype, "availableOwners", void 0);
-__decorate([
-    (0, decorators_1.state)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "displayLanguagesMenu", void 0);
-__decorate([
-    (0, decorators_1.state)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "languageInputValue", void 0);
-__decorate([
-    (0, decorators_1.state)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "displayVersionsMenu", void 0);
-__decorate([
-    (0, decorators_1.state)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "displayedLanguage", void 0);
-__decorate([
-    (0, decorators_1.state)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "displayedVersion", void 0);
-__decorate([
-    (0, decorators_1.state)(),
-    __metadata("design:type", Object)
-], IqrTextField.prototype, "availableLanguages", void 0);
-__decorate([
-    (0, decorators_1.query)('#ownerSearch'),
-    __metadata("design:type", HTMLInputElement)
-], IqrTextField.prototype, "_ownerSearch", void 0);
-// Register the new element with the browser.
-customElements.define('iqr-text-field', IqrTextField);
-//# sourceMappingURL=index.js.map