@teipublisher/pb-components 2.15.0 → 2.15.2

package/dist/pb-elements.json

@@ -2396,7 +2396,7 @@
       "attributes": [
         {
           "name": "code",
-          "description": "The code to be highlighted as a string. If not set,\r\nthis will be populated from either a template child element\r\nor the element's text content.",
+          "description": "The code to be highlighted as a string. If not set,\r\nthis will be populated from either a template child element\r\nor the element's text content.\r\nThe value of the property can be changed programmatically from JavaScript.",
           "type": "string"
         },
         {
@@ -2421,7 +2421,7 @@
         {
           "name": "code",
           "attribute": "code",
-          "description": "The code to be highlighted as a string. If not set,\r\nthis will be populated from either a template child element\r\nor the element's text content.",
+          "description": "The code to be highlighted as a string. If not set,\r\nthis will be populated from either a template child element\r\nor the element's text content.\r\nThe value of the property can be changed programmatically from JavaScript.",
           "type": "string"
         },
         {
@@ -7147,6 +7147,11 @@
           "description": "Register a shortcut key, e.g. 'left' or 'shift+left'",
           "type": "string"
         },
+        {
+          "name": "rendition",
+          "description": "Rendition of the navigation element if it's disabled\nPossible values:\n- hidden (default if not set; control is removed from the document layout)\n- invisible (controll is hidden, but keeped in the document layout)\n- visible (control is visible)",
+          "type": "string"
+        },
         {
           "name": "direction",
           "description": "The direction to navigate in, either `forward` or `backward`",
@@ -7197,6 +7202,12 @@
           "description": "Register a shortcut key, e.g. 'left' or 'shift+left'",
           "type": "string"
         },
+        {
+          "name": "rendition",
+          "attribute": "rendition",
+          "description": "Rendition of the navigation element if it's disabled\nPossible values:\n- hidden (default if not set; control is removed from the document layout)\n- invisible (controll is hidden, but keeped in the document layout)\n- visible (control is visible)",
+          "type": "string"
+        },
         {
           "name": "direction",
           "attribute": "direction",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teipublisher/pb-components",
-  "version": "2.15.0",
+  "version": "2.15.2",
   "description": "Collection of webcomponents underlying TEI Publisher",
   "repository": "https://github.com/eeditiones/tei-publisher-components.git",
   "main": "index.html",

package/pb-elements.json

@@ -2396,7 +2396,7 @@
       "attributes": [
         {
           "name": "code",
-          "description": "The code to be highlighted as a string. If not set,\r\nthis will be populated from either a template child element\r\nor the element's text content.",
+          "description": "The code to be highlighted as a string. If not set,\r\nthis will be populated from either a template child element\r\nor the element's text content.\r\nThe value of the property can be changed programmatically from JavaScript.",
           "type": "string"
         },
         {
@@ -2421,7 +2421,7 @@
         {
           "name": "code",
           "attribute": "code",
-          "description": "The code to be highlighted as a string. If not set,\r\nthis will be populated from either a template child element\r\nor the element's text content.",
+          "description": "The code to be highlighted as a string. If not set,\r\nthis will be populated from either a template child element\r\nor the element's text content.\r\nThe value of the property can be changed programmatically from JavaScript.",
           "type": "string"
         },
         {
@@ -7147,6 +7147,11 @@
           "description": "Register a shortcut key, e.g. 'left' or 'shift+left'",
           "type": "string"
         },
+        {
+          "name": "rendition",
+          "description": "Rendition of the navigation element if it's disabled\nPossible values:\n- hidden (default if not set; control is removed from the document layout)\n- invisible (controll is hidden, but keeped in the document layout)\n- visible (control is visible)",
+          "type": "string"
+        },
         {
           "name": "direction",
           "description": "The direction to navigate in, either `forward` or `backward`",
@@ -7197,6 +7202,12 @@
           "description": "Register a shortcut key, e.g. 'left' or 'shift+left'",
           "type": "string"
         },
+        {
+          "name": "rendition",
+          "attribute": "rendition",
+          "description": "Rendition of the navigation element if it's disabled\nPossible values:\n- hidden (default if not set; control is removed from the document layout)\n- invisible (controll is hidden, but keeped in the document layout)\n- visible (control is visible)",
+          "type": "string"
+        },
         {
           "name": "direction",
           "attribute": "direction",

package/src/pb-authority-lookup.js

@@ -163,6 +163,7 @@ export class PbAuthorityLookup extends pbMixin(LitElement) {
     const connector = this._authorities[item.register];
     const options = {
       strings: item.strings,
+      type: item.register,
       properties: {
         ref: item.id,
       }
@@ -182,9 +183,9 @@ export class PbAuthorityLookup extends pbMixin(LitElement) {
     if (connector) {
       connector
         .select(item)
-        .then(() => this.emitTo('pb-authority-edit-entity', {id: item.id}));
+        .then(() => this.emitTo('pb-authority-edit-entity', {id: item.id, type: item.register}));
     } else {
-      this.emitTo('pb-authority-edit-entity', {id: item.id});
+      this.emitTo('pb-authority-edit-entity', {id: item.id, type: item.register});
     }
   }
 
@@ -207,7 +208,7 @@ export class PbAuthorityLookup extends pbMixin(LitElement) {
   }
 
   _addEntity() {
-    this.emitTo('pb-authority-new-entity', {query: this.query});
+    this.emitTo('pb-authority-new-entity', {query: this.query, type: this.type});
   }
 
   _occurrences(items) {

package/src/pb-code-highlight.js

@@ -51,6 +51,7 @@ export class PbCodeHighlight extends themableMixin(LitElement) {
              * The code to be highlighted as a string. If not set,
              * this will be populated from either a template child element
              * or the element's text content.
+             * The value of the property can be changed programmatically from JavaScript.
              */
             code: {
                 type: String
@@ -118,6 +119,14 @@ export class PbCodeHighlight extends themableMixin(LitElement) {
     updated(changedProperties) {
         super.updated(changedProperties);
         if (changedProperties.has('code')) {
+            //if the code property is changed, the content of the <code> element is replaced
+            const pre = this.shadowRoot.getElementById("pb-code-highlight");
+            if(pre != null) {
+                const code = document.createElement("code");
+                code.textContent = this.code; //textContent property keeps new lines in the code
+                pre.replaceChildren(code);
+                
+            }
             this.highlight();
         }
     }
@@ -130,7 +139,7 @@ export class PbCodeHighlight extends themableMixin(LitElement) {
         if (this.code) {
             return html`
                 ${this._themeStyles}
-                <pre class="${this.lineNumbers ? 'line-numbers' : ''} language-${this.language}"><code>${this.code}</code></pre>
+                <pre id="pb-code-highlight" class="${this.lineNumbers ? 'line-numbers' : ''} language-${this.language}"><code>${this.code}</code></pre>
             `;
         }
         return html`<pre class="line-numbers"><code><code></pre>`;

package/src/pb-combo-box.js

@@ -157,7 +157,7 @@ export class PbComboBox extends pbMixin(LitElement) {
                 const url = this.toAbsoluteURL(this.source);
                 options.labelField = 'text';
                 options.valueField = 'value';
-                options.searchField = ['text', 'value'];
+                options.searchField = [];
                 options.preload = this.preload;
                 options.load = (query, callback) => {
                     fetch(`${url}?query=${encodeURIComponent(query)}`, {

package/src/pb-navigation.js

@@ -27,6 +27,16 @@ export class PbNavigation extends pbHotkeys(pbMixin(LitElement)) {
              */
             keyboard: {
                 type: String
+            },
+            /**
+             * Rendition of the navigation element if it's disabled
+             * Possible values:
+             * - hidden (default if not set; control is removed from the document layout)
+             * - invisible (controll is hidden, but keeped in the document layout)
+             * - visible (control is visible)
+             */
+            rendition : {
+                type: String
             }
         };
     }
@@ -79,13 +89,20 @@ export class PbNavigation extends pbHotkeys(pbMixin(LitElement)) {
 
     static get styles() {
         return css`
-            :host {
-                display: inline;
-            }
-            :host([disabled]) {
-                display: none;
-            }
-        `;
+                :host {
+                    display: inline;
+                }
+                :host([disabled]):host(:not([rendition])), :host([disabled]):host([rendition="hidden"]) {
+                    display: none;
+                }
+                :host([disabled]):host([rendition="invisible"]) {
+                    visibility: hidden;
+                }
+                :host([disabled]):host([rendition="visible"]) {
+                    visibility: visible;
+                    cursor: not-allowed;
+                }
+                `;
     }
 }