@teipublisher/pb-components 2.25.5 → 2.25.7

package/.github/workflows/main.yml

@@ -8,11 +8,11 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - name: Setup Node.js environment
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
-          node-version: "16"
+          node-version: "22"
       - run: npm ci
       - run: npm run gh-pages
       - name: Deploy to gh-pages

package/.github/workflows/node.js.yml

@@ -14,11 +14,11 @@ jobs:
   build:
       runs-on: ubuntu-latest
       steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - name: Use Node.js 
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
-          node-version: "16"
+          node-version: "22"
       - name: npm install and build
         run:
           npm ci

package/.github/workflows/release.js.yml

@@ -11,10 +11,10 @@ jobs:
     name: Release
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v5
+      - uses: actions/setup-node@v5
         with:
-          node-version: "16"
+          node-version: "22"
       - name: npm install and build
         run:
           npm ci

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [2.25.7](https://github.com/eeditiones/tei-publisher-components/compare/v2.25.6...v2.25.7) (2025-11-04)
+
+
+### Bug Fixes
+
+* **pb-facsimile:** update OSD and override fullscreen differently ([ddb9e18](https://github.com/eeditiones/tei-publisher-components/commit/ddb9e188a84739f3a4b128c816ebb1ba55a08bd7))
+
+## [2.25.6](https://github.com/eeditiones/tei-publisher-components/compare/v2.25.5...v2.25.6) (2025-09-09)
+
+
+### Bug Fixes
+
+* **docker:** allign image ([45fcfe6](https://github.com/eeditiones/tei-publisher-components/commit/45fcfe682d4413baaf6413e3801201f46d7b0f0a)), closes [#244](https://github.com/eeditiones/tei-publisher-components/issues/244)
+* **docker:** minor fixes ([34ad702](https://github.com/eeditiones/tei-publisher-components/commit/34ad702e6e72455096421cfa6f77a9a921cf2b31))
+
 ## [2.25.5](https://github.com/eeditiones/tei-publisher-components/compare/v2.25.4...v2.25.5) (2025-08-16)
 
 

package/Dockerfile

@@ -1,41 +1,12 @@
-ARG EXIST_VERSION=6.2.0
+ARG EXIST_VERSION=release
+ARG BUILD=local
+ARG PUBLISHER_VERSION=master
 
 # START STAGE 1
-FROM openjdk:8-jdk-slim as builder
-
-USER root
-
-ENV ANT_VERSION 1.10.15
-ENV ANT_HOME /etc/ant-${ANT_VERSION}
-
-WORKDIR /tmp
-
-RUN apt-get update && apt-get install -y \
-    git \
-    curl
-
-RUN curl -L -o apache-ant-${ANT_VERSION}-bin.tar.gz https://downloads.apache.org/ant/binaries/apache-ant-${ANT_VERSION}-bin.tar.gz \
-    && mkdir ant-${ANT_VERSION} \
-    && tar -zxvf apache-ant-${ANT_VERSION}-bin.tar.gz \
-    && mv apache-ant-${ANT_VERSION} ${ANT_HOME} \
-    && rm apache-ant-${ANT_VERSION}-bin.tar.gz \
-    && rm -rf ant-${ANT_VERSION} \
-    && rm -rf ${ANT_HOME}/manual \
-    && unset ANT_VERSION
-
-ENV PATH ${PATH}:${ANT_HOME}/bin
+FROM ghcr.io/eeditiones/builder:latest AS builder
 
-RUN apt-get update && apt-get install -y nodejs npm
-
-FROM builder as tei
-
-ARG TEMPLATING_VERSION=1.1.0
-ARG PUBLISHER_LIB_VERSION=3.0.0
-ARG ROUTER_VERSION=1.8.0
-ARG PUBLISHER_VERSION=master
-
-# add key
-RUN  mkdir -p ~/.ssh && ssh-keyscan -t rsa github.com >> ~/.ssh/known_hosts
+ARG ROUTER_VERSION=1.10.0
+ARG PUBLISHER_VERSION
 
 # Build tei-publisher-app
 RUN  git clone https://github.com/eeditiones/tei-publisher-app.git \
@@ -53,38 +24,75 @@ COPY i18n/common/* resources/i18n/common/
 
 RUN ant
 
-RUN curl -L -o /tmp/roaster-${ROUTER_VERSION}.xar http://exist-db.org/exist/apps/public-repo/public/roaster-${ROUTER_VERSION}.xar
-RUN curl -L -o /tmp/tei-publisher-lib-${PUBLISHER_LIB_VERSION}.xar http://exist-db.org/exist/apps/public-repo/public/tei-publisher-lib-${PUBLISHER_LIB_VERSION}.xar
-RUN curl -L -o /tmp/templating-${TEMPLATING_VERSION}.xar http://exist-db.org/exist/apps/public-repo/public/templating-${TEMPLATING_VERSION}.xar
-
-FROM existdb/existdb:${EXIST_VERSION}
-
-COPY --from=tei /tmp/tei-publisher-app/build/*.xar /exist/autodeploy/
-COPY --from=tei /tmp/*.xar /exist/autodeploy/
-
-ENV DATA_DIR /exist-data
-
-ENV JAVA_TOOL_OPTIONS \
-    -Dfile.encoding=UTF8 \
-    -Dsun.jnu.encoding=UTF-8 \
-    -Djava.awt.headless=true \
-    -Dorg.exist.db-connection.cacheSize=${CACHE_MEM:-256}M \
-    -Dorg.exist.db-connection.pool.max=${MAX_BROKER:-20} \
-    -Dlog4j.configurationFile=/exist/etc/log4j2.xml \
-    -Dexist.home=/exist \
-    -Dexist.configurationFile=/exist/etc/conf.xml \
-    -Djetty.home=/exist \
-    -Dexist.jetty.config=/exist/etc/jetty/standard.enabled-jetty-configs \
-    -XX:+UnlockExperimentalVMOptions \
-    -XX:+UseCGroupMemoryLimitForHeap \
-    -XX:+UseG1GC \
-    -XX:+UseStringDeduplication \
-    -XX:MaxRAMFraction=1 \
-    -XX:+ExitOnOutOfMemoryError \
-    -Dorg.exist.db-connection.files=${DATA_DIR} \
-    -Dorg.exist.db-connection.recovery.journal-dir=${DATA_DIR}
-
-# pre-populate the database by launching it once
-RUN [ "java", \
-    "org.exist.start.Main", "client", "-l", \
-    "--no-gui",  "--xpath", "system:get-version()" ]
+WORKDIR /tmp
+
+ADD http://exist-db.org/exist/apps/public-repo/public/roaster-${ROUTER_VERSION}.xar 001.xar
+ADD https://github.com/eeditiones/tei-publisher-lib/releases/latest/download/tei-publisher-lib.xar 002.xar
+
+FROM duncdrum/existdb:${EXIST_VERSION} AS build_local
+
+ARG USR=root
+USER ${USR}
+
+ONBUILD COPY --from=builder /tmp/tei-publisher-app/build/*.xar /exist/autodeploy/
+ONBUILD COPY --from=builder /tmp/*.xar /exist/autodeploy/
+
+# TODO(DP): Tagging scheme add EXIST_VERSION to the tag
+FROM  ghcr.io/jinntec/base:main AS build_prod
+
+ARG USR=nonroot
+USER ${USR}
+
+# Copy EXPATH dependencies
+ONBUILD COPY --from=builder --chown=${USR} /tmp/tei-publisher-app/build/*.xar /exist/autodeploy/
+ONBUILD COPY --from=builder --chown=${USR} /tmp/*.xar /exist/autodeploy/
+
+
+FROM build_${BUILD}
+
+ARG USR
+USER ${USR}
+
+WORKDIR /exist
+
+# ARG ADMIN_PASS=none
+
+ARG CACHE_MEM
+ARG MAX_BROKER
+ARG JVM_MAX_RAM_PERCENTAGE
+ARG HTTP_PORT=8080
+ARG HTTPS_PORT=8443
+
+ARG NER_ENDPOINT=http://localhost:8001
+ARG CONTEXT_PATH=auto
+ARG PROXY_CACHING=false
+
+ENV JDK_JAVA_OPTIONS="\
+    -Dteipublisher.ner-endpoint=${NER_ENDPOINT} \
+    -Dteipublisher.context-path=${CONTEXT_PATH} \
+    -Dteipublisher.proxy-caching=${PROXY_CACHING}"
+
+# ENV JAVA_TOOL_OPTIONS="\
+#   -Dfile.encoding=UTF8 \
+#   -Dsun.jnu.encoding=UTF-8 \
+#   -Djava.awt.headless=true \
+#   -Dorg.exist.db-connection.cacheSize=${CACHE_MEM:-256}M \
+#   -Dorg.exist.db-connection.pool.max=${MAX_BROKER:-20} \
+#   -Dlog4j.configurationFile=/exist/etc/log4j2.xml \
+#   -Dexist.home=/exist \
+#   -Dexist.configurationFile=/exist/etc/conf.xml \
+#   -Djetty.home=/exist \
+#   -Dexist.jetty.config=/exist/etc/jetty/standard.enabled-jetty-configs \
+#   -Dteipublisher.ner-endpoint=${NER_ENDPOINT} \
+#   -Dteipublisher.context-path=${CONTEXT_PATH} \
+#   -Dteipublisher.proxy-caching=${PROXY_CACHING} \
+#   -XX:+UseG1GC \
+#   -XX:+UseStringDeduplication \
+#   -XX:+UseContainerSupport \
+#   -XX:MaxRAMPercentage=${JVM_MAX_RAM_PERCENTAGE:-75.0} \
+#   -XX:+ExitOnOutOfMemoryError"
+
+# pre-populate the database by launching it once and change default pw
+RUN [ "java", "org.exist.start.Main", "client", "--no-gui",  "-l", "-u", "admin", "-P", "" ]
+
+EXPOSE ${HTTP_PORT} ${HTTPS_PORT}

package/css/components.css

@@ -1,5 +1,5 @@
-/*
- * Global component theme stylesheet
- * 
- * Styles defined here are injected into a components' shadow DOM.
- */
+/*
+ * Global component theme stylesheet
+ *
+ * Styles defined here are injected into a components' shadow DOM.
+ */

package/dist/demo/pb-drawer2.html

@@ -69,7 +69,7 @@
                         // names
                         pbEvents.subscribe('pb-update', 'transcription', (ev) => {
                             // the HTML content to be displayed is passed in ev.detail.root
-                            const root = ev.detail.root;
+                            const {root} = ev.detail;
                             root.querySelectorAll('.tei-persName5, .tei-placeName5').forEach((name) => {
                                 // disable the popover behaviour
                                 name.command('disable', true);

package/dist/demo/pb-facsimile.html

@@ -44,7 +44,7 @@
                             facsimiles='["15929_000_IDL5772_BOss12034_IIIp79.jpg", "15929_000_IDL5772_BOss12034_IIIp80.jpg", "15929_000_IDL5772_BOss12034_IIIp81.jpg", "15929_000_IDL5772_BOss12034_IIIp82.jpg",
                                 "does-not-exist.jpg"]'
                             default-zoom-level="0" show-navigator show-sequence-control reference-strip
-                            show-navigation-control show-home-control show-rotation-control>
+                            show-navigation-control show-home-control show-rotation-control show-full-page-control>
                             <h3 slot="before">Facsimile Viewer Test</h3>
                             <div slot="after">Status: <span id="status"></span></div>
                         </pb-facsimile>
@@ -90,4 +90,4 @@
     </pb-demo-snippet>
 </body>
 
-</html>
+</html>

package/dist/demo/pb-leaflet-map.html

@@ -57,7 +57,7 @@
                  * which does itself send the `pb-update` event, e.g. `pb-view`.
                  */
                 document.addEventListener('WebComponentsReady', () => {
-                    pbEvents.subscribe('pb-ready', null, function() {
+                    pbEvents.subscribe('pb-ready', null, () => {
                         document.dispatchEvent(new CustomEvent('pb-update', { 
                             detail: { 
                                 root: document.getElementById('locations')

package/dist/demo/pb-repeat.html

@@ -49,9 +49,7 @@
                         form.addEventListener('iron-form-presubmit', (ev) => {
                             ev.preventDefault();
                             const data = form.serializeForm();
-                            const queryString = Object.keys(data).map((key) => {
-                                return key + '=' + data[key]
-                            }).join('&');
+                            const queryString = Object.keys(data).map((key) => `${key  }=${  data[key]}`).join('&');
                             document.getElementById('output').innerText = queryString;
                         });
                     });

package/dist/demo/pb-view3.html

@@ -65,7 +65,7 @@
                 <script>
                     window.addEventListener('DOMContentLoaded', () => {
                         pbEvents.subscribe('before-transcription-update', 'transcription', (ev) => {
-                            const root = ev.detail.root;
+                            const {root} = ev.detail;
                             // walk through all .tei-name elements and insert a node before each
                             root.querySelectorAll('.tei-name').forEach((name) => {
                                 // create a span with text 'Name' and orange color

package/dist/{paper-icon-button-0fb125c4.js → paper-icon-button-72125e67.js}

@@ -1,4 +1,4 @@
-import{f as h,N as c,i as v}from"./pb-mixin-b1caa22e.js";import{h as t,P as z,y as a}from"./paper-checkbox-4f410b1f.js";
+import{f as h,N as c,i as v}from"./pb-mixin-886ece32.js";import{h as t,P as z,y as a}from"./paper-checkbox-4f410b1f.js";
 /**
  * @license
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.

package/dist/pb-code-editor.js

@@ -1,22 +1,27 @@
-import{p as e,h as t,c as i,L as o}from"./pb-mixin-b1caa22e.js";import{J as n,X as s}from"./jinn-codemirror-da0e2d1f.js";import{t as r}from"./pb-i18n-0611135a.js";class l extends n{constructor(){super(),this.unwrap=!1,this.schema=null,this.schemaRoot=null}connectedCallback(){this.schema=this.getAttribute("schema"),this.schemaRoot=this.getAttribute("schema-root"),this.unwrap=this.hasAttribute("unwrap"),super.connectedCallback();const e=this.getAttribute("wrapper");if(e){const t=new DOMParser;let i=t.parseFromString(e,"application/xml"),o=i.getElementsByTagName("parsererror"),n=null;if(o.length)console.error("<jinn-xml-editor> Invalid XML for wrapper attribute: %s",(new XMLSerializer).serializeToString(i));else{if(n=i.firstElementChild,n&&this.hasAttribute("code")){const e=this.getAttribute("code")||"";i=t.parseFromString(e,"application/xml"),o=i.getElementsByTagName("parsererror"),o.length?console.error("<jinn-xml-editor> Invalid XML for code attribute: %s",(new XMLSerializer).serializeToString(i)):i.firstElementChild&&n.appendChild(i.firstElementChild)}this.setValue(n)}}}configure(){var e;const t=this.getToolbarControls(null==(e=this.shadowRoot)?void 0:e.querySelector("[name=toolbar]")),i=this.hasAttribute("check-namespace");this._config=new s(this,t,this.namespace,i,this.unwrap)}emitUpdateEvent(e){if(!this.unwrap)return super.emitUpdateEvent(e);this.updateValue(),super.emitUpdateEvent(this._wrapper)}updateValue(){var e,t;if(!this._wrapper)return console.log("no wrapper !!!"),null;if(this._wrapper.replaceChildren(),this._value)if(this._value instanceof NodeList)for(let t=0;t<this._value.length;t++){const i=this._wrapper.ownerDocument.importNode(this._value[t],!0);null==(e=this._wrapper)||e.appendChild(i)}else{if(!(this._value instanceof Node))throw console.error("<xml-editor> Value is not a node"),new Error("value is not a node");null==(t=this._wrapper)||t.appendChild(this._value)}else console.log("xml editor value is empty")}setValue(e){var t,i;if(!this.unwrap)return super.setValue(e);if((null==(t=this._config)?void 0:t.setFromValue(this._wrapper))===(null==(i=this._config)?void 0:i.setFromValue(e)))return!1;if(e||(this._wrapper=null),"string"==typeof e){const t=(new DOMParser).parseFromString(e,"application/xml");if(!t.firstElementChild)return!1;e=t.firstElementChild}return this._wrapper=e,this._value=null==e?void 0:e.childNodes,!0}getValue(){if(!this.unwrap)return super.getValue();if(!this._wrapper)return null;if(!(this._wrapper instanceof Element))throw new Error("Value is not a node");return this.updateValue(),this._wrapper}}customElements.get("jinn-xml-editor")||window.customElements.define("jinn-xml-editor",l);const a='\n    :host {\n        display: block;\n        width: 100%;\n    }\n    jinn-codemirror {\n        font-size: 1rem;\n        display:block;\n        width:100%;\n    }\n    jinn-codemirror[valid="true"] {\n        outline: thin solid green;\n    }\n    jinn-codemirror[valid="false"] {\n        outline: thin solid red;\n    }\n    #leiden-editor {\n        margin-bottom:0.5rem;\n    }\n    [slot=toolbar] {\n        display: flex;\n    }\n    .hidden {\n        display: none;\n    }\n    #close-leiden {\n        margin-left: .75rem;\n        font-weight: bold;\n    }',d=["Shift","Alt","Meta","Control","ArrowLeft","ArrowRight","ArrowDown","ArrowUp","PageDown","PageUp","Home","End"],h={leiden_plus:"Leiden+",edcs:"EDCS/EDH",default:"Petrae"};function c(e){const t=[];return Object.entries(h).forEach(([i,o])=>{t.push(`<option value="${i}" ${i===e?"selected":""}>${o}</option>`)}),`<select name="modes">${t.join("\n")}</select>`}class u extends HTMLElement{constructor(){super(),this.mode="leiden_plus",this.placeholder="",this.showLeiden=!1,this.xmlEditor=null,this.valid=!0,this.unwrap=!1,this.schema=null,this.schemaRoot=null,this.modeSelect=!1,this.attachShadow({mode:"open"})}set value(e){this.xmlEditor.value=e}get value(){return this.xmlEditor.value}connectedCallback(){var e,t,i,o;this.unwrap=this.hasAttribute("unwrap"),this.schema=this.getAttribute("schema"),this.schemaRoot=this.getAttribute("schema-root"),this.modeSelect=this.hasAttribute("mode-select"),this.mode=this.getAttribute("mode")||"leiden_plus",this.placeholder=this.getAttribute("placeholder")||"",this.showLeiden=this.hasAttribute("show-leiden"),this.shadowRoot.innerHTML=`\n            <style>\n                ${a}\n            </style>\n            <jinn-codemirror id="leiden-editor" class="${this.showLeiden?"":"hidden"}" mode="${this.mode}">\n                <div slot="toolbar">\n                    ${this.modeSelect?c(this.mode):""}\n                    <slot name="leiden-toolbar"></slot>\n                    <button part="button" id="close-leiden">Close</button>\n                </div>\n            </jinn-codemirror>\n            <jinn-xml-editor id="xml-editor" ${this.unwrap?"unwrap":""} schema="${this.schema}"\n                schema-root="${this.schemaRoot}" placeholder="${this.placeholder}">\n                <div slot="toolbar">\n                    <button part="button" id="import" title="Import from Leiden markup">Leiden Editor</button>\n                    <slot name="xml-toolbar"></slot>\n                </div>\n            </jinn-xml-editor>\n        `,this.xmlEditor=null==(e=this.shadowRoot)?void 0:e.querySelector("#xml-editor");const n=null==(t=this.shadowRoot)?void 0:t.querySelector("#leiden-editor"),s=null==(i=this.shadowRoot)?void 0:i.querySelector("#import"),r=null==(o=this.shadowRoot)?void 0:o.querySelector("#close-leiden");if(!(this.xmlEditor&&n&&s&&r))throw new Error("One or more components were not initialized");let l=!0,h=this.showLeiden;n.addEventListener("update",e=>{e.stopPropagation(),this.showLeiden=!1,l&&(this.xmlEditor.content=e.detail.content),l=!0}),this.xmlEditor.addEventListener("keyup",e=>{if(h){if(d.indexOf(e.key)>-1)return;p()}});const u=()=>{s.classList.add("hidden"),n.classList.remove("hidden"),h=!0,n.focus()},p=()=>{var e;n.classList.add("hidden"),s.classList.remove("hidden"),h=!1,null==(e=this.xmlEditor)||e.focus(),l=!1,null==n||n.clear()},m=()=>{var e;if(n.classList.contains("hidden")||this.showLeiden)if(this.xmlEditor.content.length>0){if(!this.valid)return void alert("The XML contains errors. Cannot convert to Leiden+");const t=null==(e=this.xmlEditor)?void 0:e.value;l=!1,n.setMode("leiden_plus",!1),u(),this.unwrap&&t instanceof Element?n.value=t.childNodes:n.value=t}else u(),n.value="";else p()};s.addEventListener("click",()=>{m()}),r.addEventListener("click",()=>{p()}),this.xmlEditor.addEventListener("invalid",e=>{e.stopPropagation(),this.valid=!1,this.setAttribute("valid",this.valid.toString()),this.dispatchEvent(new CustomEvent("invalid",{detail:e.detail,composed:!0,bubbles:!0}))}),this.xmlEditor.addEventListener("valid",e=>{e.stopPropagation(),this.valid=!0,this.setAttribute("valid",this.valid.toString()),this.dispatchEvent(new CustomEvent("valid",{detail:e.detail,composed:!0,bubbles:!0}))}),this.xmlEditor.addEventListener("update",()=>{this.showLeiden&&m(),this.showLeiden=!1},{once:!0})}}customElements.get("jinn-epidoc-editor")||window.customElements.define("jinn-epidoc-editor",u);class p extends(e(o)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{code:{type:String,reflect:!0},mode:{type:String},label:{type:String},placeholder:{type:String},tabSize:{type:Number},linter:{attribute:!0}})}constructor(){super(),this.code="",this.mode="xml",this.placeholder="odd.editor.model.empty",this.tabSize=2,this.label="",this.linter="",this._editor=null}connectedCallback(){super.connectedCallback()}firstUpdated(){super.firstUpdated(),this._editor=this.shadowRoot.getElementById("editor")}render(){return t`
-            <div class="label">${this.label}</div>
-            <jinn-codemirror id="editor" mode="${this.mode}" code="${this.code}" placeholder="${r(this.placeholder)}"></jinn-codemirror>
-        `}getSource(){return this._editor?this._editor.value:""}_setCode(){this.dispatchEvent(new CustomEvent("code-changed",{composed:!0,bubbles:!0,detail:{code:this.getSource()}}))}refresh(){}static get styles(){return i`
-            :host {
-                display: block;
-                width: 100%;
-                margin: 0;
-                position: relative;
-                color:inherit;
-            }
+import{p as e,h as t,c as i,L as o}from"./pb-mixin-886ece32.js";import{J as n,X as s}from"./jinn-codemirror-da0e2d1f.js";import{t as r}from"./pb-i18n-4cc00bfe.js";class l extends n{constructor(){super(),this.unwrap=!1,this.schema=null,this.schemaRoot=null}connectedCallback(){this.schema=this.getAttribute("schema"),this.schemaRoot=this.getAttribute("schema-root"),this.unwrap=this.hasAttribute("unwrap"),super.connectedCallback();const e=this.getAttribute("wrapper");if(e){const t=new DOMParser;let i=t.parseFromString(e,"application/xml"),o=i.getElementsByTagName("parsererror"),n=null;if(o.length)console.error("<jinn-xml-editor> Invalid XML for wrapper attribute: %s",(new XMLSerializer).serializeToString(i));else{if(n=i.firstElementChild,n&&this.hasAttribute("code")){const e=this.getAttribute("code")||"";i=t.parseFromString(e,"application/xml"),o=i.getElementsByTagName("parsererror"),o.length?console.error("<jinn-xml-editor> Invalid XML for code attribute: %s",(new XMLSerializer).serializeToString(i)):i.firstElementChild&&n.appendChild(i.firstElementChild)}this.setValue(n)}}}configure(){var e;const t=this.getToolbarControls(null==(e=this.shadowRoot)?void 0:e.querySelector("[name=toolbar]")),i=this.hasAttribute("check-namespace");this._config=new s(this,t,this.namespace,i,this.unwrap)}emitUpdateEvent(e){if(!this.unwrap)return super.emitUpdateEvent(e);this.updateValue(),super.emitUpdateEvent(this._wrapper)}updateValue(){var e,t;if(!this._wrapper)return console.log("no wrapper !!!"),null;if(this._wrapper.replaceChildren(),this._value)if(this._value instanceof NodeList)for(let t=0;t<this._value.length;t++){const i=this._wrapper.ownerDocument.importNode(this._value[t],!0);null==(e=this._wrapper)||e.appendChild(i)}else{if(!(this._value instanceof Node))throw console.error("<xml-editor> Value is not a node"),new Error("value is not a node");null==(t=this._wrapper)||t.appendChild(this._value)}else console.log("xml editor value is empty")}setValue(e){var t,i;if(!this.unwrap)return super.setValue(e);if((null==(t=this._config)?void 0:t.setFromValue(this._wrapper))===(null==(i=this._config)?void 0:i.setFromValue(e)))return!1;if(e||(this._wrapper=null),"string"==typeof e){const t=(new DOMParser).parseFromString(e,"application/xml");if(!t.firstElementChild)return!1;e=t.firstElementChild}return this._wrapper=e,this._value=null==e?void 0:e.childNodes,!0}getValue(){if(!this.unwrap)return super.getValue();if(!this._wrapper)return null;if(!(this._wrapper instanceof Element))throw new Error("Value is not a node");return this.updateValue(),this._wrapper}}customElements.get("jinn-xml-editor")||window.customElements.define("jinn-xml-editor",l);const a='\n    :host {\n        display: block;\n        width: 100%;\n    }\n    jinn-codemirror {\n        font-size: 1rem;\n        display:block;\n        width:100%;\n    }\n    jinn-codemirror[valid="true"] {\n        outline: thin solid green;\n    }\n    jinn-codemirror[valid="false"] {\n        outline: thin solid red;\n    }\n    #leiden-editor {\n        margin-bottom:0.5rem;\n    }\n    [slot=toolbar] {\n        display: flex;\n    }\n    .hidden {\n        display: none;\n    }\n    #close-leiden {\n        margin-left: .75rem;\n        font-weight: bold;\n    }',d=["Shift","Alt","Meta","Control","ArrowLeft","ArrowRight","ArrowDown","ArrowUp","PageDown","PageUp","Home","End"],h={leiden_plus:"Leiden+",edcs:"EDCS/EDH",default:"Petrae"};function c(e){const t=[];return Object.entries(h).forEach(([i,o])=>{t.push(`<option value="${i}" ${i===e?"selected":""}>${o}</option>`)}),`<select name="modes">${t.join("\n")}</select>`}class u extends HTMLElement{constructor(){super(),this.mode="leiden_plus",this.placeholder="",this.showLeiden=!1,this.xmlEditor=null,this.valid=!0,this.unwrap=!1,this.schema=null,this.schemaRoot=null,this.modeSelect=!1,this.attachShadow({mode:"open"})}set value(e){this.xmlEditor.value=e}get value(){return this.xmlEditor.value}connectedCallback(){var e,t,i,o;this.unwrap=this.hasAttribute("unwrap"),this.schema=this.getAttribute("schema"),this.schemaRoot=this.getAttribute("schema-root"),this.modeSelect=this.hasAttribute("mode-select"),this.mode=this.getAttribute("mode")||"leiden_plus",this.placeholder=this.getAttribute("placeholder")||"",this.showLeiden=this.hasAttribute("show-leiden"),this.shadowRoot.innerHTML=`\n            <style>\n                ${a}\n            </style>\n            <jinn-codemirror id="leiden-editor" class="${this.showLeiden?"":"hidden"}" mode="${this.mode}">\n                <div slot="toolbar">\n                    ${this.modeSelect?c(this.mode):""}\n                    <slot name="leiden-toolbar"></slot>\n                    <button part="button" id="close-leiden">Close</button>\n                </div>\n            </jinn-codemirror>\n            <jinn-xml-editor id="xml-editor" ${this.unwrap?"unwrap":""} schema="${this.schema}"\n                schema-root="${this.schemaRoot}" placeholder="${this.placeholder}">\n                <div slot="toolbar">\n                    <button part="button" id="import" title="Import from Leiden markup">Leiden Editor</button>\n                    <slot name="xml-toolbar"></slot>\n                </div>\n            </jinn-xml-editor>\n        `,this.xmlEditor=null==(e=this.shadowRoot)?void 0:e.querySelector("#xml-editor");const n=null==(t=this.shadowRoot)?void 0:t.querySelector("#leiden-editor"),s=null==(i=this.shadowRoot)?void 0:i.querySelector("#import"),r=null==(o=this.shadowRoot)?void 0:o.querySelector("#close-leiden");if(!(this.xmlEditor&&n&&s&&r))throw new Error("One or more components were not initialized");let l=!0,h=this.showLeiden;n.addEventListener("update",e=>{e.stopPropagation(),this.showLeiden=!1,l&&(this.xmlEditor.content=e.detail.content),l=!0}),this.xmlEditor.addEventListener("keyup",e=>{if(h){if(d.indexOf(e.key)>-1)return;p()}});const u=()=>{s.classList.add("hidden"),n.classList.remove("hidden"),h=!0,n.focus()},p=()=>{var e;n.classList.add("hidden"),s.classList.remove("hidden"),h=!1,null==(e=this.xmlEditor)||e.focus(),l=!1,null==n||n.clear()},m=()=>{var e;if(n.classList.contains("hidden")||this.showLeiden)if(this.xmlEditor.content.length>0){if(!this.valid)return void alert("The XML contains errors. Cannot convert to Leiden+");const t=null==(e=this.xmlEditor)?void 0:e.value;l=!1,n.setMode("leiden_plus",!1),u(),this.unwrap&&t instanceof Element?n.value=t.childNodes:n.value=t}else u(),n.value="";else p()};s.addEventListener("click",()=>{m()}),r.addEventListener("click",()=>{p()}),this.xmlEditor.addEventListener("invalid",e=>{e.stopPropagation(),this.valid=!1,this.setAttribute("valid",this.valid.toString()),this.dispatchEvent(new CustomEvent("invalid",{detail:e.detail,composed:!0,bubbles:!0}))}),this.xmlEditor.addEventListener("valid",e=>{e.stopPropagation(),this.valid=!0,this.setAttribute("valid",this.valid.toString()),this.dispatchEvent(new CustomEvent("valid",{detail:e.detail,composed:!0,bubbles:!0}))}),this.xmlEditor.addEventListener("update",()=>{this.showLeiden&&m(),this.showLeiden=!1},{once:!0})}}customElements.get("jinn-epidoc-editor")||window.customElements.define("jinn-epidoc-editor",u);class p extends(e(o)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{code:{type:String,reflect:!0},mode:{type:String},label:{type:String},placeholder:{type:String},tabSize:{type:Number},linter:{attribute:!0}})}constructor(){super(),this.code="",this.mode="xml",this.placeholder="odd.editor.model.empty",this.tabSize=2,this.label="",this.linter="",this._editor=null}connectedCallback(){super.connectedCallback()}firstUpdated(){super.firstUpdated(),this._editor=this.shadowRoot.getElementById("editor")}render(){return t`
+      <div class="label">${this.label}</div>
+      <jinn-codemirror
+        id="editor"
+        mode="${this.mode}"
+        code="${this.code}"
+        placeholder="${r(this.placeholder)}"
+      ></jinn-codemirror>
+    `}getSource(){return this._editor?this._editor.value:""}_setCode(){this.dispatchEvent(new CustomEvent("code-changed",{composed:!0,bubbles:!0,detail:{code:this.getSource()}}))}refresh(){}static get styles(){return i`
+      :host {
+        display: block;
+        width: 100%;
+        margin: 0;
+        position: relative;
+        color: inherit;
+      }
 
-            #editor {
-              width: 100%;
-              height: auto;
-            }
+      #editor {
+        width: 100%;
+        height: auto;
+      }
 
-            .label {
-                color: var(--paper-grey-500);
-                margin-bottom:5px;
-            }
-        `}}customElements.define("pb-code-editor",p);export{p as PbCodeEditor};
+      .label {
+        color: var(--paper-grey-500);
+        margin-bottom: 5px;
+      }
+    `}}customElements.define("pb-code-editor",p);export{p as PbCodeEditor};