@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/tab-title.js

@@ -1,278 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client';
-import { g as guid } from './guid.js';
-import { g as getElementProp, t as toAriaBoolean, c as getElementDir } from './dom.js';
-import { c as createObserver } from './observers.js';
-import { u as updateHostInteraction } from './interactive.js';
-import { d as defineCustomElement$1 } from './icon.js';
-
-const tabTitleCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block;flex:0 1 auto;outline:2px solid transparent;outline-offset:2px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem}:host([layout=center]){margin-block:0px;margin-inline:1.25rem;text-align:center;flex-basis:12rem;margin:auto}:host([position=below]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([position=bottom]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host .container{outline-color:transparent}:host(:focus) .container{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-ui-border-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-ui-text-1)}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){-webkit-margin-end:1rem;margin-inline-end:1rem}:host([scale=s]) .container{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) .container{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}:host([scale=l]) .container{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.container{box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-block-end-width:2px;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.container--has-text{padding:0.25rem}.container--has-text .calcite-tab-title--icon.icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.container--has-text .calcite-tab-title--icon.icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([bordered]){-webkit-margin-end:0;margin-inline-end:0}:host([bordered][selected]){box-shadow:inset 0px -2px var(--calcite-ui-foreground-1)}:host([bordered][selected][position=below]){box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered][selected][position=bottom]){box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered]:hover) .container,:host([bordered]:focus) .container,:host([bordered]:active) .container{position:relative}:host([bordered]:hover) .container{background-color:var(--calcite-button-transparent-hover)}:host([bordered]) .container{border-block-end-style:unset;-webkit-border-start:1px solid transparent;border-inline-start:1px solid transparent;-webkit-border-end:1px solid transparent;border-inline-end:1px solid transparent}:host([bordered][position=below]) .container{border-block-start-style:unset}:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-ui-border-1);border-inline-end-color:var(--calcite-ui-border-1)}:host([bordered]) .container{padding-inline:0.75rem}:host([bordered][scale=s]) .container{padding-inline:0.5rem}:host([bordered][scale=l]) .container{padding-inline:1rem}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered][position=below]) .container{border-block-start-style:solid}:host([bordered][position=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=below][selected]) .container{border-block-start-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}}";
-
-const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteTabsActivate = createEvent(this, "calciteTabsActivate", 6);
-    this.calciteInternalTabsActivate = createEvent(this, "calciteInternalTabsActivate", 6);
-    this.calciteInternalTabsFocusNext = createEvent(this, "calciteInternalTabsFocusNext", 6);
-    this.calciteInternalTabsFocusPrevious = createEvent(this, "calciteInternalTabsFocusPrevious", 6);
-    this.calciteInternalTabTitleRegister = createEvent(this, "calciteInternalTabTitleRegister", 6);
-    this.calciteInternalTabIconChanged = createEvent(this, "calciteInternalTabIconChanged", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component and its respective `calcite-tab` contents are selected.
-     *
-     * Only one tab can be selected within the `calcite-tabs` parent.
-     *
-     * @deprecated Use `selected` instead.
-     */
-    this.active = false;
-    /**
-     * When `true`, the component and its respective `calcite-tab` contents are selected.
-     *
-     * Only one tab can be selected within the `calcite-tabs` parent.
-     */
-    this.selected = false;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */
-    this.disabled = false;
-    /**
-     * @internal
-     */
-    this.bordered = false;
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    /** watches for changing text content */
-    this.mutationObserver = createObserver("mutation", () => this.updateHasText());
-    /** determine if there is slotted text for styling purposes */
-    this.hasText = false;
-    this.resizeObserver = createObserver("resize", () => {
-      this.calciteInternalTabIconChanged.emit();
-    });
-    this.guid = `calcite-tab-title-${guid()}`;
-  }
-  activeHandler(value) {
-    this.selected = value;
-  }
-  selectedHandler(value) {
-    this.active = value;
-    if (this.selected) {
-      this.emitActiveTab(false);
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    const { selected, active } = this;
-    if (selected) {
-      this.active = selected;
-    }
-    else if (active) {
-      this.activeHandler(active);
-    }
-    this.setupTextContentObserver();
-    this.parentTabNavEl = this.el.closest("calcite-tab-nav");
-    this.parentTabsEl = this.el.closest("calcite-tabs");
-  }
-  disconnectedCallback() {
-    var _a, _b, _c;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.
-    (_b = document.body) === null || _b === void 0 ? void 0 : _b.dispatchEvent(new CustomEvent("calciteTabTitleUnregister", {
-      detail: this.el
-    }));
-    (_c = this.resizeObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
-  }
-  componentWillLoad() {
-    if (Build.isBrowser) {
-      this.updateHasText();
-    }
-    if (this.tab && this.selected) {
-      this.emitActiveTab(false);
-    }
-  }
-  componentWillRender() {
-    if (this.parentTabsEl) {
-      this.layout = this.parentTabsEl.layout;
-      this.position = this.parentTabsEl.position;
-      this.scale = this.parentTabsEl.scale;
-      this.bordered = this.parentTabsEl.bordered;
-    }
-    // handle case when tab-nav is only parent
-    if (!this.parentTabsEl && this.parentTabNavEl) {
-      this.position = getElementProp(this.parentTabNavEl, "position", this.position);
-      this.scale = getElementProp(this.parentTabNavEl, "scale", this.scale);
-    }
-  }
-  render() {
-    const id = this.el.id || this.guid;
-    const iconStartEl = (h("calcite-icon", { class: "calcite-tab-title--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
-    const iconEndEl = (h("calcite-icon", { class: "calcite-tab-title--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
-    return (h(Host, { "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected ? 0 : -1 }, h("div", { class: {
-        container: true,
-        "container--has-text": this.hasText
-      }, ref: (el) => { var _a; return (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(el); } }, this.iconStart ? iconStartEl : null, h("slot", null), this.iconEnd ? iconEndEl : null)));
-  }
-  async componentDidLoad() {
-    this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());
-  }
-  componentDidRender() {
-    updateHostInteraction(this, () => {
-      return this.selected;
-    });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  internalTabChangeHandler(event) {
-    const targetTabsEl = event
-      .composedPath()
-      .find((el) => el.tagName === "CALCITE-TABS");
-    if (targetTabsEl !== this.parentTabsEl) {
-      return;
-    }
-    if (this.tab) {
-      this.selected = this.tab === event.detail.tab;
-    }
-    else {
-      this.getTabIndex().then((index) => {
-        this.selected = index === event.detail.tab;
-      });
-    }
-    event.stopPropagation();
-  }
-  onClick() {
-    this.emitActiveTab();
-  }
-  keyDownHandler(event) {
-    switch (event.key) {
-      case " ":
-      case "Enter":
-        this.emitActiveTab();
-        event.preventDefault();
-        break;
-      case "ArrowRight":
-        event.preventDefault();
-        if (getElementDir(this.el) === "ltr") {
-          this.calciteInternalTabsFocusNext.emit();
-        }
-        else {
-          this.calciteInternalTabsFocusPrevious.emit();
-        }
-        break;
-      case "ArrowLeft":
-        event.preventDefault();
-        if (getElementDir(this.el) === "ltr") {
-          this.calciteInternalTabsFocusPrevious.emit();
-        }
-        else {
-          this.calciteInternalTabsFocusNext.emit();
-        }
-        break;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns the index of the title within the `calcite-tab-nav`.
-   */
-  async getTabIndex() {
-    return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"), this.el);
-  }
-  /**
-   * @internal
-   */
-  async getTabIdentifier() {
-    return this.tab ? this.tab : this.getTabIndex();
-  }
-  /**
-   * @param tabIds
-   * @param titleIds
-   * @internal
-   */
-  async updateAriaInfo(tabIds = [], titleIds = []) {
-    this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;
-  }
-  updateHasText() {
-    this.hasText = this.el.textContent.trim().length > 0;
-  }
-  setupTextContentObserver() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-  }
-  emitActiveTab(userTriggered = true) {
-    if (this.disabled) {
-      return;
-    }
-    const payload = { tab: this.tab };
-    this.calciteInternalTabsActivate.emit(payload);
-    if (userTriggered) {
-      this.calciteTabsActivate.emit(payload);
-    }
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "active": ["activeHandler"],
-    "selected": ["selectedHandler"]
-  }; }
-  static get style() { return tabTitleCss; }
-}, [1, "calcite-tab-title", {
-    "active": [1540],
-    "selected": [1540],
-    "disabled": [516],
-    "iconEnd": [513, "icon-end"],
-    "iconFlipRtl": [513, "icon-flip-rtl"],
-    "iconStart": [513, "icon-start"],
-    "layout": [1537],
-    "position": [1537],
-    "scale": [1537],
-    "bordered": [1540],
-    "tab": [513],
-    "controls": [32],
-    "hasText": [32],
-    "getTabIndex": [64],
-    "getTabIdentifier": [64],
-    "updateAriaInfo": [64]
-  }, [[16, "calciteInternalTabChange", "internalTabChangeHandler"], [0, "click", "onClick"], [0, "keydown", "keyDownHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-tab-title", "calcite-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-tab-title":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TabTitle);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { TabTitle as T, defineCustomElement as d };
-
-//# sourceMappingURL=tab-title.js.map

package/dist/components/tab-title.js.map

@@ -1 +0,0 @@
-{"file":"tab-title.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/tab-title/tab-title.css?tag=calcite-tab-title&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/tab-title/tab-title.js"],"sourcesContent":["/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host {\n  display: block;\n  flex: 0 1 auto;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  margin-inline-start: 0px;\n  margin-inline-end: 1.25rem;\n}\n\n:host([layout=center]) {\n  margin-block: 0px;\n  margin-inline: 1.25rem;\n  text-align: center;\n  flex-basis: 12rem;\n  margin: auto;\n}\n\n:host([position=below]) .container {\n  border-block-end-width: 0px;\n  border-block-start-width: 2px;\n  border-block-start-color: transparent;\n  border-block-start-style: solid;\n}\n\n:host([position=bottom]) .container {\n  border-block-end-width: 0px;\n  border-block-start-width: 2px;\n  border-block-start-color: transparent;\n  border-block-start-style: solid;\n}\n\n:host .container {\n  outline-color: transparent;\n}\n\n:host(:focus) .container {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\n:host(:active) a, \n:host(:focus) a, \n:host(:hover) a {\n  border-color: var(--calcite-ui-border-2);\n  color: var(--calcite-ui-text-1);\n  text-decoration-line: none;\n}\n\n:host([selected]) .container {\n  border-color: transparent;\n  color: var(--calcite-ui-text-1);\n}\n\n:host([disabled]) .container {\n  pointer-events: none;\n  opacity: 0.5;\n}\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\n:host([scale=s]) {\n  margin-inline-end: 1rem;\n}\n:host([scale=s]) .container {\n  padding-block: 0.25rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n}\n\n:host([scale=m]) .container {\n  padding-block: 0.5rem;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n}\n\n:host([scale=l]) {\n  margin-inline-end: 1.5rem;\n}\n:host([scale=l]) .container {\n  padding-block: 0.75rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n}\n\n.container {\n  box-sizing: border-box;\n  display: flex;\n  block-size: 100%;\n  inline-size: 100%;\n  cursor: pointer;\n  -webkit-appearance: none;\n          appearance: none;\n  justify-content: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  border-block-end-width: 2px;\n  padding-inline: 0px;\n  padding-block: 0.5rem;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n  color: var(--calcite-ui-text-3);\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  border-block-end-color: transparent;\n  border-block-end-style: solid;\n}\n\n.calcite-tab-title--icon {\n  position: relative;\n  margin: 0px;\n  display: inline-flex;\n  align-self: center;\n}\n.calcite-tab-title--icon svg {\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n}\n\n.container--has-text {\n  padding: 0.25rem;\n}\n\n.container--has-text .calcite-tab-title--icon.icon-start {\n  margin-inline-end: 0.5rem;\n}\n\n.container--has-text .calcite-tab-title--icon.icon-end {\n  margin-inline-start: 0.5rem;\n}\n\n:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child {\n  margin-inline-end: 0.5rem;\n}\n\n:host([bordered]) {\n  margin-inline-end: 0;\n}\n\n:host([bordered][selected]) {\n  box-shadow: inset 0px -2px var(--calcite-ui-foreground-1);\n}\n\n:host([bordered][selected][position=below]) {\n  box-shadow: inset 0 2px 0 var(--calcite-ui-foreground-1);\n}\n\n:host([bordered][selected][position=bottom]) {\n  box-shadow: inset 0 2px 0 var(--calcite-ui-foreground-1);\n}\n\n:host([bordered]:hover) .container, \n:host([bordered]:focus) .container, \n:host([bordered]:active) .container {\n  position: relative;\n}\n\n:host([bordered]:hover) .container {\n  background-color: var(--calcite-button-transparent-hover);\n}\n\n:host([bordered]) .container {\n  border-block-end-style: unset;\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n}\n\n:host([bordered][position=below]) .container {\n  border-block-start-style: unset;\n}\n\n:host([bordered][position=bottom]) .container {\n  border-block-start-style: unset;\n}\n\n:host([selected][bordered]) .container {\n  border-inline-start-color: var(--calcite-ui-border-1);\n  border-inline-end-color: var(--calcite-ui-border-1);\n}\n\n:host([bordered]) .container {\n  padding-inline: 0.75rem;\n}\n\n:host([bordered][scale=s]) .container {\n  padding-inline: 0.5rem;\n}\n\n:host([bordered][scale=l]) .container {\n  padding-inline: 1rem;\n}\n\n@media (forced-colors: active) {\n  :host {\n    outline-width: 0;\n    outline-offset: 0;\n  }\n\n  :host(:focus) .container {\n    outline-color: highlight;\n  }\n\n  :host([bordered]) .container {\n    border-block-end-style: solid;\n  }\n\n  :host([bordered][position=below]) .container {\n    border-block-start-style: solid;\n  }\n\n  :host([bordered][position=bottom]) .container {\n    border-block-start-style: solid;\n  }\n\n  :host([bordered][selected]) .container {\n    border-block-end-style: none;\n  }\n\n  :host([bordered][position=below][selected]) .container {\n    border-block-start-style: none;\n  }\n\n  :host([bordered][position=bottom][selected]) .container {\n    border-block-start-style: none;\n  }\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { Build, h, Host } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { getElementDir, getElementProp, toAriaBoolean } from \"../../utils/dom\";\nimport { createObserver } from \"../../utils/observers\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/**\n * @slot - A slot for adding text.\n */\nexport class TabTitle {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * When `true`, the component and its respective `calcite-tab` contents are selected.\n     *\n     * Only one tab can be selected within the `calcite-tabs` parent.\n     *\n     * @deprecated Use `selected` instead.\n     */\n    this.active = false;\n    /**\n     * When `true`, the component and its respective `calcite-tab` contents are selected.\n     *\n     * Only one tab can be selected within the `calcite-tabs` parent.\n     */\n    this.selected = false;\n    /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */\n    this.disabled = false;\n    /**\n     * @internal\n     */\n    this.bordered = false;\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    /** watches for changing text content */\n    this.mutationObserver = createObserver(\"mutation\", () => this.updateHasText());\n    /** determine if there is slotted text for styling purposes */\n    this.hasText = false;\n    this.resizeObserver = createObserver(\"resize\", () => {\n      this.calciteInternalTabIconChanged.emit();\n    });\n    this.guid = `calcite-tab-title-${guid()}`;\n  }\n  activeHandler(value) {\n    this.selected = value;\n  }\n  selectedHandler(value) {\n    this.active = value;\n    if (this.selected) {\n      this.emitActiveTab(false);\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    const { selected, active } = this;\n    if (selected) {\n      this.active = selected;\n    }\n    else if (active) {\n      this.activeHandler(active);\n    }\n    this.setupTextContentObserver();\n    this.parentTabNavEl = this.el.closest(\"calcite-tab-nav\");\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n  }\n  disconnectedCallback() {\n    var _a, _b, _c;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    (_b = document.body) === null || _b === void 0 ? void 0 : _b.dispatchEvent(new CustomEvent(\"calciteTabTitleUnregister\", {\n      detail: this.el\n    }));\n    (_c = this.resizeObserver) === null || _c === void 0 ? void 0 : _c.disconnect();\n  }\n  componentWillLoad() {\n    if (Build.isBrowser) {\n      this.updateHasText();\n    }\n    if (this.tab && this.selected) {\n      this.emitActiveTab(false);\n    }\n  }\n  componentWillRender() {\n    if (this.parentTabsEl) {\n      this.layout = this.parentTabsEl.layout;\n      this.position = this.parentTabsEl.position;\n      this.scale = this.parentTabsEl.scale;\n      this.bordered = this.parentTabsEl.bordered;\n    }\n    // handle case when tab-nav is only parent\n    if (!this.parentTabsEl && this.parentTabNavEl) {\n      this.position = getElementProp(this.parentTabNavEl, \"position\", this.position);\n      this.scale = getElementProp(this.parentTabNavEl, \"scale\", this.scale);\n    }\n  }\n  render() {\n    const id = this.el.id || this.guid;\n    const iconStartEl = (h(\"calcite-icon\", { class: \"calcite-tab-title--icon icon-start\", flipRtl: this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\", icon: this.iconStart, scale: \"s\" }));\n    const iconEndEl = (h(\"calcite-icon\", { class: \"calcite-tab-title--icon icon-end\", flipRtl: this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\", icon: this.iconEnd, scale: \"s\" }));\n    return (h(Host, { \"aria-controls\": this.controls, \"aria-selected\": toAriaBoolean(this.selected), id: id, role: \"tab\", tabIndex: this.selected ? 0 : -1 }, h(\"div\", { class: {\n        container: true,\n        \"container--has-text\": this.hasText\n      }, ref: (el) => { var _a; return (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(el); } }, this.iconStart ? iconStartEl : null, h(\"slot\", null), this.iconEnd ? iconEndEl : null)));\n  }\n  async componentDidLoad() {\n    this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());\n  }\n  componentDidRender() {\n    updateHostInteraction(this, () => {\n      return this.selected;\n    });\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  internalTabChangeHandler(event) {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el) => el.tagName === \"CALCITE-TABS\");\n    if (targetTabsEl !== this.parentTabsEl) {\n      return;\n    }\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    }\n    else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n    event.stopPropagation();\n  }\n  onClick() {\n    this.emitActiveTab();\n  }\n  keyDownHandler(event) {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        this.emitActiveTab();\n        event.preventDefault();\n        break;\n      case \"ArrowRight\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusNext.emit();\n        }\n        else {\n          this.calciteInternalTabsFocusPrevious.emit();\n        }\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusPrevious.emit();\n        }\n        else {\n          this.calciteInternalTabsFocusNext.emit();\n        }\n        break;\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Returns the index of the title within the `calcite-tab-nav`.\n   */\n  async getTabIndex() {\n    return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll(\"calcite-tab-title\"), this.el);\n  }\n  /**\n   * @internal\n   */\n  async getTabIdentifier() {\n    return this.tab ? this.tab : this.getTabIndex();\n  }\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  async updateAriaInfo(tabIds = [], titleIds = []) {\n    this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;\n  }\n  updateHasText() {\n    this.hasText = this.el.textContent.trim().length > 0;\n  }\n  setupTextContentObserver() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });\n  }\n  emitActiveTab(userTriggered = true) {\n    if (this.disabled) {\n      return;\n    }\n    const payload = { tab: this.tab };\n    this.calciteInternalTabsActivate.emit(payload);\n    if (userTriggered) {\n      this.calciteTabsActivate.emit(payload);\n    }\n  }\n  static get is() { return \"calcite-tab-title\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"tab-title.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"tab-title.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"active\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"Use `selected` instead.\"\n            }],\n          \"text\": \"When `true`, the component and its respective `calcite-tab` contents are selected.\\n\\nOnly one tab can be selected within the `calcite-tabs` parent.\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"selected\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component and its respective `calcite-tab` contents are selected.\\n\\nOnly one tab can be selected within the `calcite-tabs` parent.\"\n        },\n        \"attribute\": \"selected\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"disabled\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, interaction is prevented and the component is displayed with lower opacity.\"\n        },\n        \"attribute\": \"disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"iconEnd\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies an icon to display at the end of the component.\"\n        },\n        \"attribute\": \"icon-end\",\n        \"reflect\": true\n      },\n      \"iconFlipRtl\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"FlipContext\",\n          \"resolved\": \"\\\"both\\\" | \\\"end\\\" | \\\"start\\\"\",\n          \"references\": {\n            \"FlipContext\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the icon will be flipped when the element direction is right-to-left (`\\\"rtl\\\"`).\"\n        },\n        \"attribute\": \"icon-flip-rtl\",\n        \"reflect\": true\n      },\n      \"iconStart\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies an icon to display at the start of the component.\"\n        },\n        \"attribute\": \"icon-start\",\n        \"reflect\": true\n      },\n      \"layout\": {\n        \"type\": \"string\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"TabLayout\",\n          \"resolved\": \"\\\"center\\\" | \\\"inline\\\"\",\n          \"references\": {\n            \"TabLayout\": {\n              \"location\": \"import\",\n              \"path\": \"../tabs/interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"attribute\": \"layout\",\n        \"reflect\": true\n      },\n      \"position\": {\n        \"type\": \"string\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"TabPosition\",\n          \"resolved\": \"\\\"above\\\" | \\\"below\\\" | \\\"bottom\\\" | \\\"top\\\"\",\n          \"references\": {\n            \"TabPosition\": {\n              \"location\": \"import\",\n              \"path\": \"../tabs/interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"attribute\": \"position\",\n        \"reflect\": true\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true\n      },\n      \"bordered\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"attribute\": \"bordered\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"tab\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies a unique name for the component.\\n\\nWhen specified, use the same value on the `calcite-tab`.\"\n        },\n        \"attribute\": \"tab\",\n        \"reflect\": true\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"controls\": {},\n      \"hasText\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteTabsActivate\",\n        \"name\": \"calciteTabsActivate\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"see\",\n              \"text\": \"[TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)\"\n            }],\n          \"text\": \"Fires when a `calcite-tab` is selected. Emits the `tab` property, or the index position.\"\n        },\n        \"complexType\": {\n          \"original\": \"TabChangeEventDetail\",\n          \"resolved\": \"TabChangeEventDetail\",\n          \"references\": {\n            \"TabChangeEventDetail\": {\n              \"location\": \"import\",\n              \"path\": \"../tab/interfaces\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteInternalTabsActivate\",\n        \"name\": \"calciteInternalTabsActivate\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"see\",\n              \"text\": \"[TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)\"\n            }, {\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Fires when a `calcite-tab` is selected (`event.details`).\"\n        },\n        \"complexType\": {\n          \"original\": \"TabChangeEventDetail\",\n          \"resolved\": \"TabChangeEventDetail\",\n          \"references\": {\n            \"TabChangeEventDetail\": {\n              \"location\": \"import\",\n              \"path\": \"../tab/interfaces\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteInternalTabsFocusNext\",\n        \"name\": \"calciteInternalTabsFocusNext\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteInternalTabsFocusPrevious\",\n        \"name\": \"calciteInternalTabsFocusPrevious\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteInternalTabTitleRegister\",\n        \"name\": \"calciteInternalTabTitleRegister\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"TabID\",\n          \"resolved\": \"number | string\",\n          \"references\": {\n            \"TabID\": {\n              \"location\": \"import\",\n              \"path\": \"../tabs/interfaces\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteInternalTabIconChanged\",\n        \"name\": \"calciteInternalTabIconChanged\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"getTabIndex\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<number>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<number>\"\n        },\n        \"docs\": {\n          \"text\": \"Returns the index of the title within the `calcite-tab-nav`.\",\n          \"tags\": []\n        }\n      },\n      \"getTabIdentifier\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<TabID>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            },\n            \"TabID\": {\n              \"location\": \"import\",\n              \"path\": \"../tabs/interfaces\"\n            }\n          },\n          \"return\": \"Promise<TabID>\"\n        },\n        \"docs\": {\n          \"text\": \"\",\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }]\n        }\n      },\n      \"updateAriaInfo\": {\n        \"complexType\": {\n          \"signature\": \"(tabIds?: string[], titleIds?: string[]) => Promise<void>\",\n          \"parameters\": [{\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"tabIds\"\n                }],\n              \"text\": \"\"\n            }, {\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"titleIds\"\n                }],\n              \"text\": \"\"\n            }],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"\",\n          \"tags\": [{\n              \"name\": \"param\",\n              \"text\": \"tabIds\"\n            }, {\n              \"name\": \"param\",\n              \"text\": \"titleIds\"\n            }, {\n              \"name\": \"internal\",\n              \"text\": undefined\n            }]\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"active\",\n        \"methodName\": \"activeHandler\"\n      }, {\n        \"propName\": \"selected\",\n        \"methodName\": \"selectedHandler\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteInternalTabChange\",\n        \"method\": \"internalTabChangeHandler\",\n        \"target\": \"body\",\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"click\",\n        \"method\": \"onClick\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"keydown\",\n        \"method\": \"keyDownHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/components/tab.js

@@ -1,156 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as guid } from './guid.js';
-import { n as nodeListToArray } from './dom.js';
-
-const tabCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}section,.container{display:none;block-size:100%;inline-size:100%}:host([scale=s]){padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}";
-
-const Tab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteInternalTabRegister = createEvent(this, "calciteInternalTabRegister", 6);
-    /**
-     * When `true`, the component's contents are selected.
-     *
-     * Only one tab can be selected within the `calcite-tabs` parent.
-     *
-     * @deprecated Use `selected` instead.
-     */
-    this.active = false;
-    /**
-     * When `true`, the component's contents are selected.
-     *
-     * Only one tab can be selected within the `calcite-tabs` parent.
-     */
-    this.selected = false;
-    /**
-     * @internal
-     */
-    this.scale = "m";
-    this.guid = `calcite-tab-title-${guid()}`;
-  }
-  activeHandler(value) {
-    this.selected = value;
-  }
-  selectedHandler(value) {
-    this.active = value;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  render() {
-    const id = this.el.id || this.guid;
-    return (h(Host, { "aria-labelledby": this.labeledBy, id: id }, h("div", { class: "container", role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, h("section", null, h("slot", null)))));
-  }
-  connectedCallback() {
-    this.parentTabsEl = this.el.closest("calcite-tabs");
-    const isSelected = this.selected || this.active;
-    if (isSelected) {
-      this.activeHandler(isSelected);
-      this.selectedHandler(isSelected);
-    }
-  }
-  componentDidLoad() {
-    this.calciteInternalTabRegister.emit();
-  }
-  componentWillRender() {
-    var _a;
-    this.scale = (_a = this.parentTabsEl) === null || _a === void 0 ? void 0 : _a.scale;
-  }
-  disconnectedCallback() {
-    var _a;
-    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.
-    (_a = document.body) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent("calciteTabUnregister", {
-      detail: this.el
-    }));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  internalTabChangeHandler(event) {
-    const targetTabsEl = event
-      .composedPath()
-      .find((el) => el.tagName === "CALCITE-TABS");
-    // to allow `<calcite-tabs>` to be nested we need to make sure this
-    // `calciteTabChange` event was actually fired from a within the same
-    // `<calcite-tabs>` that is the a parent of this tab.
-    if (targetTabsEl !== this.parentTabsEl) {
-      return;
-    }
-    if (this.tab) {
-      this.selected = this.tab === event.detail.tab;
-    }
-    else {
-      this.getTabIndex().then((index) => {
-        this.selected = index === event.detail.tab;
-      });
-    }
-    event.stopPropagation();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns the index of the component item within the tab array.
-   */
-  async getTabIndex() {
-    return Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter((el) => el.matches("calcite-tab")), this.el);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * @param tabIds
-   * @param titleIds
-   * @internal
-   */
-  async updateAriaInfo(tabIds = [], titleIds = []) {
-    this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "active": ["activeHandler"],
-    "selected": ["selectedHandler"]
-  }; }
-  static get style() { return tabCss; }
-}, [1, "calcite-tab", {
-    "tab": [513],
-    "active": [1540],
-    "selected": [1540],
-    "scale": [1537],
-    "labeledBy": [32],
-    "getTabIndex": [64],
-    "updateAriaInfo": [64]
-  }, [[16, "calciteInternalTabChange", "internalTabChangeHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-tab"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-tab":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Tab);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { Tab as T, defineCustomElement as d };
-
-//# sourceMappingURL=tab.js.map

package/dist/components/tab.js.map

@@ -1 +0,0 @@
-{"file":"tab.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/tab/tab.css?tag=calcite-tab&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/tab/tab.js"],"sourcesContent":["/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([selected]) section, \n:host([selected]) .container {\n  display: block;\n}\n\n:host {\n  display: none;\n  block-size: 100%;\n  inline-size: 100%;\n}\n\n:host([selected]) {\n  display: block;\n  block-size: 100%;\n  inline-size: 100%;\n  overflow: auto;\n}\n\nsection, \n.container {\n  display: none;\n  block-size: 100%;\n  inline-size: 100%;\n}\n\n:host([scale=s]) {\n  padding-block: 0.25rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n}\n\n:host([scale=m]) {\n  padding-block: 0.5rem;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n}\n\n:host([scale=l]) {\n  padding-block: 0.75rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Host } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { nodeListToArray } from \"../../utils/dom\";\n/**\n * @slot - A slot for adding content to the component.\n */\nexport class Tab {\n  constructor() {\n    /**\n     * When `true`, the component's contents are selected.\n     *\n     * Only one tab can be selected within the `calcite-tabs` parent.\n     *\n     * @deprecated Use `selected` instead.\n     */\n    this.active = false;\n    /**\n     * When `true`, the component's contents are selected.\n     *\n     * Only one tab can be selected within the `calcite-tabs` parent.\n     */\n    this.selected = false;\n    /**\n     * @internal\n     */\n    this.scale = \"m\";\n    this.guid = `calcite-tab-title-${guid()}`;\n  }\n  activeHandler(value) {\n    this.selected = value;\n  }\n  selectedHandler(value) {\n    this.active = value;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render() {\n    const id = this.el.id || this.guid;\n    return (h(Host, { \"aria-labelledby\": this.labeledBy, id: id }, h(\"div\", { class: \"container\", role: \"tabpanel\", tabIndex: this.selected ? 0 : -1 }, h(\"section\", null, h(\"slot\", null)))));\n  }\n  connectedCallback() {\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n    const isSelected = this.selected || this.active;\n    if (isSelected) {\n      this.activeHandler(isSelected);\n      this.selectedHandler(isSelected);\n    }\n  }\n  componentDidLoad() {\n    this.calciteInternalTabRegister.emit();\n  }\n  componentWillRender() {\n    var _a;\n    this.scale = (_a = this.parentTabsEl) === null || _a === void 0 ? void 0 : _a.scale;\n  }\n  disconnectedCallback() {\n    var _a;\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    (_a = document.body) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent(\"calciteTabUnregister\", {\n      detail: this.el\n    }));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  internalTabChangeHandler(event) {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el) => el.tagName === \"CALCITE-TABS\");\n    // to allow `<calcite-tabs>` to be nested we need to make sure this\n    // `calciteTabChange` event was actually fired from a within the same\n    // `<calcite-tabs>` that is the a parent of this tab.\n    if (targetTabsEl !== this.parentTabsEl) {\n      return;\n    }\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    }\n    else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n    event.stopPropagation();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Returns the index of the component item within the tab array.\n   */\n  async getTabIndex() {\n    return Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter((el) => el.matches(\"calcite-tab\")), this.el);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  async updateAriaInfo(tabIds = [], titleIds = []) {\n    this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;\n  }\n  static get is() { return \"calcite-tab\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"tab.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"tab.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"tab\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies a unique name for the component.\\n\\nWhen specified, use the same value on the `calcite-tab-title`.\"\n        },\n        \"attribute\": \"tab\",\n        \"reflect\": true\n      },\n      \"active\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"Use `selected` instead.\"\n            }],\n          \"text\": \"When `true`, the component's contents are selected.\\n\\nOnly one tab can be selected within the `calcite-tabs` parent.\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"selected\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component's contents are selected.\\n\\nOnly one tab can be selected within the `calcite-tabs` parent.\"\n        },\n        \"attribute\": \"selected\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"labeledBy\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteInternalTabRegister\",\n        \"name\": \"calciteInternalTabRegister\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"getTabIndex\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<number>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<number>\"\n        },\n        \"docs\": {\n          \"text\": \"Returns the index of the component item within the tab array.\",\n          \"tags\": []\n        }\n      },\n      \"updateAriaInfo\": {\n        \"complexType\": {\n          \"signature\": \"(tabIds?: string[], titleIds?: string[]) => Promise<void>\",\n          \"parameters\": [{\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"tabIds\"\n                }],\n              \"text\": \"\"\n            }, {\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"titleIds\"\n                }],\n              \"text\": \"\"\n            }],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"\",\n          \"tags\": [{\n              \"name\": \"param\",\n              \"text\": \"tabIds\"\n            }, {\n              \"name\": \"param\",\n              \"text\": \"titleIds\"\n            }, {\n              \"name\": \"internal\",\n              \"text\": undefined\n            }]\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"active\",\n        \"methodName\": \"activeHandler\"\n      }, {\n        \"propName\": \"selected\",\n        \"methodName\": \"selectedHandler\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteInternalTabChange\",\n        \"method\": \"internalTabChangeHandler\",\n        \"target\": \"body\",\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}