@digital-realty/ix-tabs 0.0.2 → 0.0.4

package/README.md

@@ -42,45 +42,6 @@ or
 </script>
 ```
 
-## Linting and formatting
+## Demo and Documentation
 
-To scan the project for linting and formatting errors, run
-
-```bash
-npm run lint
-```
-
-To automatically fix linting and formatting errors, run
-
-```bash
-npm run format
-```
-
-## Testing with Web Test Runner
-
-To execute a single test run:
-
-```bash
-npm run test
-```
-
-To run the tests in interactive watch mode run:
-
-```bash
-npm run test:watch
-```
-
-
-## Tooling configs
-
-For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.
-
-If you customize the configuration a lot, you can consider moving them to individual files.
-
-## Local Demo with `web-dev-server`
-
-```bash
-npm start
-```
-
-To run a local development server that serves the basic demo located in `demo/index.html`
+Full documentation and demo are available at [DLR Component Gallery](https://inxn-p1-uicomponentgallery.azurewebsites.net/?path=/story/inxn-ix-tabs--default).

package/dist/IxPrimaryTab.d.ts

@@ -2,5 +2,6 @@ import { LitElement } from 'lit';
 import './mdtabs/primary-tab.js';
 export declare class IxPrimaryTab extends LitElement {
     static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
+    active: boolean;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/IxPrimaryTab.js

@@ -1,8 +1,14 @@
+import { __decorate } from "tslib";
 import { html, css, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
 import './mdtabs/primary-tab.js';
 export class IxPrimaryTab extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.active = false;
+    }
     render() {
-        return html `<md-primary-tab><slot></slot></md-primary-tab> `;
+        return html `<md-primary-tab ?active=${this.active}><slot></slot></md-primary-tab> `;
     }
 }
 IxPrimaryTab.styles = css `
@@ -16,4 +22,7 @@ IxPrimaryTab.styles = css `
       flex: 1 1 0%;
     }
   `;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IxPrimaryTab.prototype, "active", void 0);
 //# sourceMappingURL=IxPrimaryTab.js.map

package/dist/IxPrimaryTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxPrimaryTab.js","sourceRoot":"","sources":["../src/IxPrimaryTab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,yBAAyB,CAAC;AAEjC,MAAM,OAAO,YAAa,SAAQ,UAAU;IAa1C,MAAM;QACJ,OAAO,IAAI,CAAA,iDAAiD,CAAC;IAC/D,CAAC;;AAdM,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAUlB,CAAC","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport './mdtabs/primary-tab.js';\n\nexport class IxPrimaryTab extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n    }\n    ::slotted(*) {\n      flex: 1 1 0%;\n    }\n    md-primary-tab {\n      flex: 1 1 0%;\n    }\n  `;\n\n  render() {\n    return html`<md-primary-tab><slot></slot></md-primary-tab> `;\n  }\n}\n"]}
+{"version":3,"file":"IxPrimaryTab.js","sourceRoot":"","sources":["../src/IxPrimaryTab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,yBAAyB,CAAC;AAEjC,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QAa8C,WAAM,GAAG,KAAK,CAAC;IAK7D,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,MAAM,kCAAkC,CAAC;IACtF,CAAC;;AAhBM,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAUlB,CAAC;AAE0C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport './mdtabs/primary-tab.js';\n\nexport class IxPrimaryTab extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n    }\n    ::slotted(*) {\n      flex: 1 1 0%;\n    }\n    md-primary-tab {\n      flex: 1 1 0%;\n    }\n  `;\n\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  render() {\n    return html`<md-primary-tab ?active=${this.active}><slot></slot></md-primary-tab> `;\n  }\n}\n"]}

package/dist/IxSecondaryTab.d.ts

@@ -2,5 +2,6 @@ import { LitElement } from 'lit';
 import './mdtabs/secondary-tab.js';
 export declare class IxSecondaryTab extends LitElement {
     static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
+    active: boolean;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/IxSecondaryTab.js

@@ -1,8 +1,14 @@
+import { __decorate } from "tslib";
 import { html, css, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
 import './mdtabs/secondary-tab.js';
 export class IxSecondaryTab extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.active = false;
+    }
     render() {
-        return html `<md-secondary-tab><slot></slot></md-secondary-tab> `;
+        return html `<md-secondary-tab ?active=${this.active}><slot></slot></md-secondary-tab>`;
     }
 }
 IxSecondaryTab.styles = css `
@@ -16,4 +22,7 @@ IxSecondaryTab.styles = css `
       flex: 1 1 0%;
     }
   `;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IxSecondaryTab.prototype, "active", void 0);
 //# sourceMappingURL=IxSecondaryTab.js.map

package/dist/IxSecondaryTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxSecondaryTab.js","sourceRoot":"","sources":["../src/IxSecondaryTab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,2BAA2B,CAAC;AAEnC,MAAM,OAAO,cAAe,SAAQ,UAAU;IAa5C,MAAM;QACJ,OAAO,IAAI,CAAA,qDAAqD,CAAC;IACnE,CAAC;;AAdM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAUlB,CAAC","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport './mdtabs/secondary-tab.js';\n\nexport class IxSecondaryTab extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n    }\n    ::slotted(*) {\n      flex: 1 1 0%;\n    }\n    md-secondary-tab {\n      flex: 1 1 0%;\n    }\n  `;\n\n  render() {\n    return html`<md-secondary-tab><slot></slot></md-secondary-tab> `;\n  }\n}\n"]}
+{"version":3,"file":"IxSecondaryTab.js","sourceRoot":"","sources":["../src/IxSecondaryTab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,2BAA2B,CAAC;AAEnC,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QAa8C,WAAM,GAAG,KAAK,CAAC;IAK7D,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,MAAM,mCAAmC,CAAC;IACzF,CAAC;;AAhBM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAUlB,CAAC;AAE0C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAgB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport './mdtabs/secondary-tab.js';\n\nexport class IxSecondaryTab extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n    }\n    ::slotted(*) {\n      flex: 1 1 0%;\n    }\n    md-secondary-tab {\n      flex: 1 1 0%;\n    }\n  `;\n\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  render() {\n    return html`<md-secondary-tab ?active=${this.active}><slot></slot></md-secondary-tab>`;\n  }\n}\n"]}

package/dist/IxTabs.d.ts

@@ -2,7 +2,8 @@ import { LitElement } from 'lit';
 import './mdtabs/tabs.js';
 import type { MdTabs } from './mdtabs/tabs.js';
 export declare class IxTabs extends LitElement {
-    activeTab: MdTabs;
+    mdTabs: MdTabs;
     get activeTabIndex(): number;
-    render(): import("lit-html").TemplateResult<1>;
+    set activeTabIndex(index: number);
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/IxTabs.js

@@ -4,7 +4,10 @@ import { query } from 'lit/decorators.js';
 import './mdtabs/tabs.js';
 export class IxTabs extends LitElement {
     get activeTabIndex() {
-        return this.activeTab.activeTabIndex;
+        return this.mdTabs.activeTabIndex;
+    }
+    set activeTabIndex(index) {
+        this.mdTabs.activeTabIndex = index;
     }
     render() {
         return html `
@@ -16,5 +19,5 @@ export class IxTabs extends LitElement {
 }
 __decorate([
     query('md-tabs')
-], IxTabs.prototype, "activeTab", void 0);
+], IxTabs.prototype, "mdTabs", void 0);
 //# sourceMappingURL=IxTabs.js.map

package/dist/IxTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxTabs.js","sourceRoot":"","sources":["../src/IxTabs.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAG1B,MAAM,OAAO,MAAO,SAAQ,UAAU;IAGpC,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;IACvC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF;AAbmB;IAAjB,KAAK,CAAC,SAAS,CAAC;yCAAoB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { query } from 'lit/decorators.js';\nimport './mdtabs/tabs.js';\nimport type { MdTabs } from './mdtabs/tabs.js';\n\nexport class IxTabs extends LitElement {\n  @query('md-tabs') activeTab!: MdTabs;\n\n  get activeTabIndex() {\n    return this.activeTab.activeTabIndex;\n  }\n\n  render() {\n    return html`\n      <md-tabs>\n        <slot></slot>\n      </md-tabs>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"IxTabs.js","sourceRoot":"","sources":["../src/IxTabs.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAG1B,MAAM,OAAO,MAAO,SAAQ,UAAU;IAGpC,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;IACpC,CAAC;IAED,IAAI,cAAc,CAAC,KAAa;QAC9B,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,KAAK,CAAC;IACrC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF;AAjBmB;IAAjB,KAAK,CAAC,SAAS,CAAC;sCAAiB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { query } from 'lit/decorators.js';\nimport './mdtabs/tabs.js';\nimport type { MdTabs } from './mdtabs/tabs.js';\n\nexport class IxTabs extends LitElement {\n  @query('md-tabs') mdTabs!: MdTabs;\n\n  get activeTabIndex() {\n    return this.mdTabs.activeTabIndex;\n  }\n\n  set activeTabIndex(index: number) {\n    this.mdTabs.activeTabIndex = index;\n  }\n\n  render() {\n    return html`\n      <md-tabs>\n        <slot></slot>\n      </md-tabs>\n    `;\n  }\n}\n"]}

package/dist/mdtabs/internal/tab.d.ts

@@ -51,7 +51,7 @@ export declare class Tab extends LitElement {
     private readonly assignedIcons;
     private readonly internals;
     constructor();
-    protected render(): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit").TemplateResult<1>;
     protected getContentClasses(): {
         'has-icon': boolean;
         'has-label': boolean;

package/dist/mdtabs/internal/tabs.d.ts

@@ -62,7 +62,7 @@ export declare class Tabs extends LitElement {
      * @return A Promise that resolves after the tab has been scrolled to.
      */
     scrollToTab(tabToScrollTo?: Tab | null): Promise<void>;
-    protected render(): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit").TemplateResult<1>;
     private handleTabClick;
     private activateTab;
     private updateFocusableTab;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent ix-tabs following open-wc recommendations",
   "license": "MIT",
   "author": "Digital Realty",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -99,5 +99,5 @@
     "README.md",
     "LICENSE"
   ],
-  "gitHead": "9e2b4f6c0e99f44ac1cfceb518e69f44c18725ba"
+  "gitHead": "3f03e0e887e1a3fdbeeba66e270abbb74ae7a95b"
 }