update custom elements definition

Author: warmfire540

src/cards/card.ts

@@ -91,6 +91,14 @@ export class AdGuardCard extends LitElement {
       </ha-card>`;
     }
 
+    if (!this._setup || !this._setup.holes || this._setup.holes.length === 0) {
+      return html`<ha-card>
+        <div class="card-content">
+          <div class="no-setup">No instances found</div>
+        </div>
+      </ha-card>`;
+    }
+
     return renderAdGuardCard(this, this._hass, this._setup, this._config);
   }
 }

src/index.ts

@@ -5,7 +5,7 @@ import { SystemMetricsGraph } from '@html/components/system-metrics-graph';
 import { version } from '../package.json';
 
 // Register the custom elements with the browser
-customElements.define('adguard', AdGuardCard);
+customElements.define('adguard-card', AdGuardCard);
 customElements.define('adguard-editor', AdGuardCardEditor);
 customElements.define('adguard-pause-component', PauseComponent);
 customElements.define('adguard-system-metrics-graph', SystemMetricsGraph);

test/index.spec.ts

@@ -34,7 +34,7 @@ describe('index.ts', () => {
   it('should register all custom elements', () => {
     require('@/index.ts');
     expect(customElementsStub.callCount).to.equal(4);
-    expect(customElementsStub.firstCall.args[0]).to.equal('adguard');
+    expect(customElementsStub.firstCall.args[0]).to.equal('adguard-card');
     expect(customElementsStub.secondCall.args[0]).to.equal('adguard-editor');
     expect(customElementsStub.thirdCall.args[0]).to.equal(
       'adguard-pause-component',