@spectrum-web-components/tabs 1.1.0 → 1.2.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/tabs",
-    "version": "1.1.0",
+    "version": "1.2.0-beta.0",
     "publishConfig": {
         "access": "public"
     },
@@ -88,11 +88,11 @@
     ],
     "dependencies": {
         "@lit-labs/observers": "^2.0.2",
-        "@spectrum-web-components/base": "^1.1.0",
-        "@spectrum-web-components/icon": "^1.1.0",
-        "@spectrum-web-components/icons-ui": "^1.1.0",
-        "@spectrum-web-components/reactive-controllers": "^1.1.0",
-        "@spectrum-web-components/shared": "^1.1.0"
+        "@spectrum-web-components/base": "^1.2.0-beta.0",
+        "@spectrum-web-components/icon": "^1.2.0-beta.0",
+        "@spectrum-web-components/icons-ui": "^1.2.0-beta.0",
+        "@spectrum-web-components/reactive-controllers": "^1.2.0-beta.0",
+        "@spectrum-web-components/shared": "^1.2.0-beta.0"
     },
     "devDependencies": {
         "@spectrum-css/tabs": "6.0.0-s2-foundations.16"
@@ -103,5 +103,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "e3c6e52501451acc6fa85b10dd718267b80a01ab"
+    "gitHead": "809bd734313fe289067108bf1dea2a48cc103a9f"
 }

package/sp-tab-panel.d.ts

@@ -0,0 +1,6 @@
+import { TabPanel } from './src/TabPanel.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sp-tab-panel': TabPanel;
+    }
+}

package/sp-tab-panel.dev.js

@@ -0,0 +1,5 @@
+"use strict";
+import { TabPanel } from "./src/TabPanel.dev.js";
+import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
+defineElement("sp-tab-panel", TabPanel);
+//# sourceMappingURL=sp-tab-panel.dev.js.map

package/sp-tab-panel.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-tab-panel.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { TabPanel } from './src/TabPanel.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-tab-panel', TabPanel);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-tab-panel': TabPanel;\n    }\n}\n"],
+  "mappings": ";AAYA,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAE9B,cAAc,gBAAgB,QAAQ;",
+  "names": []
+}

package/sp-tab-panel.js

@@ -0,0 +1,2 @@
+"use strict";import{TabPanel as e}from"./src/TabPanel.js";import{defineElement as a}from"@spectrum-web-components/base/src/define-element.js";a("sp-tab-panel",e);
+//# sourceMappingURL=sp-tab-panel.js.map

package/sp-tab-panel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-tab-panel.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { TabPanel } from './src/TabPanel.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-tab-panel', TabPanel);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-tab-panel': TabPanel;\n    }\n}\n"],
+  "mappings": "aAYA,OAAS,YAAAA,MAAgB,oBACzB,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,eAAgBD,CAAQ",
+  "names": ["TabPanel", "defineElement"]
+}

package/sp-tab.d.ts

@@ -0,0 +1,6 @@
+import { Tab } from './src/Tab.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sp-tab': Tab;
+    }
+}

package/sp-tab.dev.js

@@ -0,0 +1,5 @@
+"use strict";
+import { Tab } from "./src/Tab.dev.js";
+import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
+defineElement("sp-tab", Tab);
+//# sourceMappingURL=sp-tab.dev.js.map

package/sp-tab.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-tab.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { Tab } from './src/Tab.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-tab', Tab);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-tab': Tab;\n    }\n}\n"],
+  "mappings": ";AAYA,SAAS,WAAW;AACpB,SAAS,qBAAqB;AAE9B,cAAc,UAAU,GAAG;",
+  "names": []
+}

package/sp-tab.js

@@ -0,0 +1,2 @@
+"use strict";import{Tab as e}from"./src/Tab.js";import{defineElement as a}from"@spectrum-web-components/base/src/define-element.js";a("sp-tab",e);
+//# sourceMappingURL=sp-tab.js.map

package/sp-tab.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-tab.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { Tab } from './src/Tab.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-tab', Tab);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-tab': Tab;\n    }\n}\n"],
+  "mappings": "aAYA,OAAS,OAAAA,MAAW,eACpB,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,SAAUD,CAAG",
+  "names": ["Tab", "defineElement"]
+}

package/sp-tabs-overflow.d.ts

@@ -0,0 +1,6 @@
+import { TabsOverflow } from './src/TabsOverflow.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sp-tabs-overflow': TabsOverflow;
+    }
+}

package/sp-tabs-overflow.dev.js

@@ -0,0 +1,5 @@
+"use strict";
+import { TabsOverflow } from "./src/TabsOverflow.dev.js";
+import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
+defineElement("sp-tabs-overflow", TabsOverflow);
+//# sourceMappingURL=sp-tabs-overflow.dev.js.map

package/sp-tabs-overflow.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-tabs-overflow.ts"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TabsOverflow } from './src/TabsOverflow.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-tabs-overflow', TabsOverflow);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-tabs-overflow': TabsOverflow;\n    }\n}\n"],
+  "mappings": ";AAWA,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAE9B,cAAc,oBAAoB,YAAY;",
+  "names": []
+}

package/sp-tabs-overflow.js

@@ -0,0 +1,2 @@
+"use strict";import{TabsOverflow as e}from"./src/TabsOverflow.js";import{defineElement as o}from"@spectrum-web-components/base/src/define-element.js";o("sp-tabs-overflow",e);
+//# sourceMappingURL=sp-tabs-overflow.js.map

package/sp-tabs-overflow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-tabs-overflow.ts"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TabsOverflow } from './src/TabsOverflow.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-tabs-overflow', TabsOverflow);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-tabs-overflow': TabsOverflow;\n    }\n}\n"],
+  "mappings": "aAWA,OAAS,gBAAAA,MAAoB,wBAC7B,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,mBAAoBD,CAAY",
+  "names": ["TabsOverflow", "defineElement"]
+}

package/sp-tabs.d.ts

@@ -0,0 +1,6 @@
+import { Tabs } from './src/Tabs.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sp-tabs': Tabs;
+    }
+}

package/sp-tabs.dev.js

@@ -0,0 +1,5 @@
+"use strict";
+import { Tabs } from "./src/Tabs.dev.js";
+import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
+defineElement("sp-tabs", Tabs);
+//# sourceMappingURL=sp-tabs.dev.js.map

package/sp-tabs.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-tabs.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { Tabs } from './src/Tabs.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-tabs', Tabs);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-tabs': Tabs;\n    }\n}\n"],
+  "mappings": ";AAYA,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAE9B,cAAc,WAAW,IAAI;",
+  "names": []
+}

package/sp-tabs.js

@@ -0,0 +1,2 @@
+"use strict";import{Tabs as e}from"./src/Tabs.js";import{defineElement as a}from"@spectrum-web-components/base/src/define-element.js";a("sp-tabs",e);
+//# sourceMappingURL=sp-tabs.js.map

package/sp-tabs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-tabs.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { Tabs } from './src/Tabs.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-tabs', Tabs);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-tabs': Tabs;\n    }\n}\n"],
+  "mappings": "aAYA,OAAS,QAAAA,MAAY,gBACrB,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,UAAWD,CAAI",
+  "names": ["Tabs", "defineElement"]
+}

package/src/Tab.d.ts

@@ -0,0 +1,28 @@
+import { CSSResultArray, PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
+declare const Tab_base: typeof SpectrumElement & {
+    new (...args: any[]): import("@spectrum-web-components/shared/src/observe-slot-presence.js").SlotPresenceObservingInterface;
+    prototype: import("@spectrum-web-components/shared/src/observe-slot-presence.js").SlotPresenceObservingInterface;
+} & {
+    new (...args: any[]): import("@spectrum-web-components/shared/src/observe-slot-text.js").SlotTextObservingInterface;
+    prototype: import("@spectrum-web-components/shared/src/observe-slot-text.js").SlotTextObservingInterface;
+};
+/**
+ * @element sp-tab
+ *
+ * @slot - text label of the Tab
+ * @slot icon - The icon that appears on the left of the label
+ */
+export declare class Tab extends Tab_base {
+    static get styles(): CSSResultArray;
+    protected get hasIcon(): boolean;
+    protected get hasLabel(): boolean;
+    disabled: boolean;
+    label: string;
+    selected: boolean;
+    vertical: boolean;
+    value: string;
+    protected render(): TemplateResult;
+    protected firstUpdated(changes: PropertyValues): void;
+    protected updated(changes: PropertyValues): void;
+}
+export {};

package/src/Tab.dev.js

@@ -0,0 +1,94 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  nothing,
+  SpectrumElement
+} from "@spectrum-web-components/base";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import { FocusVisiblePolyfillMixin } from "@spectrum-web-components/shared/src/focus-visible.js";
+import { ObserveSlotPresence } from "@spectrum-web-components/shared/src/observe-slot-presence.js";
+import { ObserveSlotText } from "@spectrum-web-components/shared/src/observe-slot-text.js";
+import { randomID } from "@spectrum-web-components/shared/src/random-id.js";
+import tabItemStyles from "./tab.css.js";
+export class Tab extends FocusVisiblePolyfillMixin(
+  ObserveSlotText(ObserveSlotPresence(SpectrumElement, '[slot="icon"]'), "")
+) {
+  constructor() {
+    super(...arguments);
+    this.disabled = false;
+    this.label = "";
+    this.selected = false;
+    this.vertical = false;
+    this.value = "";
+  }
+  static get styles() {
+    return [tabItemStyles];
+  }
+  get hasIcon() {
+    return this.slotContentIsPresent;
+  }
+  get hasLabel() {
+    return !!this.label || this.slotHasContent;
+  }
+  render() {
+    return html`
+            ${this.hasIcon ? html`
+                      <slot name="icon"></slot>
+                  ` : nothing}
+            <label id="item-label" ?hidden=${!this.hasLabel}>
+                ${this.slotHasContent ? nothing : this.label}
+                <slot>${this.label}</slot>
+            </label>
+        `;
+  }
+  firstUpdated(changes) {
+    super.firstUpdated(changes);
+    this.setAttribute("role", "tab");
+    if (!this.hasAttribute("id")) {
+      this.id = `sp-tab-${randomID()}`;
+    }
+  }
+  updated(changes) {
+    super.updated(changes);
+    if (changes.has("selected")) {
+      this.setAttribute(
+        "aria-selected",
+        this.selected ? "true" : "false"
+      );
+      this.setAttribute("tabindex", this.selected ? "0" : "-1");
+    }
+    if (changes.has("disabled")) {
+      if (this.disabled) {
+        this.setAttribute("aria-disabled", "true");
+      } else {
+        this.removeAttribute("aria-disabled");
+      }
+    }
+  }
+}
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Tab.prototype, "disabled", 2);
+__decorateClass([
+  property({ reflect: true })
+], Tab.prototype, "label", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Tab.prototype, "selected", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Tab.prototype, "vertical", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], Tab.prototype, "value", 2);
+//# sourceMappingURL=Tab.dev.js.map

package/src/Tab.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["Tab.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    nothing,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared/src/focus-visible.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { randomID } from '@spectrum-web-components/shared/src/random-id.js';\n\nimport tabItemStyles from './tab.css.js';\n\n/**\n * @element sp-tab\n *\n * @slot - text label of the Tab\n * @slot icon - The icon that appears on the left of the label\n */\nexport class Tab extends FocusVisiblePolyfillMixin(\n    ObserveSlotText(ObserveSlotPresence(SpectrumElement, '[slot=\"icon\"]'), '')\n) {\n    public static override get styles(): CSSResultArray {\n        return [tabItemStyles];\n    }\n\n    protected get hasIcon(): boolean {\n        return this.slotContentIsPresent;\n    }\n\n    protected get hasLabel(): boolean {\n        return !!this.label || this.slotHasContent;\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public disabled = false;\n\n    @property({ reflect: true })\n    public label = '';\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: Boolean, reflect: true })\n    public vertical = false;\n\n    @property({ type: String, reflect: true })\n    public value = '';\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.hasIcon\n                ? html`\n                      <slot name=\"icon\"></slot>\n                  `\n                : nothing}\n            <label id=\"item-label\" ?hidden=${!this.hasLabel}>\n                ${this.slotHasContent ? nothing : this.label}\n                <slot>${this.label}</slot>\n            </label>\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('role', 'tab');\n        if (!this.hasAttribute('id')) {\n            this.id = `sp-tab-${randomID()}`;\n        }\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('selected')) {\n            this.setAttribute(\n                'aria-selected',\n                this.selected ? 'true' : 'false'\n            );\n            this.setAttribute('tabindex', this.selected ? '0' : '-1');\n        }\n        if (changes.has('disabled')) {\n            if (this.disabled) {\n                this.setAttribute('aria-disabled', 'true');\n            } else {\n                this.removeAttribute('aria-disabled');\n            }\n        }\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,EAEA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,iCAAiC;AAC1C,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AAEzB,OAAO,mBAAmB;AAQnB,aAAM,YAAY;AAAA,EACrB,gBAAgB,oBAAoB,iBAAiB,eAAe,GAAG,EAAE;AAC7E,EAAE;AAAA,EAFK;AAAA;AAgBH,SAAO,WAAW;AAGlB,SAAO,QAAQ;AAGf,SAAO,WAAW;AAGlB,SAAO,WAAW;AAGlB,SAAO,QAAQ;AAAA;AAAA,EAzBf,WAA2B,SAAyB;AAChD,WAAO,CAAC,aAAa;AAAA,EACzB;AAAA,EAEA,IAAc,UAAmB;AAC7B,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAc,WAAoB;AAC9B,WAAO,CAAC,CAAC,KAAK,SAAS,KAAK;AAAA,EAChC;AAAA,EAiBmB,SAAyB;AACxC,WAAO;AAAA,cACD,KAAK,UACD;AAAA;AAAA,sBAGA,OAAO;AAAA,6CACoB,CAAC,KAAK,QAAQ;AAAA,kBACzC,KAAK,iBAAiB,UAAU,KAAK,KAAK;AAAA,wBACpC,KAAK,KAAK;AAAA;AAAA;AAAA,EAG9B;AAAA,EAEmB,aAAa,SAA+B;AAC3D,UAAM,aAAa,OAAO;AAC1B,SAAK,aAAa,QAAQ,KAAK;AAC/B,QAAI,CAAC,KAAK,aAAa,IAAI,GAAG;AAC1B,WAAK,KAAK,UAAU,SAAS,CAAC;AAAA,IAClC;AAAA,EACJ;AAAA,EAEmB,QAAQ,SAA+B;AACtD,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,WAAK;AAAA,QACD;AAAA,QACA,KAAK,WAAW,SAAS;AAAA,MAC7B;AACA,WAAK,aAAa,YAAY,KAAK,WAAW,MAAM,IAAI;AAAA,IAC5D;AACA,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,UAAI,KAAK,UAAU;AACf,aAAK,aAAa,iBAAiB,MAAM;AAAA,MAC7C,OAAO;AACH,aAAK,gBAAgB,eAAe;AAAA,MACxC;AAAA,IACJ;AAAA,EACJ;AACJ;AArDW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAfjC,IAgBF;AAGA;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAlBlB,IAmBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GArBjC,IAsBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAxBjC,IAyBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GA3BhC,IA4BF;",
+  "names": []
+}

package/src/Tab.js

@@ -0,0 +1,10 @@
+"use strict";var b=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var r=(o,l,e,i)=>{for(var t=i>1?void 0:i?n(l,e):l,a=o.length-1,d;a>=0;a--)(d=o[a])&&(t=(i?d(l,e,t):d(t))||t);return i&&t&&b(l,e,t),t};import{html as p,nothing as u,SpectrumElement as c}from"@spectrum-web-components/base";import{property as s}from"@spectrum-web-components/base/src/decorators.js";import{FocusVisiblePolyfillMixin as h}from"@spectrum-web-components/shared/src/focus-visible.js";import{ObserveSlotPresence as m}from"@spectrum-web-components/shared/src/observe-slot-presence.js";import{ObserveSlotText as f}from"@spectrum-web-components/shared/src/observe-slot-text.js";import{randomID as y}from"@spectrum-web-components/shared/src/random-id.js";import v from"./tab.css.js";export class Tab extends h(f(m(c,'[slot="icon"]'),"")){constructor(){super(...arguments);this.disabled=!1;this.label="";this.selected=!1;this.vertical=!1;this.value=""}static get styles(){return[v]}get hasIcon(){return this.slotContentIsPresent}get hasLabel(){return!!this.label||this.slotHasContent}render(){return p`
+            ${this.hasIcon?p`
+                      <slot name="icon"></slot>
+                  `:u}
+            <label id="item-label" ?hidden=${!this.hasLabel}>
+                ${this.slotHasContent?u:this.label}
+                <slot>${this.label}</slot>
+            </label>
+        `}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","tab"),this.hasAttribute("id")||(this.id=`sp-tab-${y()}`)}updated(e){super.updated(e),e.has("selected")&&(this.setAttribute("aria-selected",this.selected?"true":"false"),this.setAttribute("tabindex",this.selected?"0":"-1")),e.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}r([s({type:Boolean,reflect:!0})],Tab.prototype,"disabled",2),r([s({reflect:!0})],Tab.prototype,"label",2),r([s({type:Boolean,reflect:!0})],Tab.prototype,"selected",2),r([s({type:Boolean,reflect:!0})],Tab.prototype,"vertical",2),r([s({type:String,reflect:!0})],Tab.prototype,"value",2);
+//# sourceMappingURL=Tab.js.map

package/src/Tab.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["Tab.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    nothing,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared/src/focus-visible.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { randomID } from '@spectrum-web-components/shared/src/random-id.js';\n\nimport tabItemStyles from './tab.css.js';\n\n/**\n * @element sp-tab\n *\n * @slot - text label of the Tab\n * @slot icon - The icon that appears on the left of the label\n */\nexport class Tab extends FocusVisiblePolyfillMixin(\n    ObserveSlotText(ObserveSlotPresence(SpectrumElement, '[slot=\"icon\"]'), '')\n) {\n    public static override get styles(): CSSResultArray {\n        return [tabItemStyles];\n    }\n\n    protected get hasIcon(): boolean {\n        return this.slotContentIsPresent;\n    }\n\n    protected get hasLabel(): boolean {\n        return !!this.label || this.slotHasContent;\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public disabled = false;\n\n    @property({ reflect: true })\n    public label = '';\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: Boolean, reflect: true })\n    public vertical = false;\n\n    @property({ type: String, reflect: true })\n    public value = '';\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.hasIcon\n                ? html`\n                      <slot name=\"icon\"></slot>\n                  `\n                : nothing}\n            <label id=\"item-label\" ?hidden=${!this.hasLabel}>\n                ${this.slotHasContent ? nothing : this.label}\n                <slot>${this.label}</slot>\n            </label>\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('role', 'tab');\n        if (!this.hasAttribute('id')) {\n            this.id = `sp-tab-${randomID()}`;\n        }\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('selected')) {\n            this.setAttribute(\n                'aria-selected',\n                this.selected ? 'true' : 'false'\n            );\n            this.setAttribute('tabindex', this.selected ? '0' : '-1');\n        }\n        if (changes.has('disabled')) {\n            if (this.disabled) {\n                this.setAttribute('aria-disabled', 'true');\n            } else {\n                this.removeAttribute('aria-disabled');\n            }\n        }\n    }\n}\n"],
+  "mappings": "qNAYA,OAEI,QAAAA,EACA,WAAAC,EAEA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,6BAAAC,MAAiC,uDAC1C,OAAS,uBAAAC,MAA2B,+DACpC,OAAS,mBAAAC,MAAuB,2DAChC,OAAS,YAAAC,MAAgB,mDAEzB,OAAOC,MAAmB,eAQnB,aAAM,YAAYJ,EACrBE,EAAgBD,EAAoBH,EAAiB,eAAe,EAAG,EAAE,CAC7E,CAAE,CAFK,kCAgBH,KAAO,SAAW,GAGlB,KAAO,MAAQ,GAGf,KAAO,SAAW,GAGlB,KAAO,SAAW,GAGlB,KAAO,MAAQ,GAzBf,WAA2B,QAAyB,CAChD,MAAO,CAACM,CAAa,CACzB,CAEA,IAAc,SAAmB,CAC7B,OAAO,KAAK,oBAChB,CAEA,IAAc,UAAoB,CAC9B,MAAO,CAAC,CAAC,KAAK,OAAS,KAAK,cAChC,CAiBmB,QAAyB,CACxC,OAAOR;AAAA,cACD,KAAK,QACDA;AAAA;AAAA,oBAGAC,CAAO;AAAA,6CACoB,CAAC,KAAK,QAAQ;AAAA,kBACzC,KAAK,eAAiBA,EAAU,KAAK,KAAK;AAAA,wBACpC,KAAK,KAAK;AAAA;AAAA,SAG9B,CAEmB,aAAaQ,EAA+B,CAC3D,MAAM,aAAaA,CAAO,EAC1B,KAAK,aAAa,OAAQ,KAAK,EAC1B,KAAK,aAAa,IAAI,IACvB,KAAK,GAAK,UAAUF,EAAS,CAAC,GAEtC,CAEmB,QAAQE,EAA+B,CACtD,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,UAAU,IACtB,KAAK,aACD,gBACA,KAAK,SAAW,OAAS,OAC7B,EACA,KAAK,aAAa,WAAY,KAAK,SAAW,IAAM,IAAI,GAExDA,EAAQ,IAAI,UAAU,IAClB,KAAK,SACL,KAAK,aAAa,gBAAiB,MAAM,EAEzC,KAAK,gBAAgB,eAAe,EAGhD,CACJ,CArDWC,EAAA,CADNP,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAfjC,IAgBF,wBAGAO,EAAA,CADNP,EAAS,CAAE,QAAS,EAAK,CAAC,GAlBlB,IAmBF,qBAGAO,EAAA,CADNP,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GArBjC,IAsBF,wBAGAO,EAAA,CADNP,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAxBjC,IAyBF,wBAGAO,EAAA,CADNP,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA3BhC,IA4BF",
+  "names": ["html", "nothing", "SpectrumElement", "property", "FocusVisiblePolyfillMixin", "ObserveSlotPresence", "ObserveSlotText", "randomID", "tabItemStyles", "changes", "__decorateClass"]
+}

package/src/TabPanel.d.ts

@@ -0,0 +1,16 @@
+import { PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
+/**
+ * @element sp-tab-panel
+ *
+ * @slot - content of the Tab Panel
+ */
+export declare class TabPanel extends SpectrumElement {
+    static styles: import("@spectrum-web-components/base").CSSResult[];
+    selected: boolean;
+    value: string;
+    protected handleFocusin(): void;
+    protected handleFocusout(): void;
+    protected render(): TemplateResult;
+    protected firstUpdated(): void;
+    protected updated(changes: PropertyValues<this>): void;
+}

package/src/TabPanel.dev.js

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  SpectrumElement
+} from "@spectrum-web-components/base";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import { randomID } from "@spectrum-web-components/shared/src/random-id.js";
+import panelStyles from "./tab-panel.css.js";
+export class TabPanel extends SpectrumElement {
+  constructor() {
+    super(...arguments);
+    this.selected = false;
+    this.value = "";
+  }
+  handleFocusin() {
+    this.removeAttribute("tabindex");
+  }
+  handleFocusout() {
+    this.tabIndex = this.selected ? 0 : -1;
+  }
+  render() {
+    return html`
+            <slot
+                @focusin=${this.handleFocusin}
+                @focusout=${this.handleFocusout}
+            ></slot>
+        `;
+  }
+  firstUpdated() {
+    this.slot = "tab-panel";
+    this.setAttribute("role", "tabpanel");
+    this.tabIndex = 0;
+    if (!this.hasAttribute("id")) {
+      this.id = `sp-tab-panel-${randomID()}`;
+    }
+  }
+  updated(changes) {
+    if (changes.has("selected")) {
+      if (this.selected) {
+        this.removeAttribute("aria-hidden");
+        this.tabIndex = 0;
+      } else {
+        this.setAttribute("aria-hidden", "true");
+        this.tabIndex = -1;
+      }
+    }
+  }
+}
+TabPanel.styles = [panelStyles];
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], TabPanel.prototype, "selected", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], TabPanel.prototype, "value", 2);
+//# sourceMappingURL=TabPanel.dev.js.map

package/src/TabPanel.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["TabPanel.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { randomID } from '@spectrum-web-components/shared/src/random-id.js';\n\nimport panelStyles from './tab-panel.css.js';\n\n/**\n * @element sp-tab-panel\n *\n * @slot - content of the Tab Panel\n */\nexport class TabPanel extends SpectrumElement {\n    static override styles = [panelStyles];\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: String, reflect: true })\n    public value = '';\n\n    protected handleFocusin(): void {\n        this.removeAttribute('tabindex');\n    }\n\n    protected handleFocusout(): void {\n        this.tabIndex = this.selected ? 0 : -1;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot\n                @focusin=${this.handleFocusin}\n                @focusout=${this.handleFocusout}\n            ></slot>\n        `;\n    }\n\n    protected override firstUpdated(): void {\n        this.slot = 'tab-panel';\n        this.setAttribute('role', 'tabpanel');\n        this.tabIndex = 0;\n        if (!this.hasAttribute('id')) {\n            this.id = `sp-tab-panel-${randomID()}`;\n        }\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        if (changes.has('selected')) {\n            if (this.selected) {\n                this.removeAttribute('aria-hidden');\n                this.tabIndex = 0;\n            } else {\n                this.setAttribute('aria-hidden', 'true');\n                this.tabIndex = -1;\n            }\n        }\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAYA;AAAA,EACI;AAAA,EAEA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAEzB,OAAO,iBAAiB;AAOjB,aAAM,iBAAiB,gBAAgB;AAAA,EAAvC;AAAA;AAIH,SAAO,WAAW;AAGlB,SAAO,QAAQ;AAAA;AAAA,EAEL,gBAAsB;AAC5B,SAAK,gBAAgB,UAAU;AAAA,EACnC;AAAA,EAEU,iBAAuB;AAC7B,SAAK,WAAW,KAAK,WAAW,IAAI;AAAA,EACxC;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA;AAAA,2BAEY,KAAK,aAAa;AAAA,4BACjB,KAAK,cAAc;AAAA;AAAA;AAAA,EAG3C;AAAA,EAEmB,eAAqB;AACpC,SAAK,OAAO;AACZ,SAAK,aAAa,QAAQ,UAAU;AACpC,SAAK,WAAW;AAChB,QAAI,CAAC,KAAK,aAAa,IAAI,GAAG;AAC1B,WAAK,KAAK,gBAAgB,SAAS,CAAC;AAAA,IACxC;AAAA,EACJ;AAAA,EAEmB,QAAQ,SAAqC;AAC5D,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,UAAI,KAAK,UAAU;AACf,aAAK,gBAAgB,aAAa;AAClC,aAAK,WAAW;AAAA,MACpB,OAAO;AACH,aAAK,aAAa,eAAe,MAAM;AACvC,aAAK,WAAW;AAAA,MACpB;AAAA,IACJ;AAAA,EACJ;AACJ;AA9Ca,SACO,SAAS,CAAC,WAAW;AAG9B;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAHjC,SAIF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GANhC,SAOF;",
+  "names": []
+}

package/src/TabPanel.js

@@ -0,0 +1,7 @@
+"use strict";var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var l=(s,t,i,r)=>{for(var e=r>1?void 0:r?u(t,i):t,o=s.length-1,d;o>=0;o--)(d=s[o])&&(e=(r?d(t,i,e):d(e))||e);return r&&e&&p(t,i,e),e};import{html as h,SpectrumElement as n}from"@spectrum-web-components/base";import{property as a}from"@spectrum-web-components/base/src/decorators.js";import{randomID as c}from"@spectrum-web-components/shared/src/random-id.js";import m from"./tab-panel.css.js";export class TabPanel extends n{constructor(){super(...arguments);this.selected=!1;this.value=""}handleFocusin(){this.removeAttribute("tabindex")}handleFocusout(){this.tabIndex=this.selected?0:-1}render(){return h`
+            <slot
+                @focusin=${this.handleFocusin}
+                @focusout=${this.handleFocusout}
+            ></slot>
+        `}firstUpdated(){this.slot="tab-panel",this.setAttribute("role","tabpanel"),this.tabIndex=0,this.hasAttribute("id")||(this.id=`sp-tab-panel-${c()}`)}updated(i){i.has("selected")&&(this.selected?(this.removeAttribute("aria-hidden"),this.tabIndex=0):(this.setAttribute("aria-hidden","true"),this.tabIndex=-1))}}TabPanel.styles=[m],l([a({type:Boolean,reflect:!0})],TabPanel.prototype,"selected",2),l([a({type:String,reflect:!0})],TabPanel.prototype,"value",2);
+//# sourceMappingURL=TabPanel.js.map

package/src/TabPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["TabPanel.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { randomID } from '@spectrum-web-components/shared/src/random-id.js';\n\nimport panelStyles from './tab-panel.css.js';\n\n/**\n * @element sp-tab-panel\n *\n * @slot - content of the Tab Panel\n */\nexport class TabPanel extends SpectrumElement {\n    static override styles = [panelStyles];\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: String, reflect: true })\n    public value = '';\n\n    protected handleFocusin(): void {\n        this.removeAttribute('tabindex');\n    }\n\n    protected handleFocusout(): void {\n        this.tabIndex = this.selected ? 0 : -1;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot\n                @focusin=${this.handleFocusin}\n                @focusout=${this.handleFocusout}\n            ></slot>\n        `;\n    }\n\n    protected override firstUpdated(): void {\n        this.slot = 'tab-panel';\n        this.setAttribute('role', 'tabpanel');\n        this.tabIndex = 0;\n        if (!this.hasAttribute('id')) {\n            this.id = `sp-tab-panel-${randomID()}`;\n        }\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        if (changes.has('selected')) {\n            if (this.selected) {\n                this.removeAttribute('aria-hidden');\n                this.tabIndex = 0;\n            } else {\n                this.setAttribute('aria-hidden', 'true');\n                this.tabIndex = -1;\n            }\n        }\n    }\n}\n"],
+  "mappings": "qNAYA,OACI,QAAAA,EAEA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,YAAAC,MAAgB,mDAEzB,OAAOC,MAAiB,qBAOjB,aAAM,iBAAiBH,CAAgB,CAAvC,kCAIH,KAAO,SAAW,GAGlB,KAAO,MAAQ,GAEL,eAAsB,CAC5B,KAAK,gBAAgB,UAAU,CACnC,CAEU,gBAAuB,CAC7B,KAAK,SAAW,KAAK,SAAW,EAAI,EACxC,CAEmB,QAAyB,CACxC,OAAOD;AAAA;AAAA,2BAEY,KAAK,aAAa;AAAA,4BACjB,KAAK,cAAc;AAAA;AAAA,SAG3C,CAEmB,cAAqB,CACpC,KAAK,KAAO,YACZ,KAAK,aAAa,OAAQ,UAAU,EACpC,KAAK,SAAW,EACX,KAAK,aAAa,IAAI,IACvB,KAAK,GAAK,gBAAgBG,EAAS,CAAC,GAE5C,CAEmB,QAAQE,EAAqC,CACxDA,EAAQ,IAAI,UAAU,IAClB,KAAK,UACL,KAAK,gBAAgB,aAAa,EAClC,KAAK,SAAW,IAEhB,KAAK,aAAa,cAAe,MAAM,EACvC,KAAK,SAAW,IAG5B,CACJ,CA9Ca,SACO,OAAS,CAACD,CAAW,EAG9BE,EAAA,CADNJ,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAHjC,SAIF,wBAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GANhC,SAOF",
+  "names": ["html", "SpectrumElement", "property", "randomID", "panelStyles", "changes", "__decorateClass"]
+}

package/src/Tabs.d.ts

@@ -0,0 +1,102 @@
+import { CSSResult, CSSResultArray, PropertyValueMap, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
+import { ResizeController } from '@lit-labs/observers/resize-controller.js';
+import { Tab } from './Tab.js';
+import { Focusable } from '@spectrum-web-components/shared';
+import { RovingTabindexController } from '@spectrum-web-components/reactive-controllers/src/RovingTabindex.js';
+export declare const ScaledIndicator: {
+    baseSize: 100;
+    noSelectionStyle: string;
+    transformX(left: number, width: number): string;
+    transformY(top: number, height: number): string;
+    baseStyles(): CSSResult;
+};
+/**
+ * Given that the scroll needs to be on the right side of the viewport.
+ * Returns the coordonate x it needs to scroll so that the tab with given index is visible.
+ */
+export declare function calculateScrollTargetForRightSide(index: number, direction: 'rtl' | 'ltr', tabs: Tab[], container: HTMLDivElement): number;
+/**
+ * Given that the scroll needs to be on the left side of the viewport.
+ * Returns the coordonate x it needs to scroll so that the tab with given index is visible.
+ */
+export declare function calculateScrollTargetForLeftSide(index: number, direction: 'rtl' | 'ltr', tabs: Tab[], container: HTMLDivElement): number;
+declare const Tabs_base: typeof Focusable & {
+    new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
+    prototype: import("@spectrum-web-components/base").SizedElementInterface;
+};
+/**
+ * @element sp-tabs
+ *
+ * @slot - Tab elements to manage as a group
+ * @slot tab-panel - Tab Panel elements related to the listed Tab elements
+ * @csspart tablist - Container element for the slotted sp-tab elements
+ *
+ * @fires change - The selected Tab child has changed.
+ */
+export declare class Tabs extends Tabs_base {
+    static get styles(): CSSResultArray;
+    /**
+     * Whether to activate a tab on keyboard focus or not.
+     *
+     * By default a tab is activated via a "click" interaction. This is specifically intended for when
+     * tab content cannot be displayed instantly, e.g. not all of the DOM content is available, etc.
+     * To learn more about "Deciding When to Make Selection Automatically Follow Focus", visit:
+     * https://w3c.github.io/aria-practices/#kbd_selection_follows_focus
+     */
+    auto: boolean;
+    /**
+     * The tab items are displayed closer together.
+     */
+    compact: boolean;
+    dir: 'ltr' | 'rtl';
+    direction: 'vertical' | 'vertical-right' | 'horizontal';
+    emphasized: boolean;
+    label: string;
+    enableTabsScroll: boolean;
+    /**
+     * The tab list is displayed without a border.
+     */
+    quiet: boolean;
+    selectionIndicatorStyle: string;
+    shouldAnimate: boolean;
+    private slotEl;
+    private tabList;
+    selected: string;
+    private set tabs(value);
+    private get tabs();
+    private _tabs;
+    constructor();
+    protected resizeController: ResizeController<void>;
+    rovingTabindexController: RovingTabindexController<Tab>;
+    /**
+     * @private
+     */
+    get focusElement(): Tab | this;
+    private limitDeltaToInterval;
+    /**
+     * Scrolls through the tabs component, on the X-axis, by a given ammount of pixels/ delta. The given delta is limited to the scrollable area of the tabs component.
+     * @param {number} delta - The ammount of pixels to scroll by. If the value is positive, the tabs will scroll to the right. If the value is negative, the tabs will scroll to the left.
+     * @param {ScrollBehavior} behavior - The scroll behavior to use. Defaults to 'smooth'.
+     */
+    scrollTabs(delta: number, behavior?: ScrollBehavior): void;
+    get scrollState(): Record<string, boolean>;
+    getUpdateComplete(): Promise<boolean>;
+    private getNecessaryAutoScroll;
+    scrollToSelection(): Promise<void>;
+    protected updated(changedProperties: PropertyValueMap<this>): void;
+    protected managePanels({ target, }: Event & {
+        target: HTMLSlotElement;
+    }): void;
+    protected render(): TemplateResult;
+    protected willUpdate(changes: PropertyValues): void;
+    private onTabsScroll;
+    private onClick;
+    private onKeyDown;
+    private selectTarget;
+    private onSlotChange;
+    private updateCheckedState;
+    private updateSelectionIndicator;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+export {};