@openremote/or-asset-tree 1.20.0 → 1.20.1
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/custom-elements-jsx.d.ts +3 -0
- package/custom-elements.json +28 -0
- package/dist/umd/index.bundle.js +35 -8
- package/dist/umd/index.bundle.js.map +1 -1
- package/dist/umd/index.js +35 -8
- package/dist/umd/index.js.map +1 -1
- package/dist/umd/index.orbundle.js +54 -27
- package/dist/umd/index.orbundle.js.map +1 -1
- package/lib/or-add-asset-dialog.d.ts +2 -0
- package/lib/or-add-asset-dialog.d.ts.map +1 -1
- package/lib/or-add-asset-dialog.js +47 -20
- package/lib/or-add-asset-dialog.js.map +1 -1
- package/package.json +6 -6
package/custom-elements-jsx.d.ts
CHANGED
|
@@ -127,6 +127,8 @@ export type OrAssetTreeProps = {
|
|
|
127
127
|
|
|
128
128
|
|
|
129
129
|
export type OrAddAssetDialogProps = {
|
|
130
|
+
/** */
|
|
131
|
+
"typeFilter"?: OrAddAssetDialog['typeFilter'];
|
|
130
132
|
/** */
|
|
131
133
|
"config"?: OrAddAssetDialog['config'];
|
|
132
134
|
/** */
|
|
@@ -212,6 +214,7 @@ export type OrAddAssetDialogProps = {
|
|
|
212
214
|
*
|
|
213
215
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
214
216
|
*
|
|
217
|
+
* - `typeFilter`: undefined
|
|
215
218
|
* - `config`: undefined (property only)
|
|
216
219
|
* - `agentTypes`: undefined (property only)
|
|
217
220
|
* - `assetTypes`: undefined (property only)
|
package/custom-elements.json
CHANGED
|
@@ -1851,6 +1851,16 @@
|
|
|
1851
1851
|
},
|
|
1852
1852
|
"default": "\"\""
|
|
1853
1853
|
},
|
|
1854
|
+
{
|
|
1855
|
+
"kind": "field",
|
|
1856
|
+
"name": "typeFilter",
|
|
1857
|
+
"type": {
|
|
1858
|
+
"text": "string"
|
|
1859
|
+
},
|
|
1860
|
+
"privacy": "private",
|
|
1861
|
+
"default": "\"\"",
|
|
1862
|
+
"attribute": "typeFilter"
|
|
1863
|
+
},
|
|
1854
1864
|
{
|
|
1855
1865
|
"kind": "field",
|
|
1856
1866
|
"name": "name",
|
|
@@ -1892,6 +1902,14 @@
|
|
|
1892
1902
|
},
|
|
1893
1903
|
"privacy": "protected"
|
|
1894
1904
|
},
|
|
1905
|
+
{
|
|
1906
|
+
"kind": "field",
|
|
1907
|
+
"name": "_filterInput",
|
|
1908
|
+
"type": {
|
|
1909
|
+
"text": "OrMwcInput"
|
|
1910
|
+
},
|
|
1911
|
+
"privacy": "private"
|
|
1912
|
+
},
|
|
1895
1913
|
{
|
|
1896
1914
|
"kind": "method",
|
|
1897
1915
|
"name": "getTypeTemplate",
|
|
@@ -1971,6 +1989,16 @@
|
|
|
1971
1989
|
}
|
|
1972
1990
|
}
|
|
1973
1991
|
],
|
|
1992
|
+
"attributes": [
|
|
1993
|
+
{
|
|
1994
|
+
"name": "typeFilter",
|
|
1995
|
+
"type": {
|
|
1996
|
+
"text": "string"
|
|
1997
|
+
},
|
|
1998
|
+
"default": "\"\"",
|
|
1999
|
+
"fieldName": "typeFilter"
|
|
2000
|
+
}
|
|
2001
|
+
],
|
|
1974
2002
|
"superclass": {
|
|
1975
2003
|
"name": "LitElement",
|
|
1976
2004
|
"package": "lit"
|
package/dist/umd/index.bundle.js
CHANGED
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
`)}
|
|
113
113
|
</ol>
|
|
114
114
|
</li>
|
|
115
|
-
`}static _forEachNodeRecursive(t,e){t&&t.forEach(t=>{e(t),this._forEachNodeRecursive(t.children,e)})}};__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Array,reflect:!1})],OrAssetTree.prototype,"assets",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Array})],OrAssetTree.prototype,"rootAssets",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Array})],OrAssetTree.prototype,"rootAssetIds",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Object})],OrAssetTree.prototype,"dataProvider",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"readonly",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"disabled",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"disableSubscribe",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Array})],OrAssetTree.prototype,"selectedIds",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"showDeselectBtn",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"showSortBtn",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"showFilter",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"showFilterIcon",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:String})],OrAssetTree.prototype,"sortBy",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"expandAllNodes",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"checkboxes",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Number})],OrAssetTree.prototype,"queryLimit",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Number})],OrAssetTree.prototype,"paginationThreshold",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_nodes",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_filter",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.P)("#clearIconContainer")],OrAssetTree.prototype,"_clearIconContainer",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.P)("#filterInput")],OrAssetTree.prototype,"_filterInput",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_filterSettingOpen",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_assetTypes",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.P)("#attributeNameFilter")],OrAssetTree.prototype,"_attributeNameFilter",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.P)("#attributeValueFilter")],OrAssetTree.prototype,"_attributeValueFilter",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_assetTypeFilter",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_hasMoreParents",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_incompleteParentIds",void 0),OrAssetTree=OrAssetTree_1=__decorate([(0,lit_decorators_js__rspack_import_1.EM)("or-asset-tree")],OrAssetTree)},2751(t,e,n){"use strict";var i=n(9830),r=n(6491),o=n(650),a=n(6364),l=n(4906),c=n(3638),d=n(2673),s=n(3954),m=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a},
|
|
115
|
+
`}static _forEachNodeRecursive(t,e){t&&t.forEach(t=>{e(t),this._forEachNodeRecursive(t.children,e)})}};__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Array,reflect:!1})],OrAssetTree.prototype,"assets",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Array})],OrAssetTree.prototype,"rootAssets",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Array})],OrAssetTree.prototype,"rootAssetIds",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Object})],OrAssetTree.prototype,"dataProvider",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"readonly",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"disabled",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"disableSubscribe",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Array})],OrAssetTree.prototype,"selectedIds",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"showDeselectBtn",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"showSortBtn",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"showFilter",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"showFilterIcon",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:String})],OrAssetTree.prototype,"sortBy",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"expandAllNodes",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Boolean})],OrAssetTree.prototype,"checkboxes",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Number})],OrAssetTree.prototype,"queryLimit",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.MZ)({type:Number})],OrAssetTree.prototype,"paginationThreshold",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_nodes",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_filter",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.P)("#clearIconContainer")],OrAssetTree.prototype,"_clearIconContainer",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.P)("#filterInput")],OrAssetTree.prototype,"_filterInput",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_filterSettingOpen",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_assetTypes",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.P)("#attributeNameFilter")],OrAssetTree.prototype,"_attributeNameFilter",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.P)("#attributeValueFilter")],OrAssetTree.prototype,"_attributeValueFilter",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_assetTypeFilter",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_hasMoreParents",void 0),__decorate([(0,lit_decorators_js__rspack_import_1.wk)()],OrAssetTree.prototype,"_incompleteParentIds",void 0),OrAssetTree=OrAssetTree_1=__decorate([(0,lit_decorators_js__rspack_import_1.EM)("or-asset-tree")],OrAssetTree)},2751(t,e,n){"use strict";var i=n(9830),r=n(6491),o=n(650),a=n(6364),l=n(4906),c=n(3638),d=n(2673),s=n(3954),m=n(2051),p=n.n(m),u=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a},f=function(t,e,n,i){function r(t){return t instanceof n?t:new n(function(e){e(t)})}return new(n||(n=Promise))(function(n,o){function a(t){try{c(i.next(t))}catch(t){o(t)}}function l(t){try{c(i.throw(t))}catch(t){o(t)}}function c(t){t.done?n(t.value):r(t.value).then(a,l)}c((i=i.apply(t,e||[])).next())})};class h extends CustomEvent{constructor(t){super(h.NAME,{bubbles:!0,composed:!0,detail:t})}}h.NAME="or-add-asset-changed";let g=class extends i.WF{static get styles(){return(0,i.AH)`
|
|
116
116
|
:host{
|
|
117
117
|
border-style: solid;
|
|
118
118
|
border-color: var(--or-app-color5, ${(0,i.iz)(s.DefaultColor5)});
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
|
|
152
152
|
#mdc-dialog-form-add {
|
|
153
153
|
display: flex;
|
|
154
|
-
height:
|
|
154
|
+
height: 600px;
|
|
155
155
|
max-height: 600px;
|
|
156
156
|
width: 1000px;
|
|
157
157
|
}
|
|
@@ -174,10 +174,24 @@
|
|
|
174
174
|
font-size: 16px;
|
|
175
175
|
}
|
|
176
176
|
|
|
177
|
+
#type-list-filter {
|
|
178
|
+
padding: 7px;
|
|
179
|
+
background-color: var(--or-app-color2, ${(0,i.iz)(s.DefaultColor2)}))
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
#filterInput{
|
|
183
|
+
width: 100%;
|
|
184
|
+
}
|
|
185
|
+
|
|
177
186
|
#type-list {
|
|
178
|
-
width: 260px;
|
|
179
187
|
overflow: auto;
|
|
180
188
|
text-transform: capitalize;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
#type-list-container {
|
|
192
|
+
display: flex;
|
|
193
|
+
flex-direction: column;
|
|
194
|
+
width: 260px;
|
|
181
195
|
border-right: 1px solid var(--or-app-color5, ${(0,i.iz)(s.DefaultColor5)});
|
|
182
196
|
}
|
|
183
197
|
|
|
@@ -211,14 +225,27 @@
|
|
|
211
225
|
.mdc-list-group__subheader {
|
|
212
226
|
margin: 20px 0 0 16px;
|
|
213
227
|
}
|
|
214
|
-
`}constructor(){super(),this.selectedAttributes=[],this.showParentAssetSelector=!1,this.selectedChildAssetType="",this.name="New Asset",this.addEventListener(l.OrAssetTreeSelectionEvent.NAME,t=>{this.parent=t.detail.newNodes[0].asset})}render(){let t=t=>t.map(t=>({styleMap:{"--or-icon-fill":t.colour?"#"+t.colour:"unset"},icon:t.icon,text:s.Util.getAssetTypeLabel(t),value:t.name,data:t})).sort(s.Util.sortByString(t=>t.text)),e=t(this.agentTypes),n=t(this.assetTypes),r=[];e.length>0&&
|
|
228
|
+
`}constructor(){super(),this.selectedAttributes=[],this.showParentAssetSelector=!1,this.selectedChildAssetType="",this.typeFilter="",this.name="New Asset",this.addEventListener(l.OrAssetTreeSelectionEvent.NAME,t=>{this.parent=t.detail.newNodes[0].asset})}render(){let t=t=>t.map(t=>({styleMap:{"--or-icon-fill":t.colour?"#"+t.colour:"unset"},icon:t.icon,text:s.Util.getAssetTypeLabel(t),value:t.name,data:t})).sort(s.Util.sortByString(t=>t.text)),e=t(this.agentTypes),n=t(this.assetTypes),r=t=>{var e;return(null!=(e=t.text)?e:"").toLowerCase().includes(this.typeFilter.toLowerCase())},o=e.filter(r),l=n.filter(r),m=[];e.length>0&&m.push({heading:d.i18next.t("agents"),list:(0,i.qy)`<or-mwc-list @or-mwc-list-changed="${t=>{1===t.detail.length&&this.onTypeChanged(!0,t.detail[0])}}" .listItems="${o}" id="agent-list"></or-mwc-list>`}),n.length>0&&m.push({heading:d.i18next.t("assets"),list:(0,i.qy)`<or-mwc-list @or-mwc-list-changed="${t=>{1===t.detail.length&&this.onTypeChanged(!1,t.detail[0])}}" .listItems="${l}" id="asset-list"></or-mwc-list>`});let u=this.parent?this.parent.name+" ("+this.parent.id+")":d.i18next.t("none");return(0,i.qy)`
|
|
215
229
|
<div class="col" style="height: 100%;">
|
|
216
230
|
<form id="mdc-dialog-form-add" class="row">
|
|
217
|
-
<div id="type-list" class="col">
|
|
218
|
-
|
|
231
|
+
<div id="type-list-container" class="col">
|
|
232
|
+
<div id="type-list-filter">
|
|
233
|
+
<or-mwc-input
|
|
234
|
+
id="filterInput"
|
|
235
|
+
.type="${a.NZ.TEXT}"
|
|
236
|
+
placeholder="${d.i18next.t("filter.filter")}..."
|
|
237
|
+
compact="true"
|
|
238
|
+
outlined="true"
|
|
239
|
+
@input="${p()(()=>{var t;this.typeFilter=null!=(t=this._filterInput.nativeValue)?t:""},200)}"
|
|
240
|
+
></or-mwc-input>
|
|
241
|
+
</div>
|
|
242
|
+
<div id="type-list">
|
|
243
|
+
${(0,c.uI)(m)}
|
|
244
|
+
</div>
|
|
219
245
|
</div>
|
|
246
|
+
|
|
220
247
|
<div id="asset-type-option-container" class="col">
|
|
221
|
-
${!this.selectedType?(0,i.qy)`<div class="msg"><or-translate value="noAssetTypeSelected"></or-translate></div>`:this.getTypeTemplate(this.selectedType,
|
|
248
|
+
${!this.selectedType?(0,i.qy)`<div class="msg"><or-translate value="noAssetTypeSelected"></or-translate></div>`:this.getTypeTemplate(this.selectedType,u)}
|
|
222
249
|
</div>
|
|
223
250
|
${!this.showParentAssetSelector?(0,i.qy)``:(0,i.qy)`<or-asset-tree id="parent-selector" class="col" .showDeselectBtn="${!1}" .showSortBtn="${!1}" selectedNodes readonly></or-asset-tree>`}
|
|
224
251
|
</form>
|
|
@@ -260,7 +287,7 @@
|
|
|
260
287
|
</div>
|
|
261
288
|
</div>
|
|
262
289
|
`}
|
|
263
|
-
`}onNameChanged(t){this.name=t,this.onModified()}onTypeChanged(t,e){return
|
|
290
|
+
`}onNameChanged(t){this.name=t,this.onModified()}onTypeChanged(t,e){return f(this,void 0,void 0,function*(){yield this.updateComplete,this.selectedAttributes=[],this.selectedType=e.data;let n=t?this.assetList:this.agentList;n&&(n.values=void 0),this.onModified()})}onModified(){this.dispatchEvent(new h({name:this.name,descriptor:this.selectedType}))}_onToggleParentAssetSelector(){this.showParentAssetSelector=!this.showParentAssetSelector}_onDeselectClicked(){this.parent=void 0}};u([(0,r.MZ)({attribute:!1})],g.prototype,"config",void 0),u([(0,r.MZ)({attribute:!1})],g.prototype,"agentTypes",void 0),u([(0,r.MZ)({attribute:!1})],g.prototype,"assetTypes",void 0),u([(0,r.MZ)({attribute:!1})],g.prototype,"parent",void 0),u([(0,r.MZ)({attribute:!1})],g.prototype,"selectedType",void 0),u([(0,r.MZ)({attribute:!1})],g.prototype,"selectedAttributes",void 0),u([(0,r.MZ)({attribute:!1})],g.prototype,"showParentAssetSelector",void 0),u([(0,r.MZ)({attribute:!1})],g.prototype,"selectedChildAssetType",void 0),u([(0,r.MZ)({type:String})],g.prototype,"typeFilter",void 0),u([(0,r.P)("#name-input")],g.prototype,"nameInput",void 0),u([(0,r.P)("#agent-list")],g.prototype,"agentList",void 0),u([(0,r.P)("#asset-list")],g.prototype,"assetList",void 0),u([(0,r.P)("#parent-asset-list")],g.prototype,"parentAssetList",void 0),u([(0,r.P)("#filterInput")],g.prototype,"_filterInput",void 0),u([(0,r.EM)("or-add-asset-dialog")],g)},4015(t,e,n){"use strict";n.d(e,{i:()=>l});var i=n(9830),r=n(3954),o="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z",a="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z";let l=(0,i.AH)`
|
|
264
291
|
|
|
265
292
|
:host {
|
|
266
293
|
--internal-or-asset-tree-header-color: var(--or-asset-tree-header-color, var(--or-app-color4, ${(0,i.iz)(r.DefaultColor4)}));
|