commit all

.devcontainer/devcontainer.json

@@ -11,7 +11,7 @@
   "containerEnv": {
     "HASS_USERNAME": "dev",
     "HASS_PASSWORD": "dev",
-    "LOVELACE_LOCAL_FILES": ".temp/tabbed-card.js",
+    "LOVELACE_LOCAL_FILES": "temp/tabbed-card.js",
     "XDG_DATA_HOME": "/home/vscode/.local/share"
   },
   "customizations": {

package.json

@@ -22,7 +22,6 @@
     "@material/mwc-tab": "^0.27.0",
     "@material/mwc-tab-bar": "^0.27.0",
     "custom-card-helpers": "^1.9.0",
-    "help": "^3.0.2",
     "lit": "^2.3.1"
   },
   "devDependencies": {

types/src/tabbed-card.d.ts

@@ -1,26 +1,40 @@
-import { LitElement } from "lit";
-import { HomeAssistant, LovelaceCardConfig, LovelaceCardEditor } from "custom-card-helpers";
+import { LitElement, PropertyValueMap } from "lit";
+import { HomeAssistant, LovelaceCard, LovelaceCardConfig, LovelaceCardEditor } from "custom-card-helpers";
 import "./tabbed-card-editor";
+interface TabbedCardConfig extends LovelaceCardConfig {
+    options: {};
+    tabs: Tab[];
+}
+interface Tab {
+    name: string;
+    card: LovelaceCardConfig;
+}
 export declare class TabbedCard extends LitElement {
-    static styles: import("lit").CSSResult[];
+    hass: HomeAssistant;
+    protected selectedTabIndex: number;
+    private _config;
+    private _tabs;
     static getConfigElement(): Promise<LovelaceCardEditor>;
     static getStubConfig(): {
-        entity: string;
+        options: {};
+        tabs: {
+            name: string;
+            card: {
+                type: string;
+                entity: string;
+            };
+        }[];
     };
-    hass: HomeAssistant;
-    private config;
-    setConfig(config: LovelaceCardConfig): void;
-    private activeContentElement;
-    private contentElements;
-    private tabBarElement;
-    private tabBar;
-    private isActiveTab;
-    private tabElement;
-    firstUpdated(): void;
+    setConfig(config: TabbedCardConfig): void;
+    protected willUpdate(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    _createTabs(config: TabbedCardConfig): Promise<void>;
+    _createCard(cardConfig: LovelaceCardConfig): Promise<any>;
+    _rebuildCard(cardElement: LovelaceCard, cardConfig: LovelaceCardConfig): Promise<void>;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
         "tabbed-card": TabbedCard;
     }
 }
+export {};