173 lines
48 KiB
JavaScript
173 lines
48 KiB
JavaScript
|
function t(t,e,i,n){var s,o=arguments.length,r=o<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(o<3?s(r):o>3?s(e,i,r):s(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r}const e=window,i=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,n=Symbol(),s=new WeakMap;let o=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==n)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(i&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=s.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&s.set(e,t))}return t}toString(){return this.cssText}};const r=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,n)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[n+1]),t[0]);return new o(i,t,n)},a=i?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new o("string"==typeof t?t:t+"",void 0,n))(e)})(t):t;var l;const d=window,c=d.trustedTypes,h=c?c.emptyScript:"",u=d.reactiveElementPolyfillSupport,v={toAttribute(t,e){switch(e){case Boolean:t=t?h:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},f=(t,e)=>e!==t&&(e==e||t==t),p={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:f};let g=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const n=this._$Ep(i,e);void 0!==n&&(this._$Ev.set(n,i),t.push(n))})),t}static createProperty(t,e=p){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,n=this.getPropertyDescriptor(t,i,e);void 0!==n&&Object.defineProperty(this.prototype,t,n)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(n){const s=this[t];this[e]=n,this.requestUpdate(t,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||p}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(a(t))}else void 0!==t&&e.push(a(t));return e}static _$Ep(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementPropertie
|
||
|
|
<div class="card-config">
|
||
|
|
<div class="toolbar">
|
||
|
|
<mwc-tab-bar
|
||
|
|
.activeIndex=${this._selectedTab}
|
||
|
|
@MDCTabBar:activated=${this._handleSwitchTab}
|
||
|
|
>
|
||
|
|
<mwc-tab .label=${"Filters"}></mwc-tab>
|
||
|
|
<mwc-tab .label=${"Sorting"}></mwc-tab>
|
||
|
|
<mwc-tab .label=${"Card"}></mwc-tab>
|
||
|
|
<mwc-tab .label=${"?"} style="flex: 0 1 min-content;"></mwc-tab>
|
||
|
|
</mwc-tab-bar>
|
||
|
|
</div>
|
||
|
|
<div id="editor">
|
||
|
|
${[this._renderFilterEditor,this._renderSortEditor,this._renderCardEditor,this._renderHelp][this._selectedTab].bind(this)()}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`:N``}_renderHelp(){return N`
|
||
|
|
<div class="box">
|
||
|
|
<p>Auto entities</p>
|
||
|
|
<p>
|
||
|
|
See
|
||
|
|
<a
|
||
|
|
href="https://github.com/thomasloven/lovelace-auto-entities"
|
||
|
|
target="_blank"
|
||
|
|
rel="noreferrer"
|
||
|
|
>
|
||
|
|
auto-entities on github
|
||
|
|
</a>
|
||
|
|
for usage instructions.
|
||
|
|
</p>
|
||
|
|
<p>Not all options are available in the GUI editor.</p>
|
||
|
|
</div>
|
||
|
|
`}_renderFilterEditor(){var t;return(null===(t=this._config.filter)||void 0===t?void 0:t.template)||this._config.entities?N`
|
||
|
|
<div class="box">
|
||
|
|
<p>
|
||
|
|
<b>Your filter method is not handled by the GUI editor.</b>
|
||
|
|
</p>
|
||
|
|
<p>Please switch to the CODE EDITOR to access all options.</p>
|
||
|
|
</div>
|
||
|
|
`:N`
|
||
|
|
${this._config.filter.include.map(((t,e)=>N`
|
||
|
|
<div class="box">
|
||
|
|
<div class="toolbar">
|
||
|
|
<mwc-icon-button
|
||
|
|
.disabled=${0===e}
|
||
|
|
@click=${()=>this._moveFilterGroup(e,-1)}
|
||
|
|
>
|
||
|
|
<ha-icon .icon=${"mdi:arrow-up"}></ha-icon>
|
||
|
|
</mwc-icon-button>
|
||
|
|
<mwc-icon-button
|
||
|
|
.disabled=${e===this._config.filter.include.length-1}
|
||
|
|
@click=${()=>this._moveFilterGroup(e,1)}
|
||
|
|
>
|
||
|
|
<ha-icon .icon=${"mdi:arrow-down"}></ha-icon>
|
||
|
|
</mwc-icon-button>
|
||
|
|
<mwc-icon-button
|
||
|
|
@click=${()=>this._deleteFilterGroup(e)}
|
||
|
|
>
|
||
|
|
<ha-icon .icon=${"mdi:close"}></ha-icon>
|
||
|
|
</mwc-icon-button>
|
||
|
|
</div>
|
||
|
|
${void 0===t.type?N`
|
||
|
|
<ha-form
|
||
|
|
.hass=${this.hass}
|
||
|
|
.schema=${(t=>{const e=Object.assign({},t);return delete e.options,[...Object.entries(e).map(It),Object.assign(Object.assign({},Nt),{name:"key_new",label:"Select property"})]})(t)}
|
||
|
|
.data=${(t=>{const e=Object.assign({},t);return delete e.options,Object.assign({},...Object.entries(e).map((([t,e],i)=>({[`key_${i}`]:t,[`value_${i}`]:e}))))})(t)}
|
||
|
|
.computeLabel=${t=>{var e;return null!==(e=t.label)&&void 0!==e?e:t.name}}
|
||
|
|
@value-changed=${t=>this._changeFilter(e,t)}
|
||
|
|
></ha-form>
|
||
|
|
<p>Options:</p>
|
||
|
|
<ha-form
|
||
|
|
.hass=${this.hass}
|
||
|
|
.schema=${Rt}
|
||
|
|
.data=${t}
|
||
|
|
@value-changed=${t=>this._changeGroupOptions(e,t)}
|
||
|
|
></ha-form>
|
||
|
|
`:N`
|
||
|
|
<ha-form
|
||
|
|
.hass=${this.hass}
|
||
|
|
.schema=${Ht}
|
||
|
|
.data=${{data:t}}
|
||
|
|
@value-changed=${t=>this._changeSpecialEntry(e,t)}
|
||
|
|
></ha-form>
|
||
|
|
`}
|
||
|
|
</div>
|
||
|
|
`))}
|
||
|
|
<mwc-button @click=${this._addFilterGroup}>
|
||
|
|
<ha-icon .icon=${"mdi:plus"}></ha-icon>Add filter group
|
||
|
|
</mwc-button>
|
||
|
|
<mwc-button @click=${this._addSpecialEntry}>
|
||
|
|
<ha-icon .icon=${"mdi:plus"}></ha-icon>Add non-filter entry
|
||
|
|
</mwc-button>
|
||
|
|
`}_renderSortEditor(){var t;const e=null!==(t=this._config.sort)&&void 0!==t?t:{method:"none"};return N`
|
||
|
|
<div class="box">
|
||
|
|
<ha-form
|
||
|
|
.hass=${this.hass}
|
||
|
|
.data=${e}
|
||
|
|
.schema=${Dt}
|
||
|
|
.computeLabel=${t=>{var e;return null!==(e=t.label)&&void 0!==e?e:t.name}}
|
||
|
|
@value-changed=${this._changeSortOptions}
|
||
|
|
></ha-form>
|
||
|
|
</div>
|
||
|
|
`}_renderCardEditor(){var t;const e=Object.assign({},this._config);return e.show_empty=null===(t=e.show_empty)||void 0===t||t,N`
|
||
|
|
<div class="box cards">
|
||
|
|
<ha-form
|
||
|
|
.hass=${this.hass}
|
||
|
|
.schema=${Ft}
|
||
|
|
.computeLabel=${t=>{var e;return null!==(e=t.label)&&void 0!==e?e:t.name}}
|
||
|
|
.data=${e}
|
||
|
|
@value-changed=${this._changeCardOptions}
|
||
|
|
></ha-form>
|
||
|
|
${this._config.card?N`
|
||
|
|
<div>
|
||
|
|
<mwc-button
|
||
|
|
@click=${this._toggleCardMode}
|
||
|
|
.disabled=${!this._cardGUIModeAvailable}
|
||
|
|
class="gui-mode-button"
|
||
|
|
>
|
||
|
|
${!this._cardEditorEl||this._cardGUIMode?"Show code editor":"Show Visual Editor"}
|
||
|
|
</mwc-button>
|
||
|
|
<mwc-button
|
||
|
|
.title=${"Change card type"}
|
||
|
|
@click=${this._deleteCard}
|
||
|
|
>
|
||
|
|
Change card type
|
||
|
|
</mwc-button>
|
||
|
|
</div>
|
||
|
|
<hui-card-element-editor
|
||
|
|
.hass=${this.hass}
|
||
|
|
.lovelace=${this.lovelace}
|
||
|
|
.value=${this._getCardConfig()}
|
||
|
|
@config-changed=${this._handleCardConfigChanged}
|
||
|
|
@GUImode-changed=${this._cardGUIModeChanged}
|
||
|
|
></hui-card-element-editor>
|
||
|
|
`:N`
|
||
|
|
<hui-card-picker
|
||
|
|
.hass=${this.hass}
|
||
|
|
.lovelace=${this.lovelace}
|
||
|
|
@config-changed=${this._handleCardConfigChanged}
|
||
|
|
></hui-card-picker>
|
||
|
|
`}
|
||
|
|
</div>
|
||
|
|
`}static get styles(){return[r`
|
||
|
|
mwc-tab-bar {
|
||
|
|
border-bottom: 1px solid var(--divider-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.box {
|
||
|
|
margin-top: 8px;
|
||
|
|
border: 1px solid var(--divider-color);
|
||
|
|
padding: 12px;
|
||
|
|
}
|
||
|
|
.option {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.box .toolbar {
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
width: 100%;
|
||
|
|
gap: 8px;
|
||
|
|
}
|
||
|
|
.gui-mode-button {
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
color: var(--primary-color);
|
||
|
|
}
|
||
|
|
`]}}t([st()],Lt.prototype,"_config",void 0),t([nt()],Lt.prototype,"lovelace",void 0),t([nt()],Lt.prototype,"hass",void 0),t([st()],Lt.prototype,"_selectedTab",void 0),t([st()],Lt.prototype,"_cardGUIMode",void 0),t([st()],Lt.prototype,"_cardGUIModeAvailable",void 0),t([function(t,e){return(({finisher:t,descriptor:e})=>(i,n)=>{var s;if(void 0===n){const n=null!==(s=i.originalKey)&&void 0!==s?s:i.key,o=null!=e?{kind:"method",placement:"prototype",key:n,descriptor:e(i.key)}:{...i,key:n};return null!=t&&(o.finisher=function(e){t(e,n)}),o}{const s=i.constructor;void 0!==e&&Object.defineProperty(i,n,e(n)),null==t||t(s,n)}})({descriptor:i=>{const n={get(){var e,i;return null!==(i=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==i?i:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof i?Symbol():"__"+i;n.get=function(){var i,n;return void 0===this[e]&&(this[e]=null!==(n=null===(i=this.renderRoot)||void 0===i?void 0:i.querySelector(t))&&void 0!==n?n:null),this[e]}}return n}})}("hui-card-element-editor")],Lt.prototype,"_cardEditorEl",void 0),customElements.define("auto-entities-editor",Lt),window.customCards=window.customCards||[],window.customCards.push({type:"auto-entities",name:"Auto Entities",preview:!1,description:"Entity Filter on Steroids. Auto Entities allows you to fill other cards with entities automatically, based on a number of attributes."}),window.queueMicrotask=window.queueMicrotask||(t=>window.setTimeout(t,1));const Wt=["section","divider"];class Gt extends tt{constructor(){super(...arguments),this.empty=!1,this._updateCooldown={timer:void 0,rerun:!1},this._renderer=t=>{this._template="string"==typeof t?t.split(/[\s,]+/):t}}static getConfigElement(){return document.createElement("auto-entities-editor")}static getStubConfig(){return{card:{type:"entities"},filter:{include:[],exclude:[]}}}setConfig(t){var e,i;if(!t)throw new Error("No configuration.");if(!(null===(e=t.card)||void 0===e?void 0:e.type))throw new Error("No card type specified.");if(!t.filter&&!t.entities)throw new Error("No filters specified.");t=JSON.parse(JSON.stringify(t)),this._config=t,(null===(i=this._config.filter)||void 0===i?void 0:i.template)&&ut(this._config.filter.template)&&ft(this._renderer,this._config.filter.template,{config:t}),this._cardBuilt=new Promise((t=>this._cardBuiltResolve=t)),queueMicrotask((()=>this.build_else())),queueMicrotask((()=>this.update_all()))}connectedCallback(){var t,e;super.connectedCallback(),(null===(e=null===(t=this._config)||void 0===t?void 0:t.filter)||void 0===e?void 0:e.template)&&ut(this._config.filter.template)&&ft(this._renderer,this._config.filter.template,{config:this._config})}disconnectedCallback(){super.disconnectedCallback(),pt(this._renderer)}async update_all(){if(this.card&&(this.card.hass=this.hass),this.else&&(this.else.hass=this.hass),this._updateCooldown.timer)return void(this._updateCooldown.rerun=!0);this._updateCooldown.rerun=!1,this._updateCooldown.timer=window.setTimeout((()=>{this._updateCooldown.timer=void 0,this._updateCooldown.rerun&&this.update_all()}),500);const t=await this.update_entities();this.update_card(t)}async build_else(){if(void 0===this._config.else)return;const t=await window.loadCardHelpers();this.else=await t.createCardElement(this._config.else),this.else.hass=this.hass}async update_card(t){var e,i,n,s,o,r,a,l,d,c,h,u;if(this._entities&&_t(t,this._entities)&&_t(this._cardConfig,this._config.card))return;const v=(null===(e=this._cardConfig)||void 0===e?void 0:e.type)!==this._config.card.type;this._entities=t,this._cardConfig=JSON.parse(JSON.stringify(this._config.card));const f=Object.assign({[this._config.card_param||"entities"]:t},this._config.card);if(!this.card||v){const t=await window.loadCardHelpers();console.oldError=console.oldError||[];const e=console.error;console.oldError.push(e),console.error=(...t)=>{var i,n,s,o,r,a;3===t.length&&t[2].message&&((null===(n=(i=t[2].message).startsWith)||void 0===n?void 0:n.call(i,"Entities"))||(null===(o=(s=t[2].message).startsWith)||void 0===o?void 0:o.call(s,"Either entities"
|