thomas/lovelace-card-mod
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Stability improvements

Browse Source
This commit is contained in:
Thomas Lovén 2019-06-09 20:28:18 +02:00
parent c84ea8e09c
commit ea12cc6629
3 changed files with 76 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitattributes vendored Normal file
View File

@ -0,0 +1 @@
card-mod.js binary

2
card-mod.js
View File

File diff suppressed because one or more lines are too long

146
src/main.js
View File

@ -2,81 +2,83 @@ import {html, css} from "/card-tools/lit-element.js";
import {fireEvent} from "/card-tools/event.js"; import {fireEvent} from "/card-tools/event.js";
import {parseTemplate} from "/card-tools/templates.js"; import {parseTemplate} from "/card-tools/templates.js";
const HaCard = customElements.get('ha-card'); customElements.whenDefined('ha-card').then(() => {
const HaCard = customElements.get('ha-card');
const findConfig = function(node) { const findConfig = function(node) {
if(node.config) if(node.config)
return node.config; return node.config;
if(node._config) if(node._config)
return node._config; return node._config;
if(node.host) if(node.host)
return findConfig(node.host); return findConfig(node.host);
if(node.parentElement) if(node.parentElement)
return findConfig(node.parentElement); return findConfig(node.parentElement);
if(node.parentNode) if(node.parentNode)
return findConfig(node.parentNode); return findConfig(node.parentNode);
return null; return null;
}; };
const applyStyle = function(root, style) { const applyStyle = function(root, style) {
if(!root || !style) return; if(!root || !style) return;
if(typeof style === "string") { if(typeof style === "string") {
// Remove old styles if we're updating // Remove old styles if we're updating
if(root.querySelector(":scope >.card-mod-style")) if(root.querySelector(":scope >.card-mod-style"))
root.removeChild(root.querySelector(":scope > .card-mod-style")); root.removeChild(root.querySelector(":scope > .card-mod-style"));
// Add new style tag to the root element // Add new style tag to the root element
const styleEl = document.createElement('style'); const styleEl = document.createElement('style');
styleEl.classList = "card-mod-style"; styleEl.classList = "card-mod-style";
styleEl.innerHTML = parseTemplate(style); styleEl.innerHTML = parseTemplate(style);
root.appendChild(styleEl); root.appendChild(styleEl);
} else { } else {
Object.keys(style).forEach((k) => { Object.keys(style).forEach((k) => {
if(k === ".") if(k === ".")
return applyStyle(root, style[k]); return applyStyle(root, style[k]);
else if(k === "$") else if(k === "$")
return applyStyle(root.shadowRoot, style[k]); return applyStyle(root.shadowRoot, style[k]);
else { else {
root.querySelectorAll(`:scope > ${k}`).forEach((el) => { root.querySelectorAll(`:scope > ${k}`).forEach((el) => {
applyStyle(el, style[k]); applyStyle(el, style[k]);
}); });
return; return;
} }
}); });
}
}
HaCard.prototype.updated = function(_) {
// Apply styles after updates, if specified
const config = findConfig(this);
if(config && config.style)
applyStyle(this, config.style);
}
HaCard.prototype.firstUpdated = function() {
// Move the header inside the slot instead of in the shadowDOM
// makes it easier to style it consistently
const header = this.shadowRoot.querySelector(".card-header");
if(header)
{
this.insertBefore(header, this.children[0]);
}
// Listen for changes to hass or the location and update
document.querySelector("home-assistant").provideHass(this);
window.addEventListener("location-changed", () => this._requestUpdate());
}
Object.defineProperty(HaCard.prototype, 'hass', {
get() {
return this._hass;
},
set(value) {
if(value !== this._hass) {
const oldval = this._hass;
this._hass = value;
this._requestUpdate('hass', oldval);
} }
}, }
});
fireEvent('ll-rebuild', {}); HaCard.prototype.updated = function(_) {
// Apply styles after updates, if specified
const config = findConfig(this);
if(config && config.style)
applyStyle(this, config.style);
}
HaCard.prototype.firstUpdated = function() {
// Move the header inside the slot instead of in the shadowDOM
// makes it easier to style it consistently
const header = this.shadowRoot.querySelector(".card-header");
if(header)
{
this.insertBefore(header, this.children[0]);
}
// Listen for changes to hass or the location and update
document.querySelector("home-assistant").provideHass(this);
window.addEventListener("location-changed", () => this._requestUpdate());
}
Object.defineProperty(HaCard.prototype, 'hass', {
get() {
return this._hass;
},
set(value) {
if(value !== this._hass) {
const oldval = this._hass;
this._hass = value;
this._requestUpdate('hass', oldval);
}
},
});
fireEvent('ll-rebuild', {});
});