@teipublisher/pb-components 1.40.2 → 1.41.1

package/dist/pb-edit-app.js

@@ -1,67 +1,67 @@
-import{t as e}from"./paper-checkbox-f6a70487.js";import{p as t,L as p,h as o,c as a}from"./pb-mixin-15ff531f.js";import"./iron-form-f540b15b.js";class i extends(t(p)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{error:{type:String},url:{type:String},templates:{type:Array},odds:{type:Array}})}constructor(){super(),this.templates=[],this.odds=[]}connectedCallback(){super.connectedCallback()}firstUpdated(){const e=this.shadowRoot.getElementById("form"),t=this.shadowRoot.getElementById("defaultView"),p=this.shadowRoot.getElementById("index"),o=this.shadowRoot.getElementById("template");this.subscribeTo("pb-i18n-update",e=>{const t=this.shadowRoot.querySelector("#defaultView paper-listbox");let p=t.selected;t.selected=void 0,t.selected=p;const o=this.shadowRoot.querySelector("#index paper-listbox");p=o.selected,o.selected=void 0,o.selected=p},[]),i.waitOnce("pb-page-ready",e=>{let t;t=this.minApiVersion("1.0.0")?e.endpoint+"/api/templates":e.endpoint+"/modules/lib/components-list-templates.xql",fetch(t,{method:"GET",mode:"cors",credentials:"same-origin"}).then(e=>e.json()).then(e=>{this.templates=e}),t=this.minApiVersion("1.0.0")?e.endpoint+"/api/odd":e.endpoint+"/modules/lib/components-list-odds.xql",fetch(t,{method:"GET",mode:"cors",credentials:"same-origin"}).then(e=>e.json()).then(e=>{this.odds=e});const p=this.shadowRoot.querySelector("form");this.minApiVersion("1.0.0")?p.action=e.endpoint+"/api/apps/generate":p.action=e.endpoint+"/modules/components-generate.xql"}),e.addEventListener("iron-form-presubmit",(function(){const e=t.selectedItem.getAttribute("value");this.request.body["default-view"]=e,this.request.body.index=p.selectedItem.getAttribute("value"),this.request.body.template=o.selectedItem.getAttribute("value")})),e.addEventListener("iron-form-response",e=>{console.log(e),e.detail.completes.then(e=>{this.emitTo("pb-end-update");const t=e.parseResponse();if(console.log("<pb-edit-app> Received response: %o",t),t.target){const e=window.location.href.replace(/^(.*)\/tei-publisher\/.*/,"$1");this.url=e+"/"+this.shadowRoot.querySelector("paper-input[name=abbrev]").value,this.error=null}else this.error=t.description;this.shadowRoot.getElementById("dialog").open()})}),e.addEventListener("iron-form-error",e=>{this.emitTo("pb-end-update"),console.log("<pb-edit-app> Received response: %o",e.detail.request.response),this.error=e.detail.request.response.description,this.shadowRoot.getElementById("dialog").open()}),e.addEventListener("iron-form-invalid",()=>this.emitTo("pb-end-update"))}_doSubmit(){this.emitTo("pb-start-update");this.shadowRoot.getElementById("form").submit()}render(){return o`
+import"./paper-checkbox-102e3b43.js";import{p as e,L as t,h as p,c as o}from"./pb-mixin-15ff531f.js";import{t as i}from"./pb-i18n-6ad23bcf.js";import"./iron-form-9e72ac45.js";class a extends(e(t)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{error:{type:String},url:{type:String},templates:{type:Array},odds:{type:Array}})}constructor(){super(),this.templates=[],this.odds=[]}connectedCallback(){super.connectedCallback()}firstUpdated(){const e=this.shadowRoot.getElementById("form"),t=this.shadowRoot.getElementById("defaultView"),p=this.shadowRoot.getElementById("index"),o=this.shadowRoot.getElementById("template");this.subscribeTo("pb-i18n-update",e=>{const t=this.shadowRoot.querySelector("#defaultView paper-listbox");let p=t.selected;t.selected=void 0,t.selected=p;const o=this.shadowRoot.querySelector("#index paper-listbox");p=o.selected,o.selected=void 0,o.selected=p},[]),a.waitOnce("pb-page-ready",e=>{let t;t=this.minApiVersion("1.0.0")?e.endpoint+"/api/templates":e.endpoint+"/modules/lib/components-list-templates.xql",fetch(t,{method:"GET",mode:"cors",credentials:"same-origin"}).then(e=>e.json()).then(e=>{this.templates=e}),t=this.minApiVersion("1.0.0")?e.endpoint+"/api/odd":e.endpoint+"/modules/lib/components-list-odds.xql",fetch(t,{method:"GET",mode:"cors",credentials:"same-origin"}).then(e=>e.json()).then(e=>{this.odds=e});const p=this.shadowRoot.querySelector("form");this.minApiVersion("1.0.0")?p.action=e.endpoint+"/api/apps/generate":p.action=e.endpoint+"/modules/components-generate.xql"}),e.addEventListener("iron-form-presubmit",(function(){const e=t.selectedItem.getAttribute("value");this.request.body["default-view"]=e,this.request.body.index=p.selectedItem.getAttribute("value"),this.request.body.template=o.selectedItem.getAttribute("value")})),e.addEventListener("iron-form-response",e=>{console.log(e),e.detail.completes.then(e=>{this.emitTo("pb-end-update");const t=e.parseResponse();if(console.log("<pb-edit-app> Received response: %o",t),t.target){const e=window.location.href.replace(/^(.*)\/tei-publisher\/.*/,"$1");this.url=e+"/"+this.shadowRoot.querySelector("paper-input[name=abbrev]").value,this.error=null}else this.error=t.description;this.shadowRoot.getElementById("dialog").open()})}),e.addEventListener("iron-form-error",e=>{this.emitTo("pb-end-update"),console.log("<pb-edit-app> Received response: %o",e.detail.request.response),this.error=e.detail.request.response.description,this.shadowRoot.getElementById("dialog").open()}),e.addEventListener("iron-form-invalid",()=>this.emitTo("pb-end-update"))}_doSubmit(){this.emitTo("pb-start-update");this.shadowRoot.getElementById("form").submit()}render(){return p`
             <iron-form id="form">
                 <form method="POST" accept="application/json" enctype="application/json">
                     <fieldset>
-                        <legend>${e("document.selectODD")}</legend>
-                        ${this.odds.map(e=>o`<paper-checkbox name="odd" value="${e.name}">${e.label}</paper-checkbox>`)}
+                        <legend>${i("document.selectODD")}</legend>
+                        ${this.odds.map(e=>p`<paper-checkbox name="odd" value="${e.name}">${e.label}</paper-checkbox>`)}
                     </fieldset>
                     <paper-input name="uri" type="url" required placeholder="http://exist-db.org/apps/my-simple-app"
-                        label="${e("appgen.uri")}" auto-validate></paper-input>
-                    <paper-input id="abbrev" name="abbrev" pattern="[a-zA-Z0-9-_]+" required placeholder="${e("appgen.abbrev.placeholder")}"
-                        label="${e("appgen.abbrev.label")}" auto-validate></paper-input>
+                        label="${i("appgen.uri")}" auto-validate></paper-input>
+                    <paper-input id="abbrev" name="abbrev" pattern="[a-zA-Z0-9-_]+" required placeholder="${i("appgen.abbrev.placeholder")}"
+                        label="${i("appgen.abbrev.label")}" auto-validate></paper-input>
                     <paper-input name="data-collection" pattern="[a-zA-Z0-9-_/]+" placeholder="data"
-                        label="${e("appgen.collection")}" auto-validate></paper-input>
-                    <paper-input name="title" required placeholder="${e("appgen.title.label")}"
-                        label="${e("appgen.title.help")}"></paper-input>
+                        label="${i("appgen.collection")}" auto-validate></paper-input>
+                    <paper-input name="title" required placeholder="${i("appgen.title.label")}"
+                        label="${i("appgen.title.help")}"></paper-input>
                     <fieldset>
-                        <legend>${e("appgen.template.help")}</legend>
-                        <paper-dropdown-menu id="template" label="${e("appgen.template.label")}" name="template">
+                        <legend>${i("appgen.template.help")}</legend>
+                        <paper-dropdown-menu id="template" label="${i("appgen.template.label")}" name="template">
                             <paper-listbox slot="dropdown-content" class="dropdown-content" attr-for-selected="value" selected="view.html">
-                            ${this.templates.map(e=>o`<paper-item value="${e.name}">${e.title}</paper-item>`)}
+                            ${this.templates.map(e=>p`<paper-item value="${e.name}">${e.title}</paper-item>`)}
                             </paper-listbox>
                         </paper-dropdown-menu>
                     </fieldset>
                     <fieldset>
-                        <legend>${e("appgen.view.help")}</legend>
-                        <paper-dropdown-menu id="defaultView" label="${e("appgen.label")}" name="default-view">
+                        <legend>${i("appgen.view.help")}</legend>
+                        <paper-dropdown-menu id="defaultView" label="${i("appgen.label")}" name="default-view">
                             <paper-listbox slot="dropdown-content" class="dropdown-content" selected="div" attr-for-selected="value">
-                                <paper-item value="div">${e("appgen.view.div")}</paper-item>
-                                <paper-item value="page">${e("appgen.view.page")}</paper-item>
+                                <paper-item value="div">${i("appgen.view.div")}</paper-item>
+                                <paper-item value="page">${i("appgen.view.page")}</paper-item>
                             </paper-listbox>
                         </paper-dropdown-menu>
                     </fieldset>
                     <fieldset>
-                        <legend>${e("appgen.index.help")}</legend>
-                        <paper-dropdown-menu id="index" label="${e("appgen.index.label")}" name="index">
+                        <legend>${i("appgen.index.help")}</legend>
+                        <paper-dropdown-menu id="index" label="${i("appgen.index.label")}" name="index">
                             <paper-listbox slot="dropdown-content" class="dropdown-content" selected="tei:div" attr-for-selected="value">
-                                <paper-item value="tei:div">${e("appgen.index.index-div")}</paper-item>
-                                <paper-item value="tei:text">${e("appgen.index.index-text")}</paper-item>
+                                <paper-item value="tei:div">${i("appgen.index.index-div")}</paper-item>
+                                <paper-item value="tei:text">${i("appgen.index.index-text")}</paper-item>
                             </paper-listbox>
                         </paper-dropdown-menu>
                     </fieldset>
                     <fieldset>
-                        <legend>${e("appgen.account.user")}</legend>
-                        <paper-input name="owner" required placeholder="${e("login.user")}"
-                            label="${e("appgen.account.owner")}" auto-validate></paper-input>
-                        <paper-input name="password" type="password" required placeholder="${e("login.password")}"
-                            label="${e("appgen.account.password")}" auto-validate></paper-input>
+                        <legend>${i("appgen.account.user")}</legend>
+                        <paper-input name="owner" required placeholder="${i("login.user")}"
+                            label="${i("appgen.account.owner")}" auto-validate></paper-input>
+                        <paper-input name="password" type="password" required placeholder="${i("login.password")}"
+                            label="${i("appgen.account.password")}" auto-validate></paper-input>
                     </fieldset>
-                    <paper-button id="submit" @click="${this._doSubmit}"><iron-icon icon="save"></iron-icon> ${e("appgen.submit")}</paper-button>
+                    <paper-button id="submit" @click="${this._doSubmit}"><iron-icon icon="save"></iron-icon> ${i("appgen.submit")}</paper-button>
                 </form>
             </iron-form>
             <paper-dialog id="dialog">
-                <h2>${e("appgen.dialog.title")}</h2>
+                <h2>${i("appgen.dialog.title")}</h2>
                 <div id="dialogContent">
-                ${this.error?o`<div id="error">${this.error}</div>`:o`<a href="${this.url}" target="_blank">
-                            <paper-button><iron-icon icon="icons:open-in-new"></iron-icon> ${e("appgen.open")}</paper-button>
+                ${this.error?p`<div id="error">${this.error}</div>`:p`<a href="${this.url}" target="_blank">
+                            <paper-button><iron-icon icon="icons:open-in-new"></iron-icon> ${i("appgen.open")}</paper-button>
                         </a>
-                        <p>${e("appgen.success")}</p>`}
+                        <p>${i("appgen.success")}</p>`}
                 </div>
                 <div class="buttons">
-                    <paper-button dialog-dismiss autofocus>${e("dialogs.close")}</paper-button>
+                    <paper-button dialog-dismiss autofocus>${i("dialogs.close")}</paper-button>
                 </div>
             </paper-dialog>
-        `}static get styles(){return a`
+        `}static get styles(){return o`
             :host {
                 display: block;
             }
@@ -107,4 +107,4 @@ import{t as e}from"./paper-checkbox-f6a70487.js";import{p as t,L as p,h as o,c a
                 display: block;
                 flex: 1 0;
             }
-        `}}customElements.define("pb-edit-app",i);export{i as PbEditApp};
+        `}}customElements.define("pb-edit-app",a);export{a as PbEditApp};

package/dist/pb-elements.json

@@ -1875,7 +1875,7 @@
     {
       "name": "pb-code-editor",
       "path": "./src/pb-code-editor.js",
-      "description": "A wrapper for the popular codemirror code editor.",
+      "description": "A code editor based on codemirror 6. Provides a wrapper around\n[@jinntec/jinn-codemirror](https://github.com/JinnElements/jinn-codemirror),\nmainly for backwards compatibility.",
       "attributes": [
         {
           "name": "code",
@@ -1887,7 +1887,7 @@
           "name": "mode",
           "description": "the language mode e.g. 'javascript' or 'xquery'.",
           "type": "string",
-          "default": "\"javascript\""
+          "default": "\"xml\""
         },
         {
           "name": "placeholder",
@@ -1912,13 +1912,35 @@
           "default": "\"\""
         },
         {
-          "name": "theme",
+          "name": "subscribe",
+          "description": "The name of the channel to subscribe to. Only events on a channel corresponding\nto this property are listened to.",
           "type": "string"
         },
         {
-          "name": "apiVersion",
-          "type": "string",
-          "default": "\"0.9.0\""
+          "name": "subscribe-config",
+          "description": "Configuration object to define a channel/event mapping. Every property\nin the object is interpreted as the name of a channel and its value should\nbe an array of event names to listen to.",
+          "type": "object"
+        },
+        {
+          "name": "emit",
+          "description": "The name of the channel to send events to.",
+          "type": "string"
+        },
+        {
+          "name": "emit-config",
+          "description": "Configuration object to define a channel/event mapping. Every property\nin the object is interpreted as the name of a channel and its value should\nbe an array of event names to be dispatched.",
+          "type": "object"
+        },
+        {
+          "name": "wait-for",
+          "description": "A selector pointing to other components this component depends on.\nWhen method `wait` is called, it will wait until all referenced\ncomponents signal with a `pb-ready` event that they are ready and listening\nto events.",
+          "type": "string"
+        },
+        {
+          "name": "disabled",
+          "description": "Common property to disable the functionality associated with a component.\n`pb-highlight` and `pb-popover` react to this.",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -1934,7 +1956,7 @@
           "attribute": "mode",
           "description": "the language mode e.g. 'javascript' or 'xquery'.",
           "type": "string",
-          "default": "\"javascript\""
+          "default": "\"xml\""
         },
         {
           "name": "placeholder",
@@ -1963,23 +1985,46 @@
           "default": "\"\""
         },
         {
-          "name": "theme",
-          "attribute": "theme",
+          "name": "subscribe",
+          "attribute": "subscribe",
+          "description": "The name of the channel to subscribe to. Only events on a channel corresponding\nto this property are listened to.",
           "type": "string"
         },
         {
-          "name": "apiVersion",
-          "attribute": "apiVersion",
-          "type": "string",
-          "default": "\"0.9.0\""
+          "name": "subscribeConfig",
+          "attribute": "subscribe-config",
+          "description": "Configuration object to define a channel/event mapping. Every property\nin the object is interpreted as the name of a channel and its value should\nbe an array of event names to listen to.",
+          "type": "object"
+        },
+        {
+          "name": "emit",
+          "attribute": "emit",
+          "description": "The name of the channel to send events to.",
+          "type": "string"
+        },
+        {
+          "name": "emitConfig",
+          "attribute": "emit-config",
+          "description": "Configuration object to define a channel/event mapping. Every property\nin the object is interpreted as the name of a channel and its value should\nbe an array of event names to be dispatched.",
+          "type": "object"
+        },
+        {
+          "name": "waitFor",
+          "attribute": "wait-for",
+          "description": "A selector pointing to other components this component depends on.\nWhen method `wait` is called, it will wait until all referenced\ncomponents signal with a `pb-ready` event that they are ready and listening\nto events.",
+          "type": "string"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Common property to disable the functionality associated with a component.\n`pb-highlight` and `pb-popover` react to this.",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "events": [
         {
           "name": "code-changed"
-        },
-        {
-          "name": "linting-error"
         }
       ]
     },

package/dist/pb-i18n-6ad23bcf.js

@@ -0,0 +1 @@
+import{d as t,L as e,N as n,A as s}from"./pb-mixin-15ff531f.js";const i=new Map;let a;function r(t){a=t}function o(t){return t instanceof n?t.startNode.isConnected:t instanceof s?t.committer.element.isConnected:t.element.isConnected}function c(){Object.keys(i).forEach(t=>{o(t)||i.delete(t)})}function l(t){"requestIdleCallback"in window?window.requestIdleCallback(t):setTimeout(t)}function d(t,e){const n=e();t.value!==n&&(t.setValue(n),t.commit())}function u(t){a=t.t,i.forEach((t,e)=>{o(e)&&d(e,t)})}function p(t,e){return a?a(t,e):t}const h=t(t=>e=>{i.set(e,t),d(e,t)}),f=(t,e)=>h(()=>p(t,e));document.addEventListener("pb-i18n-update",t=>{u(t.detail)}),setInterval(()=>l(()=>c()),6e4);class b extends e{static get properties(){return Object.assign(Object.assign({},super.properties),{},{key:{type:String},options:{type:Object},_translated:{type:String}})}constructor(){super(),this.key="missing-key",this.options=null,this._translated=null}connectedCallback(){super.connectedCallback(),this._fallback=this.innerHTML,document.addEventListener("pb-i18n-update",this._translate.bind(this)),this._translate()}_translate(){const t=p(this.key,this.options);t&&t!==this.key?this._translated=t:this._translated=null}render(){return this._translated?this._translated:this._fallback}createRenderRoot(){return this}}customElements.define("pb-i18n",b);export{p as g,r as i,f as t};