@openremote/or-attribute-picker 1.8.0-snapshot.20250818131019 → 1.8.0-snapshot.20250818162953
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/dist/umd/index.js +14 -14
- package/dist/umd/index.js.map +1 -1
- package/dist/umd/index.orbundle.js +16 -16
- package/dist/umd/index.orbundle.js.map +1 -1
- package/package.json +6 -6
package/dist/umd/index.js
CHANGED
|
@@ -308,7 +308,7 @@
|
|
|
308
308
|
${s?s.map(([t,e],n)=>(this.value===t&&(this._selectedIndex=n),U`<li class="${tZ({"mdc-list-item":!0,"mdc-list-item--selected":this.value===t})}" role="option" data-value="${t}"><or-translate value="${e}"></or-translate></li>`)):""}
|
|
309
309
|
</ul>
|
|
310
310
|
</div>
|
|
311
|
-
`;case tH.SELECT:let m,p={"mdc-select--outlined":e,"mdc-select--filled":!e,"mdc-select--disabled":this.disabled||this.readonly,"mdc-select--required":this.required,"mdc-select--dense":!1,"dense-comfortable":this.comfortable,"mdc-select--no-label":!this.label,"mdc-select--with-leading-icon":!!this.icon,"or-mwc-input--rounded":this.rounded};m=void 0!=this.searchProvider?this.searchProvider(this.searchableValue):this.resolveOptions(this.options);let u=(t,e)=>{var n;let i=e.value;if(this.multiple){t.stopPropagation();let e=null!=(n=this._tempValue)?n:Array.isArray(this.value)?[...this.value]:void 0!==this.value?[this.value]:[],r=e.findIndex(t=>t===i);r>=0?e.splice(r,1):e.push(i);let o=t.composedPath()[0].closest("li"),a=o.getElementsByTagName("or-icon")[0];o&&(r>=0?o.classList.remove("mdc-list-item--selected"):o.classList.add("mdc-list-item--selected")),a&&(a.icon=r>=0?"checkbox-blank-outline":"checkbox-marked"),this._tempValue=e}else void 0==this.searchProvider&&Array.isArray(m)||this.onValueChange(void 0,e.value)},f=t=>void 0==this.searchProvider||t&&0!=t.length?iH(this.multiple?t$.MULTI_TICK:t$.SELECT,U`${null==t?void 0:t.map(([t,e],n)=>iF({text:e,value:t},n,Array.isArray(this.value)?this.value:this.value?[this.value]:[],this.multiple?t$.MULTI_TICK:t$.SELECT,!1,u))}`,!1,void 0):U`<span class="mdc-text-field-helper-line" style="margin: 8px 8px 8px 0;">${tF.i18next.t("noResults")}</span>`;return U`
|
|
311
|
+
`;case tH.SELECT:let m,p={"mdc-select--outlined":e,"mdc-select--filled":!e,"mdc-select--disabled":this.disabled||this.readonly,"mdc-select--required":this.required,"mdc-select--dense":!1,"dense-comfortable":this.comfortable,"mdc-select--no-label":!this.label,"mdc-select--with-leading-icon":!!this.icon,"or-mwc-input--rounded":this.rounded};m=void 0!=this.searchProvider?this.searchProvider(this.searchableValue):this.resolveOptions(this.options);let u=(t,e)=>{var n;let i=e.value;if(this.multiple){t.stopPropagation();let e=null!=(n=this._tempValue)?n:Array.isArray(this.value)?[...this.value]:void 0!==this.value?[this.value]:[],r=e.findIndex(t=>t===i);r>=0?e.splice(r,1):e.push(i);let o=t.composedPath()[0].closest("li"),a=o.getElementsByTagName("or-icon")[0];o&&(r>=0?o.classList.remove("mdc-list-item--selected"):o.classList.add("mdc-list-item--selected")),a&&(a.icon=r>=0?"checkbox-blank-outline":"checkbox-marked"),this._tempValue=e}else void 0==this.searchProvider&&Array.isArray(m)||this.onValueChange(void 0,e.value)},f=()=>{var t;let e=null!=(t=this._tempValue)?t:this.value;if(window.setTimeout(()=>{this._mdcComponent&&this._mdcComponent.foundation.adapter.floatLabel(e&&(!Array.isArray(e)||e.length>0))}),!this._tempValue)return;let n=[...this._tempValue];this._tempValue=void 0,this.onValueChange(void 0,n)},h=t=>void 0==this.searchProvider||t&&0!=t.length?iH(this.multiple?t$.MULTI_TICK:t$.SELECT,U`${null==t?void 0:t.map(([t,e],n)=>iF({text:e,value:t},n,Array.isArray(this.value)?this.value:this.value?[this.value]:[],this.multiple?t$.MULTI_TICK:t$.SELECT,!1,u))}`,!1,void 0):U`<span class="mdc-text-field-helper-line" style="margin: 8px 8px 8px 0;">${tF.i18next.t("noResults")}</span>`;return U`
|
|
312
312
|
<div id="component"
|
|
313
313
|
class="mdc-select ${tZ(p)}"
|
|
314
314
|
@MDCSelect:change="${t=>iX(this,void 0,void 0,function*(){let e=Array.isArray(m)?m:yield m;this.onValueChange(void 0,-1===t.detail.index?void 0:Array.isArray(e[t.detail.index])?e[t.detail.index][0]:e[t.detail.index])})}">
|
|
@@ -342,7 +342,7 @@
|
|
|
342
342
|
</span>
|
|
343
343
|
${!e?U`<div class="mdc-line-ripple"></div>`:""}
|
|
344
344
|
</div>
|
|
345
|
-
<div id="mdc-select-menu" class="mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fixed ${void 0!=this.searchProvider?"mdc-menu__searchable":void 0}" @MDCMenuSurface:closed="${
|
|
345
|
+
<div id="mdc-select-menu" class="mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fixed ${void 0!=this.searchProvider?"mdc-menu__searchable":void 0}" @MDCMenuSurface:closed="${f}">
|
|
346
346
|
${t1(void 0!=this.searchProvider,()=>U`
|
|
347
347
|
<label id="select-searchable" class="mdc-text-field mdc-text-field--filled">
|
|
348
348
|
<span class="mdc-floating-label" style="color: rgba(0, 0, 0, 0.6); text-transform: capitalize; visibility: ${this.searchableValue?"hidden":"visible"}" id="my-label-id">
|
|
@@ -353,7 +353,7 @@
|
|
|
353
353
|
/>
|
|
354
354
|
</label>
|
|
355
355
|
`)}
|
|
356
|
-
${t1(Array.isArray(m),()=>
|
|
356
|
+
${t1(Array.isArray(m),()=>h(m),()=>t3(new Promise(t=>iX(this,void 0,void 0,function*(){t(h((yield m)))})),U`<span class="mdc-text-field-helper-line" style="margin: 8px 8px 8px 0;">${tF.i18next.t("loading")}</span>`))}
|
|
357
357
|
</div>
|
|
358
358
|
${n||i?U`
|
|
359
359
|
<p id="component-helper-text" class="mdc-select-helper-text ${tZ(r)}" aria-hidden="true">
|
|
@@ -368,20 +368,20 @@
|
|
|
368
368
|
${this.icon?U`<or-icon class="mdc-icon-button__icon" aria-hidden="true" icon="${this.icon}"></or-icon>`:""}
|
|
369
369
|
${this.iconOn?U`<or-icon class="mdc-icon-button__icon mdc-icon-button__icon--on" aria-hidden="true" icon="${this.iconOn}"></or-icon>`:""}
|
|
370
370
|
</button>
|
|
371
|
-
`;case tH.BUTTON:case tH.BUTTON_MOMENTARY:{let t=this.type===tH.BUTTON_MOMENTARY,
|
|
372
|
-
<button id="component" class="${tZ(
|
|
371
|
+
`;case tH.BUTTON:case tH.BUTTON_MOMENTARY:{let t=t=>{this.disabled&&t.stopPropagation(),i&&this.dispatchEvent(new i6(!0,null))},e=t=>{this.disabled&&t.stopPropagation(),i&&this.dispatchEvent(new i6(!1,!0))},n=t=>{this.disabled&&t.stopPropagation(),i||this.dispatchEvent(new i6(!0,null))},i=this.type===tH.BUTTON_MOMENTARY,r=!this.action&&!this.label;!r||this.iconTrailing||this.icon||(this.icon="circle");let o={"mdc-icon-button":r,"mdc-fab":!r&&this.action,"mdc-fab--extended":!r&&this.action&&!!this.label,"mdc-fab--mini":!r&&this.action&&(this.compact||this.comfortable),"mdc-button":!r&&!this.action,"mdc-button--raised":!r&&!this.action&&this.raised,"mdc-button--unelevated":!r&&!this.action&&this.unElevated,"mdc-button--outlined":!r&&!this.action&&(this.outlined||i),"mdc-button--rounded":!r&&!this.action&&this.rounded,"mdc-button--fullwidth":this.fullWidth};return U`
|
|
372
|
+
<button id="component" class="${tZ(o)}"
|
|
373
373
|
?readonly="${this.readonly}"
|
|
374
374
|
?disabled="${this.disabled}"
|
|
375
|
-
@click="${
|
|
376
|
-
@mousedown="${e=>
|
|
377
|
-
${!
|
|
378
|
-
${this.icon?U`<or-icon class="${
|
|
375
|
+
@click="${t=>n(t)}"
|
|
376
|
+
@mousedown="${e=>t(e)}" @mouseup="${t=>e(t)}">
|
|
377
|
+
${!r?U`<div class="mdc-button__ripple"></div>`:""}
|
|
378
|
+
${this.icon?U`<or-icon class="${r?"":this.action?"mdc-fab__icon":"mdc-button__icon"}" aria-hidden="true" icon="${this.icon}"></or-icon>`:""}
|
|
379
379
|
${this.label?U`<span class="${this.action?"mdc-fab__label":"mdc-button__label"}"><or-translate .value="${this.label}"></or-translate></span>`:""}
|
|
380
|
-
${!
|
|
380
|
+
${!r&&this.iconTrailing?U`<or-icon class="${this.action?"mdc-fab__icon":"mdc-button__icon"}" aria-hidden="true" icon="${this.iconTrailing}"></or-icon>`:""}
|
|
381
381
|
</button>
|
|
382
|
-
`}case tH.CHECKBOX_LIST:Array.isArray(this.value)||(null===this.value||void 0===this.value?this.value=[]:this.value=[this.value]);let
|
|
382
|
+
`}case tH.CHECKBOX_LIST:Array.isArray(this.value)||(null===this.value||void 0===this.value?this.value=[]:this.value=[this.value]);let g=this.resolveOptions(this.options);return this._selectedIndex=-1,U`
|
|
383
383
|
<div class="mdc-checkbox-list">
|
|
384
|
-
${
|
|
384
|
+
${g?g.map(([t,e],n)=>(this.value===t&&(this._selectedIndex=n),U`
|
|
385
385
|
<div id="field" class="mdc-form-field">
|
|
386
386
|
<div id="component" class="mdc-checkbox">
|
|
387
387
|
<input type="checkbox"
|
|
@@ -399,9 +399,9 @@
|
|
|
399
399
|
|
|
400
400
|
`)):""}
|
|
401
401
|
</div>
|
|
402
|
-
`;case tH.CHECKBOX:let
|
|
402
|
+
`;case tH.CHECKBOX:let b={"mdc-checkbox":!0,"mdc-checkbox--disabled":this.disabled||this.readonly};return U`
|
|
403
403
|
<div id="field" class="mdc-form-field">
|
|
404
|
-
<div id="component" class="${tZ(
|
|
404
|
+
<div id="component" class="${tZ(b)}">
|
|
405
405
|
<input type="checkbox"
|
|
406
406
|
id="elem"
|
|
407
407
|
data-indeterminate="${this.indeterminate}"
|