@icure/form 2.0.11 → 2.1.0

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

@@ -1,3 +1,4 @@
+"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);
@@ -16,31 +17,56 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 });
+exports.MetadataButtonBarWrapper = exports.IcureTextField = void 0;
 // Import the LitElement base class and html helper function
 //@ts-ignore
-import { css, html, LitElement, nothing } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { EditorState, Plugin, TextSelection } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { history, redo, undo } from 'prosemirror-history';
-import { keymap } from 'prosemirror-keymap';
-import { baseKeymap, chainCommands, exitCode, joinDown, joinUp, setBlockType, toggleMark } from 'prosemirror-commands';
-import { liftListItem, sinkListItem, splitListItem, wrapInList } from 'prosemirror-schema-list';
-import { createSchema } from './schema';
-import MarkdownIt from 'markdown-it';
-import { defaultMarkdownSerializer, MarkdownParser } from 'prosemirror-markdown';
-import { unwrapFrom, wrapInIfNeeded } from './prosemirror-commands';
-import { SelectionCompanion } from './selection-companion';
-import { SuggestionPalette } from './suggestion-palette';
-import { hasMark } from './prosemirror-utils';
-import { maskPlugin } from './plugin/mask-plugin';
-import { hasContentClassPlugin } from './plugin/has-content-class-plugin';
-import { regexpPlugin } from './plugin/regexp-plugin';
-import { format, parse } from 'date-fns';
-import { Field } from '../common';
-import { pteq } from '../model';
-import { generateLabels } from '../common/utils';
-const baseCss = css `@charset "UTF-8";
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_view_1 = require("prosemirror-view");
+const prosemirror_model_1 = require("prosemirror-model");
+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 prosemirror_utils_1 = require("./prosemirror-utils");
+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 date_fns_1 = require("date-fns");
+const common_1 = require("../common");
+const model_1 = require("../model");
+const utils_1 = require("../common/utils");
+const baseCss = (0, lit_1.css) `@charset "UTF-8";
+.tab-container .tab-bar li {
+  display: inline-block;
+  padding: 8px 16px;
+  cursor: pointer;
+  color: #000000;
+  font-size: 14px;
+  font-weight: 500;
+}
+.tab-container .tab-bar li.active {
+  background-color: #656565;
+  color: white;
+}
+.tab-container .tab-content .tab {
+  display: none;
+}
+.tab-container .tab-content .tab.active {
+  display: block;
+}
+
 :host {
   --bg-color-1: #f44336;
 }
@@ -89,15 +115,15 @@ const baseCss = css `@charset "UTF-8";
   margin-right: 0;
 }
 
-.ProseMirror-hideselection {
-  caret-color: transparent;
-}
 .ProseMirror-hideselection *::selection {
   background: transparent;
 }
 .ProseMirror-hideselection *::-moz-selection {
   background: transparent;
 }
+.ProseMirror-hideselection {
+  caret-color: transparent;
+}
 
 .ProseMirror-selectednode {
   outline: 2px solid #8cf;
@@ -888,13 +914,13 @@ app-date-picker {
   margin-bottom: 20px;
 }
 .icure-form h2 {
-  font-size: 14.4px;
+  font-size: add-two(12px, 0, 1.2);
   font-weight: 700;
   color: #084B83;
   padding: 2px;
 }
 .icure-form h3 {
-  font-size: 13.2px;
+  font-size: add-two(12px, 0, 1.1);
   font-weight: 500;
   color: #084B83;
   padding: 6px;
@@ -926,17 +952,16 @@ app-date-picker {
   line-height: 1.4em;
   cursor: text;
   font-size: 12px;
-  left: 9px;
+  left: add-two(8px, 1px);
   color: #084B83;
   align-items: center;
-  height: 28px;
+  text-wrap: auto;
+  min-height: 28px;
   max-width: 85%;
   min-width: 0;
 }
 .icure-text-field .icure-label.float, .icure-button-group .icure-label.float {
   display: flex;
-  white-space: nowrap;
-  text-overflow: ellipsis;
   overflow: hidden;
 }
 
@@ -971,7 +996,6 @@ app-date-picker {
   border-style: solid;
   border-color: #DDE3E7;
   border-radius: 2px;
-  box-sizing: border-box;
   outline: 0;
   font: inherit;
   font-size: 14px;
@@ -984,6 +1008,25 @@ app-date-picker {
   background-color: #ffffff;
   color: #000000;
 }
+.icure-text-field .icure-input .reset-button,
+.icure-text-field .input-container .reset-button {
+  position: absolute;
+  right: 0;
+  border: none;
+  background: transparent;
+  top: 0;
+  opacity: 0.5;
+  cursor: pointer;
+  height: 20px;
+  margin-left: 4px;
+  margin-right: 4px;
+  padding: 0;
+}
+.icure-text-field .icure-input .reset-button svg,
+.icure-text-field .input-container .reset-button svg {
+  width: 15px;
+  height: 15px;
+}
 .icure-text-field .icure-input__validationError,
 .icure-text-field .input-container__validationError {
   border-color: red;
@@ -1097,8 +1140,8 @@ input[type=radio] {
   line-height: 1.4em;
   cursor: text;
   font-size: 12px;
-  top: calc(1.4em + 1px);
-  left: 9px;
+  top: add-three(1.4em, 1px, 0);
+  left: add-two(8px, 1px);
   transition: transform 0.2s ease-out, color 0.2s ease-out;
   color: #084B83;
   display: flex;
@@ -1125,12 +1168,14 @@ input[type=radio] {
   font-weight: 500;
   height: 1.4em;
 }`;
-import { extractSingleValue, extractValues } from '../icure-form/fields/utils';
-import { preprocessEmptyNodes, SpacePreservingMarkdownParser } from '../../utils/markdown';
-import { measureOnFocusHandler, measureTransactionMapper } from './schema/measure-schema';
-import { anyDateToDate } from '../../utils/dates';
+const utils_2 = require("../icure-form/fields/utils");
+const markdown_1 = require("../../utils/markdown");
+const measure_schema_1 = require("./schema/measure-schema");
+const dates_1 = require("../../utils/dates");
+const index_1 = require("../../index");
+const paths_1 = require("../common/styles/paths");
 // Extend the LitElement base class
-export class IcureTextField extends Field {
+class IcureTextField extends common_1.Field {
     constructor() {
         super();
         this.placeholder = '';
@@ -1157,9 +1202,14 @@ export class IcureTextField extends Field {
         this.trToSave = undefined;
     }
     _handleClickOutside(event) {
+        var _a;
+        const pm = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.ProseMirror')[0];
         if (!event.composedPath().includes(this)) {
             event.stopPropagation();
         }
+        else if (pm && !event.composedPath().includes(pm)) {
+            pm.focus();
+        }
     }
     connectedCallback() {
         super.connectedCallback();
@@ -1177,7 +1227,7 @@ export class IcureTextField extends Field {
     }
     static get styles() {
         return [
-            css `
+            (0, lit_1.css) `
 				.unit::before {
 					content: ' ';
 				}
@@ -1191,13 +1241,13 @@ export class IcureTextField extends Field {
     updateValue(tr) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (this.isMultivalued()) {
-            const values = extractValues((_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this), (_b = this.metadataProvider) !== null && _b !== void 0 ? _b : (() => ({})));
+            const values = (0, utils_2.extractValues)((_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this), (_b = this.metadataProvider) !== null && _b !== void 0 ? _b : (() => ({})));
             const valuesFromField = (_d = (_c = this.primitiveTypesExtractor) === null || _c === void 0 ? void 0 : _c.call(this, tr.doc)) !== null && _d !== void 0 ? _d : [];
             const unchangedIds = [];
             const newAndModifiedValues = [];
             valuesFromField.forEach(([tid, value]) => {
                 const id = tid.length > 0 ? tid : undefined;
-                const oldValue = id && values.find(([vid, v]) => { var _a, _b; return vid === id && pteq((_b = (_a = v[0].value) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b[this.language()], value); });
+                const oldValue = id && values.find(([vid, v]) => { var _a, _b; return vid === id && (0, model_1.pteq)((_b = (_a = v[0].value) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b[this.language()], value); });
                 const idPresent = newAndModifiedValues.some(([ttid]) => ttid === tid);
                 if (!oldValue || idPresent) {
                     newAndModifiedValues.push([idPresent ? '' : tid, value]);
@@ -1224,7 +1274,7 @@ export class IcureTextField extends Field {
             });
         }
         else {
-            const [valueId] = extractSingleValue((_e = this.valueProvider) === null || _e === void 0 ? void 0 : _e.call(this));
+            const [valueId] = (0, utils_2.extractSingleValue)((_e = this.valueProvider) === null || _e === void 0 ? void 0 : _e.call(this));
             const value = (_f = this.primitiveTypeExtractor) === null || _f === void 0 ? void 0 : _f.call(this, tr.doc);
             ((_g = this.handleValueChanged) === null || _g === void 0 ? void 0 : _g.call(this, this.label, this.language(), value
                 ? {
@@ -1234,31 +1284,37 @@ export class IcureTextField extends Field {
                 : undefined, valueId)) && (this.selectedRevision = undefined);
         }
     }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+    renderSync({ validationErrors }) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         const renderHash = Math.random();
         let metadata;
         let rev;
         let versions;
-        const validationError = (_b = (_a = this.validationErrorsProvider) === null || _a === void 0 ? void 0 : _a.call(this)) === null || _b === void 0 ? void 0 : _b.length;
+        const validationError = validationErrors.length;
         let valueForExistingLanguages = undefined;
+        if (index_1.icureFormLogging) {
+            console.log(`Rendering text-field ${this.schema} ${this.label} [${this.displayedLabels}]`);
+        }
         if (this.view) {
             let parsedDoc;
-            const data = (_c = this.valueProvider) === null || _c === void 0 ? void 0 : _c.call(this);
+            const data = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
+            if (index_1.icureFormLogging) {
+                console.log(`Data for ${this.label} is ${JSON.stringify(data)}`);
+            }
             if (this.isMultivalued()) {
-                const values = extractValues(data, (_d = this.metadataProvider) !== null && _d !== void 0 ? _d : (() => ({})));
+                const values = (0, utils_2.extractValues)(data, (_b = this.metadataProvider) !== null && _b !== void 0 ? _b : (() => ({})));
                 parsedDoc =
-                    (_f = (_e = this.proseMirrorSchema) === null || _e === void 0 ? void 0 : _e.topNodeType.createAndFill({}, values.map(([id, value]) => { var _a, _b, _c, _d, _e; return (_a = this.parser) === null || _a === void 0 ? void 0 : _a.parse((_e = (_d = (_c = (_b = value === null || value === void 0 ? void 0 : value[0]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.content) === null || _d === void 0 ? void 0 : _d[this.language()]) !== null && _e !== void 0 ? _e : '', id, renderHash); }).filter((x) => !!x))) !== null && _f !== void 0 ? _f : undefined;
+                    (_d = (_c = this.proseMirrorSchema) === null || _c === void 0 ? void 0 : _c.topNodeType.createAndFill({}, values.map(([id, value]) => { var _a, _b, _c, _d, _e; return (_a = this.parser) === null || _a === void 0 ? void 0 : _a.parse((_e = (_d = (_c = (_b = value === null || value === void 0 ? void 0 : value[0]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.content) === null || _d === void 0 ? void 0 : _d[this.language()]) !== null && _e !== void 0 ? _e : '', id, renderHash); }).filter((x) => !!x))) !== null && _d !== void 0 ? _d : undefined;
             }
             else {
                 let id;
-                [id, versions] = extractSingleValue(data);
+                [id, versions] = (0, utils_2.extractSingleValue)(data);
                 const version = this.selectedRevision ? versions === null || versions === void 0 ? void 0 : versions.find((v) => v.revision === this.selectedRevision) : versions === null || versions === void 0 ? void 0 : versions[0];
-                const valueForLanguage = (_j = (_h = (_g = version === null || version === void 0 ? void 0 : version.value) === null || _g === void 0 ? void 0 : _g.content) === null || _h === void 0 ? void 0 : _h[this.language()]) !== null && _j !== void 0 ? _j : '';
-                valueForExistingLanguages = Object.keys((_l = (_k = version === null || version === void 0 ? void 0 : version.value) === null || _k === void 0 ? void 0 : _k.content) !== null && _l !== void 0 ? _l : {});
-                parsedDoc = valueForLanguage ? (_o = (_m = this.parser) === null || _m === void 0 ? void 0 : _m.parse(valueForLanguage)) !== null && _o !== void 0 ? _o : undefined : undefined;
+                const valueForLanguage = (_g = (_f = (_e = version === null || version === void 0 ? void 0 : version.value) === null || _e === void 0 ? void 0 : _e.content) === null || _f === void 0 ? void 0 : _f[this.language()]) !== null && _g !== void 0 ? _g : '';
+                valueForExistingLanguages = Object.keys((_j = (_h = version === null || version === void 0 ? void 0 : version.value) === null || _h === void 0 ? void 0 : _h.content) !== null && _j !== void 0 ? _j : {});
+                parsedDoc = valueForLanguage ? (_l = (_k = this.parser) === null || _k === void 0 ? void 0 : _k.parse(valueForLanguage)) !== null && _l !== void 0 ? _l : undefined : undefined;
                 rev = version === null || version === void 0 ? void 0 : version.revision;
-                metadata = id && rev !== undefined ? (_t = (_s = (_r = (_p = this.metadataProvider) === null || _p === void 0 ? void 0 : _p.call(this, id, (_q = versions === null || versions === void 0 ? void 0 : versions.map((v) => v.revision)) !== null && _q !== void 0 ? _q : [])) === null || _r === void 0 ? void 0 : _r[id]) === null || _s === void 0 ? void 0 : _s.find((m) => m.revision === rev)) === null || _t === void 0 ? void 0 : _t.value : undefined;
+                metadata = id && rev !== undefined ? (_r = (_q = (_p = (_m = this.metadataProvider) === null || _m === void 0 ? void 0 : _m.call(this, id, (_o = versions === null || versions === void 0 ? void 0 : versions.map((v) => v.revision)) !== null && _o !== void 0 ? _o : [])) === null || _p === void 0 ? void 0 : _p[id]) === null || _q === void 0 ? void 0 : _q.find((m) => m.revision === rev)) === null || _r === void 0 ? void 0 : _r.value : undefined;
             }
             if (parsedDoc) {
                 const selection = this.view.state.selection;
@@ -1268,16 +1324,16 @@ export class IcureTextField extends Field {
                 if (lastPos < selAnchor || lastPos < selHead) {
                     console.log(`Constraining selection to ${Math.min(selAnchor, lastPos)} - ${Math.min(selHead, lastPos)}`);
                 }
-                const newState = EditorState.create({
+                const newState = prosemirror_state_1.EditorState.create({
                     schema: this.view.state.schema,
                     doc: parsedDoc,
                     plugins: this.view.state.plugins,
-                    selection: new TextSelection(parsedDoc.resolve(Math.min(selAnchor, lastPos)), parsedDoc.resolve(Math.min(selHead, lastPos))),
+                    selection: new prosemirror_state_1.TextSelection(parsedDoc.resolve(Math.min(selAnchor, lastPos)), parsedDoc.resolve(Math.min(selHead, lastPos))),
                 });
                 this.view.updateState(newState);
             }
             else {
-                this.view.updateState(EditorState.create({
+                this.view.updateState(prosemirror_state_1.EditorState.create({
                     schema: this.view.state.schema,
                     doc: undefined,
                     plugins: this.view.state.plugins,
@@ -1285,39 +1341,60 @@ export class IcureTextField extends Field {
                 }));
             }
         }
-        return html `
+        return (0, lit_1.html) `
 			<div id="root" class="${this.visible ? 'icure-text-field' : 'hidden'}" data-placeholder=${this.placeholder}>
-				${this.displayedLabels ? generateLabels(this.displayedLabels, this.language(), this.translate ? this.translationProvider : undefined) : nothing}
+				${this.displayedLabels ? (0, utils_1.generateLabels)(this.displayedLabels, this.language(), this.translate ? this.translationProvider : undefined) : lit_1.nothing}
 				<div class="icure-input-metadata-container">
 					<div class="icure-input ${validationError ? 'icure-input__validationError' : ''} ${this.displayMetadata && metadata ? 'icure-input__withMetadata' : ''}">
 						<div id="editor" class="${this.schema}" style="min-height: calc( ${this.lines}rem + 5px )"></div>
+						${!this.displayMetadata && this.defaultValueProvider ? (0, lit_1.html) `<div id="reset" class="reset-button" @click="${() => __awaiter(this, void 0, void 0, function* () { return yield this.reset(renderHash); })}">${paths_1.resetPicto}</div` : lit_1.nothing}
 					</div>
-
-					${this.displayMetadata && metadata
-            ? html `
-								<div class="icure-metadata-container ${validationError ? 'icure-metadata-container__validationError' : ''}">
-									<icure-metadata-buttons-bar
-										.metadata="${metadata}"
-										.revision="${rev}"
-										.versions="${versions !== null && versions !== void 0 ? versions : []}"
-										.valueId="${(_v = extractSingleValue((_u = this.valueProvider) === null || _u === void 0 ? void 0 : _u.call(this))) === null || _v === void 0 ? void 0 : _v[0]}"
-										.defaultLanguage="${this.defaultLanguage}"
-										.selectedLanguage="${this.selectedLanguage}"
-										.languages="${this.languages}"
-										.handleMetadataChanged="${this.handleMetadataChanged}"
-										.handleLanguageSelected="${(iso) => (this.selectedLanguage = iso)}"
-										.handleRevisionSelected="${(rev) => (this.selectedRevision = rev)}"
-										.ownersProvider="${this.ownersProvider}"
-										.existingLanguages="${valueForExistingLanguages !== null && valueForExistingLanguages !== void 0 ? valueForExistingLanguages : undefined}"
-									/>
-								</div>
-						  `
+						${this.displayMetadata && metadata
+            ? (0, lit_1.html) `
+										<div class="icure-metadata-container ${validationError ? 'icure-metadata-container__validationError' : ''}">
+											<icure-metadata-buttons-bar
+												.metadata="${metadata}"
+												.revision="${rev}"
+												.versions="${versions !== null && versions !== void 0 ? versions : []}"
+												.valueId="${(_t = (0, utils_2.extractSingleValue)((_s = this.valueProvider) === null || _s === void 0 ? void 0 : _s.call(this))) === null || _t === void 0 ? void 0 : _t[0]}"
+												.defaultLanguage="${this.defaultLanguage}"
+												.selectedLanguage="${this.selectedLanguage}"
+												.languages="${this.languages}"
+												.handleReset="${() => this.reset(renderHash)}"
+												.handleMetadataChanged="${this.handleMetadataChanged}"
+												.handleLanguageSelected="${(iso) => (this.selectedLanguage = iso)}"
+												.handleRevisionSelected="${(rev) => (this.selectedRevision = rev)}"
+												.ownersProvider="${this.ownersProvider}"
+												.existingLanguages="${valueForExistingLanguages !== null && valueForExistingLanguages !== void 0 ? valueForExistingLanguages : undefined}"
+											/>
+										</div>
+								  `
             : ''}
+					</div>
+					<div class="error">${validationErrors.map(([, error]) => { var _a; return (0, lit_1.html) `<div>${(_a = this.translationProvider) === null || _a === void 0 ? void 0 : _a.call(this, this.language(), error)}</div>`; })}</div>
 				</div>
-				<div class="error">${(_w = this.validationErrorsProvider) === null || _w === void 0 ? void 0 : _w.call(this).map(([, error]) => { var _a; return html `<div>${(_a = this.translationProvider) === null || _a === void 0 ? void 0 : _a.call(this, this.language(), error)}</div>`; })}</div>
 			</div>
 		`;
     }
+    reset(renderHash) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            if (this.view) {
+                const defaultValue = yield ((_a = this.defaultValueProvider) === null || _a === void 0 ? void 0 : _a.call(this));
+                const contentForLanguage = (_e = (_c = (_b = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.content) === null || _b === void 0 ? void 0 : _b[this.language()]) !== null && _c !== void 0 ? _c : (_d = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.content) === null || _d === void 0 ? void 0 : _d[this.defaultLanguage]) !== null && _e !== void 0 ? _e : (_f = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.content) === null || _f === void 0 ? void 0 : _f['*'];
+                const newState = prosemirror_state_1.EditorState.create({
+                    schema: this.view.state.schema,
+                    doc: (_h = (_g = this.parser) === null || _g === void 0 ? void 0 : _g.parse(contentForLanguage !== null && contentForLanguage !== void 0 ? contentForLanguage : {
+                        type: 'string',
+                        value: '',
+                    }, undefined, renderHash)) !== null && _h !== void 0 ? _h : undefined,
+                    plugins: this.view.state.plugins,
+                    selection: undefined,
+                });
+                this.view.updateState(newState);
+            }
+        });
+    }
     mouseDown() {
         this.mouseCount++;
     }
@@ -1335,7 +1412,7 @@ export class IcureTextField extends Field {
         var _a;
         // eslint-disable-next-line @typescript-eslint/no-this-alias
         const cmp = this;
-        const pms = (this.proseMirrorSchema = createSchema(this.schema, (t, c, isC) => (isC ? this.codeColorProvider(t, c) : this.linkColorProvider(t, c)), this.codeContentProvider));
+        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(this.schema, pms);
         this.serializer = this.makeSerializer(this.schema, pms);
         this.primitiveTypeExtractor = this.makePrimitiveExtractor(this.schema);
@@ -1343,8 +1420,8 @@ export class IcureTextField extends Field {
         this.codesExtractor = this.makeCodesExtractor(this.schema);
         this.container = ((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('editor')) || undefined;
         if (this.container) {
-            const br = pms.nodes.hardbreak;
-            const hardbreak = chainCommands(exitCode, (state, dispatch) => {
+            const br = pms.nodes.hard_break;
+            const hard_break = (0, prosemirror_commands_1.chainCommands)(prosemirror_commands_1.exitCode, (state, dispatch) => {
                 dispatch && dispatch(state.tr.replaceSelectionWith(br.create()).scrollIntoView());
                 return true;
             });
@@ -1352,32 +1429,32 @@ export class IcureTextField extends Field {
                 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 = keymap([1, 2, 3, 4, 5, 6].reduce((acc, idx) => {
-                return Object.assign(acc, { [`Mod-ctrl-${idx}`]: setBlockType(pms.nodes.heading, { level: '' + idx }) });
+            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 }) });
             }, {}));
             //Currently take the first piece of data if it is available
-            this.view = new EditorView(this.container, {
-                state: EditorState.create({
+            this.view = new prosemirror_view_1.EditorView(this.container, {
+                state: prosemirror_state_1.EditorState.create({
                     doc: undefined,
                     schema: this.proseMirrorSchema,
                     plugins: [
-                        history(),
+                        (0, prosemirror_history_1.history)(),
                         this.links
-                            ? new Plugin({
+                            ? new prosemirror_state_1.Plugin({
                                 view(editorView) {
-                                    return new SelectionCompanion(editorView, () => cmp.mouseCount > 0);
+                                    return new selection_companion_1.SelectionCompanion(editorView, () => cmp.mouseCount > 0);
                                 },
                             })
                             : null,
                         this.suggestions
-                            ? new Plugin({
+                            ? new prosemirror_state_1.Plugin({
                                 view(editorView) {
-                                    return (cmp.suggestionPalette = new SuggestionPalette(pms, editorView, (terms) => cmp.suggestionProvider(terms), () => cmp.suggestionStopWords));
+                                    return (cmp.suggestionPalette = new suggestion_palette_1.SuggestionPalette(pms, editorView, (terms) => cmp.suggestionProvider(terms), () => cmp.suggestionStopWords));
                                 },
                             })
                             : null,
                         this.suggestions
-                            ? keymap({
+                            ? (0, prosemirror_keymap_1.keymap)({
                                 Tab: () => {
                                     return (cmp.suggestionPalette && this.view && cmp.suggestionPalette.focusOrInsert(this.view, replaceRangeWithSuggestion)) || false;
                                 },
@@ -1392,13 +1469,35 @@ export class IcureTextField extends Field {
                                 },
                             })
                             : null,
-                        keymap({ 'Mod-z': undo, 'Mod-Shift-z': redo }),
-                        keymap(Object.assign({}, pms.marks.strong ? { 'Mod-b': toggleMark(pms.marks.strong) } : {}, pms.marks.em ? { 'Mod-i': toggleMark(pms.marks.em) } : {}, pms.nodes.paragraph ? { 'Alt-ArrowUp': joinUp } : {}, pms.nodes.paragraph ? { 'Alt-ArrowDown': joinDown } : {}, pms.nodes.paragraph ? { 'Alt-Enter': hardbreak } : {}, pms.nodes.paragraph ? { 'Shift-Enter': hardbreak } : {}, pms.nodes.ordered_list ? { 'Shift-ctrl-1': wrapInList(pms.nodes.ordered_list) } : {}, pms.nodes.bullet_list ? { 'Shift-ctrl-*': wrapInList(pms.nodes.bullet_list) } : {}, pms.nodes.blockquote ? { 'Shift-ctrl-w': wrapInIfNeeded(pms.nodes.blockquote) } : {}, pms.nodes.blockquote ? { 'Shift-ctrl-u': unwrapFrom(pms.nodes.blockquote) } : {}, pms.nodes.paragraph ? { 'Mod-ctrl-0': setBlockType(pms.nodes.paragraph) } : {}, pms.nodes.paragraph ? { 'Shift-ctrl-0': setBlockType(pms.nodes.paragraph) } : {}, pms.nodes.list_item ? { Enter: splitListItem(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-(': liftListItem(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-[': liftListItem(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-)': sinkListItem(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-]': sinkListItem(pms.nodes.list_item) } : {})),
+                        (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': hard_break } : {}, pms.nodes.paragraph ? { 'Shift-Enter': hard_break } : {}, 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,
-                        maskPlugin(),
-                        regexpPlugin(),
-                        hasContentClassPlugin(this.shadowRoot || undefined),
-                        keymap(baseKeymap),
+                        (0, mask_plugin_1.maskPlugin)(),
+                        (0, regexp_plugin_1.regexpPlugin)(),
+                        (0, has_content_class_plugin_1.hasContentClassPlugin)(this.shadowRoot || undefined),
+                        new prosemirror_state_1.Plugin({
+                            props: {
+                                transformPasted(slice) {
+                                    let ok = true;
+                                    slice.content.forEach((node) => {
+                                        if (!pms.nodes[node.type.name]) {
+                                            ok = false;
+                                        }
+                                    });
+                                    if (ok) {
+                                        return slice;
+                                    }
+                                    if (pms.nodes.paragraph)
+                                        return new prosemirror_model_1.Slice(prosemirror_model_1.Fragment.fromArray(slice.content
+                                            .textBetween(0, slice.content.size, ' ')
+                                            .split('\n')
+                                            .map((line) => pms.nodes.paragraph.create({}, [pms.text(line)]))), 0, 0);
+                                    else
+                                        return new prosemirror_model_1.Slice(prosemirror_model_1.Fragment.fromArray([pms.text(slice.content.textBetween(0, slice.content.size, ' ').split('\n').join(' '))]), 0, 0);
+                                },
+                            },
+                        }),
+                        (0, prosemirror_keymap_1.keymap)(prosemirror_commands_1.baseKeymap),
                     ]
                         .filter((x) => !!x)
                         .map((x) => x),
@@ -1409,7 +1508,7 @@ export class IcureTextField extends Field {
                         this.updateValue(view.state.tr);
                     },
                     focus: (view) => {
-                        this.schema === 'measure' && measureOnFocusHandler(view);
+                        this.schema === 'measure' && (0, measure_schema_1.measureOnFocusHandler)(view);
                     },
                     click: (view, event) => {
                         var _a;
@@ -1426,7 +1525,7 @@ export class IcureTextField extends Field {
                     },
                 },
                 dispatchTransaction: (tro) => {
-                    const tr = this.schema === 'measure' ? measureTransactionMapper(tro) : tro;
+                    const tr = this.schema === 'measure' ? (0, measure_schema_1.measureTransactionMapper)(tro) : tro;
                     console.log(`Setting selection to ${tr.selection.from} - ${tr.selection.to}`);
                     this.view && this.view.updateState(this.view.state.apply(tr));
                     if (this.view && tr.doc != tr.before && this.handleValueChanged) {
@@ -1446,7 +1545,7 @@ export class IcureTextField extends Field {
         }
     }
     makeParser(schemaName, pms) {
-        const tokenizer = MarkdownIt('commonmark', { html: false });
+        const tokenizer = (0, markdown_it_1.default)('commonmark', { html: false });
         return schemaName.includes('tokens-list')
             ? {
                 parse: (value, id, renderHash) => {
@@ -1464,7 +1563,7 @@ export class IcureTextField extends Field {
                         parse: (value) => {
                             var _a, _b;
                             if ((value === null || value === void 0 ? void 0 : value.type) === 'datetime') {
-                                const dateString = (_a = anyDateToDate(value.value)) === null || _a === void 0 ? void 0 : _a.toISOString().replace(/T.*/, '');
+                                const dateString = (_a = (0, dates_1.anyDateToDate)(value.value)) === null || _a === void 0 ? void 0 : _a.toISOString().replace(/T.*/, '');
                                 return pms.node('paragraph', {}, [pms.node('date', {}, value ? [pms.text(dateString !== null && dateString !== void 0 ? dateString : '')] : [])]);
                             }
                             else if ((value === null || value === void 0 ? void 0 : value.type) === 'timestamp') {
@@ -1497,11 +1596,13 @@ export class IcureTextField extends Field {
                         : schemaName === 'measure'
                             ? {
                                 parse: (value) => {
-                                    var _a, _b;
+                                    var _a, _b, _c;
                                     if (value.type !== 'measure') {
                                         return undefined;
                                     }
-                                    const decimal = (_b = (_a = value.value) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+                                    const decimal = value.value !== undefined
+                                        ? value.value.toFixed(((_a = this.styleOptions) === null || _a === void 0 ? void 0 : _a.decimalPlaces) || ((_c = (_b = this.styleOptions) === null || _b === void 0 ? void 0 : _b.decimalPlaces) === null || _c === void 0 ? void 0 : _c.toString()) === '0' ? parseInt(this.styleOptions.decimalPlaces.toString()) : 2)
+                                        : '';
                                     const unit = value.unit;
                                     return pms.node('paragraph', {}, [pms.node('decimal', {}, decimal && decimal.length ? [pms.text(decimal)] : [])].concat(unit && unit.length ? [pms.node('unit', {}, [pms.text(unit)])] : []));
                                 },
@@ -1509,7 +1610,14 @@ export class IcureTextField extends Field {
                             : schemaName === 'decimal'
                                 ? {
                                     parse: (value) => {
-                                        return value.type === 'number' ? pms.node('paragraph', {}, [pms.node('decimal', {}, [pms.text(value.value.toString())])]) : undefined;
+                                        var _a, _b, _c;
+                                        return value.type === 'number'
+                                            ? pms.node('paragraph', {}, [
+                                                pms.node('decimal', {}, [
+                                                    pms.text(value.value.toFixed(((_a = this.styleOptions) === null || _a === void 0 ? void 0 : _a.decimalPlaces) || ((_c = (_b = this.styleOptions) === null || _b === void 0 ? void 0 : _b.decimalPlaces) === null || _c === void 0 ? void 0 : _c.toString()) === '0' ? parseInt(this.styleOptions.decimalPlaces.toString()) : 2)),
+                                                ]),
+                                            ])
+                                            : undefined;
                                     },
                                 }
                                 : schemaName === 'date-time'
@@ -1519,8 +1627,8 @@ export class IcureTextField extends Field {
                                             if (value.type !== 'datetime') {
                                                 return undefined;
                                             }
-                                            const date = (_a = anyDateToDate(value.value)) === null || _a === void 0 ? void 0 : _a.toISOString().replace(/T.*/, '');
-                                            const time = (_b = anyDateToDate(value.value)) === null || _b === void 0 ? void 0 : _b.toISOString().replace(/.+?T(..):(..).*/, '$1:$2');
+                                            const date = (_a = (0, dates_1.anyDateToDate)(value.value)) === null || _a === void 0 ? void 0 : _a.toISOString().replace(/T.*/, '');
+                                            const time = (_b = (0, dates_1.anyDateToDate)(value.value)) === null || _b === void 0 ? void 0 : _b.toISOString().replace(/.+?T(..):(..).*/, '$1:$2');
                                             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(' ')]),
@@ -1528,7 +1636,7 @@ export class IcureTextField extends Field {
                                         },
                                     }
                                     : schemaName === 'text-document'
-                                        ? new SpacePreservingMarkdownParser(new MarkdownParser(pms, MarkdownIt('commonmark', { html: false }), {
+                                        ? new markdown_1.SpacePreservingMarkdownParser(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' },
@@ -1547,10 +1655,10 @@ export class IcureTextField extends Field {
                                                     });
                                                 },
                                             },
-                                            hardbreak: { node: 'hardbreak' },
-                                            em: hasMark(pms.spec.marks, 'em') ? { mark: 'em' } : { ignore: true },
-                                            strong: hasMark(pms.spec.marks, 'strong') ? { mark: 'strong' } : { ignore: true },
-                                            link: hasMark(pms.spec.marks, 'link')
+                                            hard_break: { 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) => ({
@@ -1560,14 +1668,14 @@ export class IcureTextField extends Field {
                                                 }
                                                 : { ignore: true },
                                         }))
-                                        : new SpacePreservingMarkdownParser(new MarkdownParser(pms, {
+                                        : new markdown_1.SpacePreservingMarkdownParser(new prosemirror_markdown_1.MarkdownParser(pms, {
                                             parse: (src, env) => {
                                                 return tokenizer.parse(src, env).filter((t) => !t.type.startsWith('paragraph_'));
                                             },
                                         }, {
-                                            em: hasMark(pms.spec.marks, 'em') ? { mark: 'em' } : { ignore: true },
-                                            strong: hasMark(pms.spec.marks, 'strong') ? { mark: 'strong' } : { ignore: true },
-                                            link: hasMark(pms.spec.marks, 'link')
+                                            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) => ({
@@ -1581,7 +1689,7 @@ export class IcureTextField extends Field {
     makeSerializer(schemaName, pms) {
         return schemaName === 'text-document'
             ? {
-                serialize: (content) => defaultMarkdownSerializer.serialize(preprocessEmptyNodes(content, pms)),
+                serialize: (content) => prosemirror_markdown_1.defaultMarkdownSerializer.serialize((0, markdown_1.preprocessEmptyNodes)(content, pms)),
             }
             : {
                 serialize: (content) => content.textBetween(0, content.nodeSize - 2, ' '),
@@ -1604,12 +1712,12 @@ export class IcureTextField extends Field {
     }
     makePrimitiveExtractor(schemaName) {
         return schemaName === 'date'
-            ? (doc) => { var _a; return (((_a = doc === null || doc === void 0 ? void 0 : doc.firstChild) === null || _a === void 0 ? void 0 : _a.textContent) ? { type: 'datetime', value: parseInt(format(parse(doc.firstChild.textContent, 'dd/MM/yyyy', new Date()), 'yyyyMMdd')) } : undefined); }
+            ? (doc) => { var _a; return (((_a = doc === null || doc === void 0 ? void 0 : doc.firstChild) === null || _a === void 0 ? void 0 : _a.textContent) ? { type: 'datetime', value: parseInt((0, date_fns_1.format)((0, date_fns_1.parse)(doc.firstChild.textContent, 'dd/MM/yyyy', new Date()), 'yyyyMMdd')) } : undefined); }
             : schemaName === 'time'
                 ? (doc) => {
                     var _a;
                     if (((_a = doc === null || doc === void 0 ? void 0 : doc.firstChild) === null || _a === void 0 ? void 0 : _a.textContent) && !doc.firstChild.textContent.startsWith('--:')) {
-                        const value = parseInt(format(parse(doc.firstChild.textContent.replaceAll('-', '0'), 'HH:mm:ss', new Date()), 'HHmmss'));
+                        const value = parseInt((0, date_fns_1.format)((0, date_fns_1.parse)(doc.firstChild.textContent.replaceAll('-', '0'), 'HH:mm:ss', new Date()), 'HHmmss'));
                         console.log(`Converted time to: ${value}`);
                         return {
                             type: 'datetime',
@@ -1646,7 +1754,7 @@ export class IcureTextField extends Field {
                                 return ((_a = doc === null || doc === void 0 ? void 0 : doc.firstChild) === null || _a === void 0 ? void 0 : _a.textContent) && ((_b = doc === null || doc === void 0 ? void 0 : doc.lastChild) === null || _b === void 0 ? void 0 : _b.textContent)
                                     ? {
                                         type: 'datetime',
-                                        value: parseInt(format(parse(doc.firstChild.textContent + ' ' + doc.lastChild.textContent, 'dd/MM/yyyy HH:mm:ss', new Date()), 'yyyyMMddHHmmss')),
+                                        value: parseInt((0, date_fns_1.format)((0, date_fns_1.parse)(doc.firstChild.textContent + ' ' + doc.lastChild.textContent, 'dd/MM/yyyy HH:mm:ss', new Date()), 'yyyyMMddHHmmss')),
                                     }
                                     : undefined;
                             }
@@ -1665,64 +1773,65 @@ export class IcureTextField extends Field {
             : () => [];
     }
 }
+exports.IcureTextField = IcureTextField;
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Object)
 ], IcureTextField.prototype, "placeholder", void 0);
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Object)
 ], IcureTextField.prototype, "multiline", void 0);
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Object)
 ], IcureTextField.prototype, "lines", void 0);
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Set)
 ], IcureTextField.prototype, "suggestionStopWords", void 0);
 __decorate([
-    property({ type: Boolean }),
+    (0, decorators_js_1.property)({ type: Boolean }),
     __metadata("design:type", Object)
 ], IcureTextField.prototype, "displayOwnerMenu", void 0);
 __decorate([
-    property({ type: Boolean }),
+    (0, decorators_js_1.property)({ type: Boolean }),
     __metadata("design:type", Object)
 ], IcureTextField.prototype, "suggestions", void 0);
 __decorate([
-    property({ type: Boolean }),
+    (0, decorators_js_1.property)({ type: Boolean }),
     __metadata("design:type", Object)
 ], IcureTextField.prototype, "links", void 0);
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], IcureTextField.prototype, "linksProvider", void 0);
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], IcureTextField.prototype, "suggestionProvider", void 0);
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], IcureTextField.prototype, "codeColorProvider", void 0);
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], IcureTextField.prototype, "linkColorProvider", void 0);
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], IcureTextField.prototype, "codeContentProvider", void 0);
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", String)
 ], IcureTextField.prototype, "schema", void 0);
 __decorate([
-    state(),
-    __metadata("design:type", EditorView)
+    (0, decorators_js_1.state)(),
+    __metadata("design:type", prosemirror_view_1.EditorView)
 ], IcureTextField.prototype, "view", void 0);
 // Register the new element with the browser.
-export class MetadataButtonBarWrapper extends LitElement {
+class MetadataButtonBarWrapper extends lit_1.LitElement {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         console.log('Rendering metadata buttons');
@@ -1738,22 +1847,23 @@ export class MetadataButtonBarWrapper extends LitElement {
         const op = (terms, ids, specialties) => {
             return parent.ownersProvider(terms, ids, specialties);
         };
-        return html `<icure-metadata-buttons-bar .metadata="${metadata}" .revision="${rev}" .versions="${versions}" .valueId="${(_o = extractSingleValue((_m = parent.valueProvider) === null || _m === void 0 ? void 0 : _m.call(parent))) === null || _o === void 0 ? void 0 : _o[0]}"
+        return (0, lit_1.html) `<icure-metadata-buttons-bar .metadata="${metadata}" .revision="${rev}" .versions="${versions}" .valueId="${(_o = (0, utils_2.extractSingleValue)((_m = parent.valueProvider) === null || _m === void 0 ? void 0 : _m.call(parent))) === null || _o === void 0 ? void 0 : _o[0]}"
 		.defaultLanguage="${parent.defaultLanguage}" .selectedLanguage="${parent.selectedLanguage}" .languages="${parent.languages}" .handleMetadataChanged="${parent.handleMetadataChanged}"
 		.handleLanguageSelected="${(iso) => (parent.selectedLanguage = iso)}" .handleRevisionSelected="${(rev) => (parent.selectedRevision = rev)}" .ownersProvider="${op}"
 		style="white-space: nowrap; padding-top: 1px" " />`;
     }
 }
+exports.MetadataButtonBarWrapper = MetadataButtonBarWrapper;
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", String)
 ], MetadataButtonBarWrapper.prototype, "id", void 0);
 __decorate([
-    property(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", String)
 ], MetadataButtonBarWrapper.prototype, "rerender", void 0);
 __decorate([
-    state(),
+    (0, decorators_js_1.state)(),
     __metadata("design:type", String)
 ], MetadataButtonBarWrapper.prototype, "selectedRevision", void 0);
 //# sourceMappingURL=index.js.map