@openremote/or-components 1.2.0-snapshot.20241209103107 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/or-file-uploader.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var __decorate=this&&this.__decorate||function(e,t,i,
|
|
1
|
+
var __decorate=this&&this.__decorate||function(e,t,i,r){var o,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(a=(n<3?o(a):n>3?o(t,i,a):o(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a},__awaiter=this&&this.__awaiter||function(e,t,i,r){return new(i||(i=Promise))((function(o,n){function a(e){try{c(r.next(e))}catch(e){n(e)}}function l(e){try{c(r.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,l)}c((r=r.apply(e,t||[])).next())}))};import{css,html,LitElement}from"lit";import{customElement,property}from"lit/decorators.js";import{i18next}from"@openremote/or-translate";import"./or-loading-indicator";let OrFileUploader=class extends LitElement{constructor(){super(...arguments),this.src="",this.managerUrl="",this.title="",this.accept="image/png,image/jpeg,image/vnd.microsoft.icon,image/svg+xml",this.loading=!1,this.files=[]}get Files(){return this.files}static get styles(){return css`
|
|
2
2
|
#imageContainer {
|
|
3
3
|
position: relative;
|
|
4
4
|
max-width: 150px;
|
|
@@ -53,7 +53,7 @@ var __decorate=this&&this.__decorate||function(e,t,i,o){var r,n=arguments.length
|
|
|
53
53
|
.container {
|
|
54
54
|
position: relative;
|
|
55
55
|
}
|
|
56
|
-
`}firstUpdated(e){var t,i;super.firstUpdated(e);const
|
|
56
|
+
`}firstUpdated(e){var t,i;super.firstUpdated(e);const r=null===(t=this.shadowRoot)||void 0===t?void 0:t.getElementById("fileInput"),o=null===(i=this.shadowRoot)||void 0===i?void 0:i.getElementById("imageContainer");null==r||r.addEventListener("input",(e=>{this._onChange(e)})),null==o||o.addEventListener("click",(e=>{null==r||r.click()}))}_onChange(e){var t;return __awaiter(this,void 0,void 0,(function*(){this.files=null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.files,this.loading=!0,this.requestUpdate(),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.files}})),this.loading=!1,this.requestUpdate()}))}render(){return html`
|
|
57
57
|
<div class="container">
|
|
58
58
|
${this.loading?html`
|
|
59
59
|
<or-loading-indicator .overlay="${!0}"></or-loading-indicator>`:""}
|
|
@@ -61,7 +61,7 @@ var __decorate=this&&this.__decorate||function(e,t,i,o){var r,n=arguments.length
|
|
|
61
61
|
<div id="imageContainer">
|
|
62
62
|
|
|
63
63
|
${this.src?html`
|
|
64
|
-
<img src="${this.src}" alt="OR-File-Uploader">
|
|
64
|
+
<img src="${(()=>{if(this.src)return this.src.includes("data:image")?this.src:this.managerUrl+this.src})()}" alt="OR-File-Uploader">
|
|
65
65
|
<div class="pencil-container">
|
|
66
66
|
<or-icon icon="pencil-circle"></or-icon>
|
|
67
67
|
</div>
|
|
@@ -74,4 +74,4 @@ var __decorate=this&&this.__decorate||function(e,t,i,o){var r,n=arguments.length
|
|
|
74
74
|
</div>
|
|
75
75
|
<input type="file" id="fileInput" accept="${this.accept}">
|
|
76
76
|
</div>
|
|
77
|
-
`}};__decorate([property({attribute:!1})],OrFileUploader.prototype,"src",void 0),__decorate([property()],OrFileUploader.prototype,"title",void 0),__decorate([property({attribute:!1})],OrFileUploader.prototype,"accept",void 0),OrFileUploader=__decorate([customElement("or-file-uploader")],OrFileUploader);export{OrFileUploader};
|
|
77
|
+
`}};__decorate([property({attribute:!1})],OrFileUploader.prototype,"src",void 0),__decorate([property({attribute:!1})],OrFileUploader.prototype,"managerUrl",void 0),__decorate([property()],OrFileUploader.prototype,"title",void 0),__decorate([property({attribute:!1})],OrFileUploader.prototype,"accept",void 0),OrFileUploader=__decorate([customElement("or-file-uploader")],OrFileUploader);export{OrFileUploader};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"or-file-uploader.js","sourceRoot":"","sources":["../src/or-file-uploader.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,OAAO,wBAAwB,CAAC;AAGzB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAEH,4DAA4D;QAE5C,QAAG,GAAW,EAAE,CAAC;QAGjB,UAAK,GAAW,EAAE,CAAC;QAGnB,WAAM,GAAW,6DAA6D,CAAC;QAEvF,YAAO,GAAG,KAAK,CAAC;QAChB,UAAK,GAAe,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"or-file-uploader.js","sourceRoot":"","sources":["../src/or-file-uploader.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openremote/or-components",
|
|
3
|
-
"version": "1.2.0
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "OpenRemote basic UI components",
|
|
5
5
|
"exports": {
|
|
6
6
|
"./*": "./lib/*.js"
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
"license": "AGPL-3.0-or-later",
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@material/elevation": "^9.0.0",
|
|
23
|
-
"@openremote/core": "1.2.0
|
|
23
|
+
"@openremote/core": "1.2.0",
|
|
24
24
|
"lit": "^2.0.2",
|
|
25
25
|
"simplebar": "^5.3.6"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@openremote/util": "1.2.0
|
|
28
|
+
"@openremote/util": "1.2.0"
|
|
29
29
|
},
|
|
30
30
|
"publishConfig": {
|
|
31
31
|
"access": "public"
|