@esri/calcite-components 2.4.1-next.0 → 2.4.1-next.1

package/dist/calcite/p-65cab876.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","wrapper","confirmChangesButton","cancelEditingButton","inputWrapper","cancelEditingButtonWrapper","enableEditingButton","controlsWrapper","inlineEditableCss","InlineEditable","this","mutationObserver","createObserver","mutationObserverCallback","enableEditing","valuePriorToEditing","inputElement","value","editingEnabled","setFocus","calciteInternalInlineEditableEnableEditingChange","emit","disableEditing","cancelEditing","shouldEmitCancel","calciteInlineEditableEditCancel","escapeKeyHandler","async","event","defaultPrevented","key","preventDefault","shouldShowControls","shiftKey","target","cancelEditingHandler","enableEditingHandler","disabled","confirmEditingButton","confirmChangesHandler","calciteInlineEditableEditConfirm","afterConfirm","loading","error","disabledWatcher","editingEnabledWatcher","newValue","oldValue","onMessagesChange","connectedCallback","connectInteractive","connectLabel","connectLocalized","connectMessages","observe","el","childList","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectLocalized","disconnectMessages","disconnect","componentDidRender","updateHostInteraction","render","h","InteractiveContainer","class","onClick","onKeyDown","appearance","iconStart","kind","label","messages","scale","style","opacity","width","type","ref","confirmChanges","blurHandler","controls","effectiveLocaleChange","updateMessages","effectiveLocale","componentFocusable","focus","updateSlottedInput","onLabelClick","getSlotted","matches","getLabelText"],"sources":["src/components/inline-editable/resources.ts","src/components/inline-editable/inline-editable.scss?tag=calcite-inline-editable&encapsulation=shadow","src/components/inline-editable/inline-editable.tsx"],"sourcesContent":["export const CSS = {\n  wrapper: \"wrapper\",\n  confirmChangesButton: \"confirm-changes-button\",\n  cancelEditingButton: \"cancel-editing-button\",\n  inputWrapper: \"input-wrapper\",\n  cancelEditingButtonWrapper: \"cancel-editing-button-wrapper\",\n  enableEditingButton: \"enable-editing-button\",\n  controlsWrapper: \"controls-wrapper\",\n};\n",":host {\n  @apply block;\n}\n\n:host([scale=\"s\"]) {\n  .controls-wrapper {\n    @apply h-6;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .controls-wrapper {\n    @apply h-8;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .controls-wrapper {\n    @apply h-11;\n  }\n}\n\n:host(:not([editing-enabled]):not([disabled])) {\n  .wrapper {\n    &:hover {\n      @apply bg-foreground-2;\n    }\n  }\n}\n\n.wrapper {\n  @apply bg-foreground-1\n    transition-default\n    box-border\n    flex\n    justify-between;\n\n  .input-wrapper {\n    @apply flex-1;\n  }\n}\n\n.controls-wrapper {\n  @apply flex;\n}\n\n@include disabled() {\n  .cancel-editing-button-wrapper {\n    @apply border-color-2;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getSlotted } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { InlineEditableMessages } from \"./assets/inline-editable/t9n\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding a `calcite-input`.\n */\n@Component({\n  tag: \"calcite-inline-editable\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  styleUrl: \"inline-editable.scss\",\n  assetsDirs: [\"assets\"],\n})\nexport class InlineEditable\n  implements\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Props\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledWatcher(disabled: boolean): void {\n    if (this.inputElement) {\n      this.inputElement.disabled = disabled;\n    }\n  }\n\n  /**\n   * When `true`, inline editing is enabled on the component.\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  @Watch(\"editingEnabled\")\n  editingEnabledWatcher(newValue: boolean, oldValue: boolean): void {\n    if (this.inputElement) {\n      this.inputElement.editingEnabled = newValue;\n    }\n    if (!newValue && !!oldValue) {\n      this.shouldEmitCancel = true;\n    }\n  }\n\n  /** When `true`, a busy indicator is displayed. */\n  @Prop({ mutable: true, reflect: true }) loading = false;\n\n  /** When `true` and `editingEnabled` is `true`, displays save and cancel controls on the component. */\n  @Prop({ reflect: true }) controls = false;\n\n  /** Specifies the size of the component. Defaults to the scale of the wrapped `calcite-input` or the scale of the closest wrapping component with a set scale. */\n  @Prop({ reflect: true, mutable: true }) scale: Scale;\n\n  /** Specifies a callback to be executed prior to disabling editing via the controls. When provided, the component's loading state will be handled automatically. */\n  @Prop() afterConfirm: () => Promise<void>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: InlineEditableMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<InlineEditableMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback() {\n    connectInteractive(this);\n    connectLabel(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.mutationObserverCallback();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback() {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.mutationObserver?.disconnect();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div\n          class={CSS.wrapper}\n          onClick={this.enableEditingHandler}\n          onKeyDown={this.escapeKeyHandler}\n        >\n          <div class={CSS.inputWrapper}>\n            <slot />\n          </div>\n          <div class={CSS.controlsWrapper}>\n            <calcite-button\n              appearance=\"transparent\"\n              class={CSS.enableEditingButton}\n              disabled={this.disabled}\n              iconStart=\"pencil\"\n              kind=\"neutral\"\n              label={this.messages.enableEditing}\n              onClick={this.enableEditingHandler}\n              scale={this.scale}\n              style={{\n                opacity: this.editingEnabled ? \"0\" : \"1\",\n                width: this.editingEnabled ? \"0\" : \"inherit\",\n              }}\n              type=\"button\"\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.enableEditingButton = el)}\n            />\n            {this.shouldShowControls && [\n              <div class={CSS.cancelEditingButtonWrapper}>\n                <calcite-button\n                  appearance=\"transparent\"\n                  class={CSS.cancelEditingButton}\n                  disabled={this.disabled}\n                  iconStart=\"x\"\n                  kind=\"neutral\"\n                  label={this.messages.cancelEditing}\n                  onClick={this.cancelEditingHandler}\n                  scale={this.scale}\n                  type=\"button\"\n                  // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                  ref={(el) => (this.cancelEditingButton = el)}\n                />\n              </div>,\n              <calcite-button\n                appearance=\"solid\"\n                class={CSS.confirmChangesButton}\n                disabled={this.disabled}\n                iconStart=\"check\"\n                kind=\"brand\"\n                label={this.messages.confirmChanges}\n                loading={this.loading}\n                onClick={this.confirmChangesHandler}\n                scale={this.scale}\n                type=\"button\"\n                // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                ref={(el) => (this.confirmEditingButton = el)}\n              />,\n            ]}\n          </div>\n        </div>\n      </InteractiveContainer>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the component's \"cancel editing\" button is pressed.\n   */\n  @Event({ cancelable: false }) calciteInlineEditableEditCancel: EventEmitter<void>;\n\n  /**\n   * Emits when the component's \"confirm edits\" button is pressed.\n   */\n  @Event({ cancelable: false }) calciteInlineEditableEditConfirm: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalInlineEditableEnableEditingChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalInputBlur\")\n  blurHandler(): void {\n    if (!this.controls) {\n      this.disableEditing();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInlineEditableElement;\n\n  private inputElement: HTMLCalciteInputElement;\n\n  private valuePriorToEditing: string;\n\n  private shouldEmitCancel: boolean;\n\n  private enableEditingButton: HTMLCalciteButtonElement;\n\n  private cancelEditingButton: HTMLCalciteButtonElement;\n\n  private confirmEditingButton: HTMLCalciteButtonElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.mutationObserverCallback());\n\n  @State() defaultMessages: InlineEditableMessages;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.el?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  mutationObserverCallback(): void {\n    this.updateSlottedInput();\n    this.scale = this.scale || this.inputElement?.scale;\n  }\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  updateSlottedInput(): void {\n    const inputElement: HTMLCalciteInputElement = getSlotted(this.el, {\n      matches: \"calcite-input\",\n    });\n\n    this.inputElement = inputElement;\n\n    if (!inputElement) {\n      return;\n    }\n\n    this.inputElement.disabled = this.disabled;\n    this.inputElement.label = this.inputElement.label || getLabelText(this);\n  }\n\n  private get shouldShowControls(): boolean {\n    return this.editingEnabled && this.controls;\n  }\n\n  private enableEditing = () => {\n    this.valuePriorToEditing = this.inputElement?.value;\n    this.editingEnabled = true;\n    this.inputElement?.setFocus();\n    this.calciteInternalInlineEditableEnableEditingChange.emit();\n  };\n\n  private disableEditing = () => {\n    this.editingEnabled = false;\n  };\n\n  private cancelEditing = () => {\n    if (this.inputElement) {\n      this.inputElement.value = this.valuePriorToEditing;\n    }\n    this.disableEditing();\n    this.enableEditingButton.setFocus();\n    if (!this.editingEnabled && !!this.shouldEmitCancel) {\n      this.calciteInlineEditableEditCancel.emit();\n    }\n  };\n\n  private escapeKeyHandler = async (event: KeyboardEvent) => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      this.cancelEditing();\n    }\n\n    if (event.key === \"Tab\" && this.shouldShowControls) {\n      if (!event.shiftKey && event.target === this.inputElement) {\n        event.preventDefault();\n        this.cancelEditingButton.setFocus();\n      }\n      if (!!event.shiftKey && event.target === this.cancelEditingButton) {\n        event.preventDefault();\n        this.inputElement?.setFocus();\n      }\n    }\n  };\n\n  private cancelEditingHandler = async (event: MouseEvent) => {\n    event.preventDefault();\n    this.cancelEditing();\n  };\n\n  private enableEditingHandler = async (event: MouseEvent) => {\n    if (\n      this.disabled ||\n      event.target === this.cancelEditingButton ||\n      event.target === this.confirmEditingButton\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    if (!this.editingEnabled) {\n      this.enableEditing();\n    }\n  };\n\n  private confirmChangesHandler = async (event: MouseEvent) => {\n    event.preventDefault();\n    this.calciteInlineEditableEditConfirm.emit();\n    try {\n      if (this.afterConfirm) {\n        this.loading = true;\n        await this.afterConfirm();\n        this.disableEditing();\n        this.enableEditingButton.setFocus();\n      }\n    } catch (error) {\n    } finally {\n      this.loading = false;\n    }\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-68420d26.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{g as t}from"./p-07e62779.js";import{d as n}from"./p-878c5964.js";const e=["top","right","bottom","left"];const o=["start","end"];const i=e.reduce(((t,n)=>t.concat(n,n+"-"+o[0],n+"-"+o[1])),[]);const r=Math.min;const s=Math.max;const c=Math.round;const l=Math.floor;const a=t=>({x:t,y:t});const f={left:"right",right:"left",bottom:"top",top:"bottom"};const u={start:"end",end:"start"};function d(t,n,e){return s(t,r(n,e))}function m(t,n){return typeof t==="function"?t(n):t}function p(t){return t.split("-")[0]}function y(t){return t.split("-")[1]}function g(t){return t==="x"?"y":"x"}function h(t){return t==="y"?"height":"width"}function w(t){return["top","bottom"].includes(p(t))?"y":"x"}function x(t){return g(w(t))}function b(t,n,e){if(e===void 0){e=false}const o=y(t);const i=x(t);const r=h(i);let s=i==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[r]>n.floating[r]){s=D(s)}return[s,D(s)]}function v(t){const n=D(t);return[A(t),n,A(n)]}function A(t){return t.replace(/start|end/g,(t=>u[t]))}function k(t,n,e){const o=["left","right"];const i=["right","left"];const r=["top","bottom"];const s=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?i:o;return n?o:i;case"left":case"right":return n?r:s;default:return[]}}function S(t,n,e,o){const i=y(t);let r=k(p(t),e==="start",o);if(i){r=r.map((t=>t+"-"+i));if(n){r=r.concat(r.map(A))}}return r}function D(t){return t.replace(/left|right|bottom|top/g,(t=>f[t]))}function P(t){return{top:0,right:0,bottom:0,left:0,...t}}function O(t){return typeof t!=="number"?P(t):{top:t,right:t,bottom:t,left:t}}function R(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function E(t,n,e){let{reference:o,floating:i}=t;const r=w(n);const s=x(n);const c=h(s);const l=p(n);const a=r==="y";const f=o.x+o.width/2-i.width/2;const u=o.y+o.height/2-i.height/2;const d=o[c]/2-i[c]/2;let m;switch(l){case"top":m={x:f,y:o.y-i.height};break;case"bottom":m={x:f,y:o.y+o.height};break;case"right":m={x:o.x+o.width,y:u};break;case"left":m={x:o.x-i.width,y:u};break;default:m={x:o.x,y:o.y}}switch(y(n)){case"start":m[s]-=d*(e&&a?-1:1);break;case"end":m[s]+=d*(e&&a?-1:1);break}return m}const F=async(t,n,e)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=e;const c=r.filter(Boolean);const l=await(s.isRTL==null?void 0:s.isRTL(n));let a=await s.getElementRects({reference:t,floating:n,strategy:i});let{x:f,y:u}=E(a,o,l);let d=o;let m={};let p=0;for(let e=0;e<c.length;e++){const{name:r,fn:y}=c[e];const{x:g,y:h,data:w,reset:x}=await y({x:f,y:u,initialPlacement:o,placement:d,strategy:i,middlewareData:m,rects:a,platform:s,elements:{reference:t,floating:n}});f=g!=null?g:f;u=h!=null?h:u;m={...m,[r]:{...m[r],...w}};if(x&&p<=50){p++;if(typeof x==="object"){if(x.placement){d=x.placement}if(x.rects){a=x.rects===true?await s.getElementRects({reference:t,floating:n,strategy:i}):x.rects}({x:f,y:u}=E(a,d,l))}e=-1;continue}}return{x:f,y:u,placement:d,strategy:i,middlewareData:m}};async function M(t,n){var e;if(n===void 0){n={}}const{x:o,y:i,platform:r,rects:s,elements:c,strategy:l}=t;const{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:d=false,padding:p=0}=m(n,t);const y=O(p);const g=u==="floating"?"reference":"floating";const h=c[d?g:u];const w=R(await r.getClippingRect({element:((e=await(r.isElement==null?void 0:r.isElement(h)))!=null?e:true)?h:h.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:a,rootBoundary:f,strategy:l}));const x=u==="floating"?{...s.floating,x:o,y:i}:s.reference;const b=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating));const v=await(r.isElement==null?void 0:r.isElement(b))?await(r.getScale==null?void 0:r.getScale(b))||{x:1,y:1}:{x:1,y:1};const A=R(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:b,strategy:l}):x);return{top:(w.top-A.top+y.top)/v.y,bottom:(A.bottom-w.bottom+y.bottom)/v.y,left:(w.left-A.left+y.left)/v.x,right:(A.right-w.right+y.right)/v.x}}const T=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:o,placement:i,rects:s,platform:c,elements:l,middlewareData:a}=n;const{element:f,padding:u=0}=m(t,n)||{};if(f==null){return{}}const p=O(u);const g={x:e,y:o};const w=x(i);const b=h(w);const v=await c.getDimensions(f);const A=w==="y";const k=A?"top":"left";const S=A?"bottom":"right";const D=A?"clientHeight":"clientWidth";const P=s.reference[b]+s.reference[w]-g[w]-s.floating[b];const R=g[w]-s.reference[w];const E=await(c.getOffsetParent==null?void 0:c.getOffsetParent(f));let F=E?E[D]:0;if(!F||!await(c.isElement==null?void 0:c.isElement(E))){F=l.floating[D]||s.floating[b]}const M=P/2-R/2;const T=F/2-v[b]/2-1;const C=r(p[k],T);const $=r(p[S],T);const z=C;const B=F-v[b]-$;const L=F/2-v[b]/2+M;const j=d(z,L,B);const H=!a.arrow&&y(i)!=null&&L!=j&&s.reference[b]/2-(L<z?C:$)-v[b]/2<0;const I=H?L<z?L-z:L-B:0;return{[w]:g[w]+I,data:{[w]:j,centerOffset:L-j-I,...H&&{alignmentOffset:I}},reset:H}}});function C(t,n,e){const o=t?[...e.filter((n=>y(n)===t)),...e.filter((n=>y(n)!==t))]:e.filter((t=>p(t)===t));return o.filter((e=>{if(t){return y(e)===t||(n?A(e)!==e:false)}return true}))}const $=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,async fn(n){var e,o,r;const{rects:s,middlewareData:c,placement:l,platform:a,elements:f}=n;const{crossAxis:u=false,alignment:d,allowedPlacements:g=i,autoAlignment:h=true,...w}=m(t,n);const x=d!==undefined||g===i?C(d||null,h,g):g;const v=await M(n,w);const A=((e=c.autoPlacement)==null?void 0:e.index)||0;const k=x[A];if(k==null){return{}}const S=b(k,s,await(a.isRTL==null?void 0:a.isRTL(f.floating)));if(l!==k){return{reset:{placement:x[0]}}}const D=[v[p(k)],v[S[0]],v[S[1]]];const P=[...((o=c.autoPlacement)==null?void 0:o.overflows)||[],{placement:k,overflows:D}];const O=x[A+1];if(O){return{data:{index:A+1,overflows:P},reset:{placement:O}}}const R=P.map((t=>{const n=y(t.placement);return[t.placement,n&&u?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1]));const E=R.filter((t=>t[2].slice(0,y(t[0])?2:3).every((t=>t<=0))));const F=((r=E[0])==null?void 0:r[0])||R[0][0];if(F!==l){return{data:{index:A+1,overflows:P},reset:{placement:F}}}return{}}}};const z=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:i,middlewareData:r,rects:s,initialPlacement:c,platform:l,elements:a}=n;const{mainAxis:f=true,crossAxis:u=true,fallbackPlacements:d,fallbackStrategy:y="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:h=true,...w}=m(t,n);if((e=r.arrow)!=null&&e.alignmentOffset){return{}}const x=p(i);const A=p(c)===c;const k=await(l.isRTL==null?void 0:l.isRTL(a.floating));const P=d||(A||!h?[D(c)]:v(c));if(!d&&g!=="none"){P.push(...S(c,h,g,k))}const O=[c,...P];const R=await M(n,w);const E=[];let F=((o=r.flip)==null?void 0:o.overflows)||[];if(f){E.push(R[x])}if(u){const t=b(i,s,k);E.push(R[t[0]],R[t[1]])}F=[...F,{placement:i,overflows:E}];if(!E.every((t=>t<=0))){var T,C;const t=(((T=r.flip)==null?void 0:T.index)||0)+1;const n=O[t];if(n){return{data:{index:t,overflows:F},reset:{placement:n}}}let e=(C=F.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:C.placement;if(!e){switch(y){case"bestFit":{var $;const t=($=F.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:$[0];if(t){e=t}break}case"initialPlacement":e=c;break}}if(i!==e){return{reset:{placement:e}}}}return{}}}};function B(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function L(t){return e.some((n=>t[n]>=0))}const j=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...i}=m(t,n);switch(o){case"referenceHidden":{const t=await M(n,{...i,elementContext:"reference"});const o=B(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:L(o)}}}case"escaped":{const t=await M(n,{...i,altBoundary:true});const o=B(t,e.floating);return{data:{escapedOffsets:o,escaped:L(o)}}}default:{return{}}}}}};async function H(t,n){const{placement:e,platform:o,elements:i}=t;const r=await(o.isRTL==null?void 0:o.isRTL(i.floating));const s=p(e);const c=y(e);const l=w(e)==="y";const a=["left","top"].includes(s)?-1:1;const f=r&&l?-1:1;const u=m(n,t);let{mainAxis:d,crossAxis:g,alignmentAxis:h}=typeof u==="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...u};if(c&&typeof h==="number"){g=c==="end"?h*-1:h}return l?{x:g*f,y:d*a}:{x:d*a,y:g*f}}const I=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:i,y:r,placement:s,middlewareData:c}=n;const l=await H(n,t);if(s===((e=c.offset)==null?void 0:e.placement)&&(o=c.arrow)!=null&&o.alignmentOffset){return{}}return{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}};const W=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:i}=n;const{mainAxis:r=true,crossAxis:s=false,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...l}=m(t,n);const a={x:e,y:o};const f=await M(n,l);const u=w(p(i));const y=g(u);let h=a[y];let x=a[u];if(r){const t=y==="y"?"top":"left";const n=y==="y"?"bottom":"right";const e=h+f[t];const o=h-f[n];h=d(e,h,o)}if(s){const t=u==="y"?"top":"left";const n=u==="y"?"bottom":"right";const e=x+f[t];const o=x-f[n];x=d(e,x,o)}const b=c.fn({...n,[y]:h,[u]:x});return{...b,data:{x:b.x-e,y:b.y-o}}}}};function N(t){if(V(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function q(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function Y(t){var n;return(n=(V(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function V(t){return t instanceof Node||t instanceof q(t).Node}function X(t){return t instanceof Element||t instanceof q(t).Element}function _(t){return t instanceof HTMLElement||t instanceof q(t).HTMLElement}function G(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof q(t).ShadowRoot}function J(t){const{overflow:n,overflowX:e,overflowY:o,display:i}=nt(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(i)}function K(t){return["table","td","th"].includes(N(t))}function Q(t){const n=Z();const e=nt(t);return e.transform!=="none"||e.perspective!=="none"||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function U(t){let n=ot(t);while(_(n)&&!tt(n)){if(Q(n)){return n}else{n=ot(n)}}return null}function Z(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function tt(t){return["html","body","#document"].includes(N(t))}function nt(t){return q(t).getComputedStyle(t)}function et(t){if(X(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function ot(t){if(N(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||G(t)&&t.host||Y(t);return G(n)?n.host:n}function it(t){const n=ot(t);if(tt(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(_(n)&&J(n)){return n}return it(n)}function rt(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const i=it(t);const r=i===((o=t.ownerDocument)==null?void 0:o.body);const s=q(i);if(r){return n.concat(s,s.visualViewport||[],J(i)?i:[],s.frameElement&&e?rt(s.frameElement):[])}return n.concat(i,rt(i,[],e))}function st(t){const n=nt(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const i=_(t);const r=i?t.offsetWidth:e;const s=i?t.offsetHeight:o;const l=c(e)!==r||c(o)!==s;if(l){e=r;o=s}return{width:e,height:o,$:l}}function ct(t){return!X(t)?t.contextElement:t}function lt(t){const n=ct(t);if(!_(n)){return a(1)}const e=n.getBoundingClientRect();const{width:o,height:i,$:r}=st(n);let s=(r?c(e.width):e.width)/o;let l=(r?c(e.height):e.height)/i;if(!s||!Number.isFinite(s)){s=1}if(!l||!Number.isFinite(l)){l=1}return{x:s,y:l}}const at=a(0);function ft(t){const n=q(t);if(!Z()||!n.visualViewport){return at}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function ut(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==q(t)){return false}return n}function dt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const i=t.getBoundingClientRect();const r=ct(t);let s=a(1);if(n){if(o){if(X(o)){s=lt(o)}}else{s=lt(t)}}const c=ut(r,e,o)?ft(r):a(0);let l=(i.left+c.x)/s.x;let f=(i.top+c.y)/s.y;let u=i.width/s.x;let d=i.height/s.y;if(r){const t=q(r);const n=o&&X(o)?q(o):o;let e=t.frameElement;while(e&&o&&n!==t){const t=lt(e);const n=e.getBoundingClientRect();const o=nt(e);const i=n.left+(e.clientLeft+parseFloat(o.paddingLeft))*t.x;const r=n.top+(e.clientTop+parseFloat(o.paddingTop))*t.y;l*=t.x;f*=t.y;u*=t.x;d*=t.y;l+=i;f+=r;e=q(e).frameElement}}return R({width:u,height:d,x:l,y:f})}function mt(t){let{rect:n,offsetParent:e,strategy:o}=t;const i=_(e);const r=Y(e);if(e===r){return n}let s={scrollLeft:0,scrollTop:0};let c=a(1);const l=a(0);if(i||!i&&o!=="fixed"){if(N(e)!=="body"||J(r)){s=et(e)}if(_(e)){const t=dt(e);c=lt(e);l.x=t.x+e.clientLeft;l.y=t.y+e.clientTop}}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-s.scrollLeft*c.x+l.x,y:n.y*c.y-s.scrollTop*c.y+l.y}}function pt(t){return Array.from(t.getClientRects())}function yt(t){return dt(Y(t)).left+et(t).scrollLeft}function gt(t){const n=Y(t);const e=et(t);const o=t.ownerDocument.body;const i=s(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const r=s(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let c=-e.scrollLeft+yt(t);const l=-e.scrollTop;if(nt(o).direction==="rtl"){c+=s(n.clientWidth,o.clientWidth)-i}return{width:i,height:r,x:c,y:l}}function ht(t,n){const e=q(t);const o=Y(t);const i=e.visualViewport;let r=o.clientWidth;let s=o.clientHeight;let c=0;let l=0;if(i){r=i.width;s=i.height;const t=Z();if(!t||t&&n==="fixed"){c=i.offsetLeft;l=i.offsetTop}}return{width:r,height:s,x:c,y:l}}function wt(t,n){const e=dt(t,true,n==="fixed");const o=e.top+t.clientTop;const i=e.left+t.clientLeft;const r=_(t)?lt(t):a(1);const s=t.clientWidth*r.x;const c=t.clientHeight*r.y;const l=i*r.x;const f=o*r.y;return{width:s,height:c,x:l,y:f}}function xt(t,n,e){let o;if(n==="viewport"){o=ht(t,e)}else if(n==="document"){o=gt(Y(t))}else if(X(n)){o=wt(n,e)}else{const e=ft(t);o={...n,x:n.x-e.x,y:n.y-e.y}}return R(o)}function bt(t,n){const e=ot(t);if(e===n||!X(e)||tt(e)){return false}return nt(e).position==="fixed"||bt(e,n)}function vt(t,n){const e=n.get(t);if(e){return e}let o=rt(t,[],false).filter((t=>X(t)&&N(t)!=="body"));let i=null;const r=nt(t).position==="fixed";let s=r?ot(t):t;while(X(s)&&!tt(s)){const n=nt(s);const e=Q(s);if(!e&&n.position==="fixed"){i=null}const c=r?!e&&!i:!e&&n.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||J(s)&&!e&&bt(t,s);if(c){o=o.filter((t=>t!==s))}else{i=n}s=ot(s)}n.set(t,o);return o}function At(t){let{element:n,boundary:e,rootBoundary:o,strategy:i}=t;const c=e==="clippingAncestors"?vt(n,this._c):[].concat(e);const l=[...c,o];const a=l[0];const f=l.reduce(((t,e)=>{const o=xt(n,e,i);t.top=s(o.top,t.top);t.right=r(o.right,t.right);t.bottom=r(o.bottom,t.bottom);t.left=s(o.left,t.left);return t}),xt(n,a,i));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function kt(t){const{width:n,height:e}=st(t);return{width:n,height:e}}function St(t,n,e){const o=_(n);const i=Y(n);const r=e==="fixed";const s=dt(t,true,r,n);let c={scrollLeft:0,scrollTop:0};const l=a(0);if(o||!o&&!r){if(N(n)!=="body"||J(i)){c=et(n)}if(o){const t=dt(n,true,r,n);l.x=t.x+n.clientLeft;l.y=t.y+n.clientTop}else if(i){l.x=yt(i)}}return{x:s.left+c.scrollLeft-l.x,y:s.top+c.scrollTop-l.y,width:s.width,height:s.height}}function Dt(t,n){if(!_(t)||nt(t).position==="fixed"){return null}if(n){return n(t)}return t.offsetParent}function Pt(t,n){const e=q(t);if(!_(t)){return e}let o=Dt(t,n);while(o&&K(o)&&nt(o).position==="static"){o=Dt(o,n)}if(o&&(N(o)==="html"||N(o)==="body"&&nt(o).position==="static"&&!Q(o))){return e}return o||U(t)||e}const Ot=async function(t){let{reference:n,floating:e,strategy:o}=t;const i=this.getOffsetParent||Pt;const r=this.getDimensions;return{reference:St(n,await i(e),o),floating:{x:0,y:0,...await r(e)}}};function Rt(t){return nt(t).direction==="rtl"}const Et={convertOffsetParentRelativeRectToViewportRelativeRect:mt,getDocumentElement:Y,getClippingRect:At,getOffsetParent:Pt,getElementRects:Ot,getClientRects:pt,getDimensions:kt,getScale:lt,isElement:X,isRTL:Rt};function Ft(t,n){let e=null;let o;const i=Y(t);function c(){clearTimeout(o);e&&e.disconnect();e=null}function a(f,u){if(f===void 0){f=false}if(u===void 0){u=1}c();const{left:d,top:m,width:p,height:y}=t.getBoundingClientRect();if(!f){n()}if(!p||!y){return}const g=l(m);const h=l(i.clientWidth-(d+p));const w=l(i.clientHeight-(m+y));const x=l(d);const b=-g+"px "+-h+"px "+-w+"px "+-x+"px";const v={rootMargin:b,threshold:s(0,r(1,u))||1};let A=true;function k(t){const n=t[0].intersectionRatio;if(n!==u){if(!A){return a()}if(!n){o=setTimeout((()=>{a(false,1e-7)}),100)}else{a(false,n)}}A=false}try{e=new IntersectionObserver(k,{...v,root:i.ownerDocument})}catch(t){e=new IntersectionObserver(k,v)}e.observe(t)}a(true);return c}function Mt(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:i=true,ancestorResize:r=true,elementResize:s=typeof ResizeObserver==="function",layoutShift:c=typeof IntersectionObserver==="function",animationFrame:l=false}=o;const a=ct(t);const f=i||r?[...a?rt(a):[],...rt(n)]:[];f.forEach((t=>{i&&t.addEventListener("scroll",e,{passive:true});r&&t.addEventListener("resize",e)}));const u=a&&c?Ft(a,e):null;let d=-1;let m=null;if(s){m=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===a&&m){m.unobserve(n);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{m&&m.observe(n)}))}e()}));if(a&&!l){m.observe(a)}m.observe(n)}let p;let y=l?dt(t):null;if(l){g()}function g(){const n=dt(t);if(y&&(n.x!==y.x||n.y!==y.y||n.width!==y.width||n.height!==y.height)){e()}y=n;p=requestAnimationFrame(g)}e();return()=>{f.forEach((t=>{i&&t.removeEventListener("scroll",e);r&&t.removeEventListener("resize",e)}));u&&u();m&&m.disconnect();m=null;if(l){cancelAnimationFrame(p)}}}const Tt=$;const Ct=W;const $t=z;const zt=j;const Bt=T;const Lt=(t,n,e)=>{const o=new Map;const i={platform:Et,...e};const r={...i.platform,_c:o};return F(t,n,{...i,platform:r})};function jt(t){return It(t)}function Ht(t){if(t.assignedSlot){return t.assignedSlot}if(t.parentNode instanceof ShadowRoot){return t.parentNode.host}return t.parentNode}function It(t){for(let n=t;n;n=Ht(n)){if(!(n instanceof Element)){continue}if(getComputedStyle(n).display==="none"){return null}}for(let n=Ht(t);n;n=Ht(n)){if(!(n instanceof Element)){continue}const t=getComputedStyle(n);if(t.display==="contents"){continue}if(t.position!=="static"||t.filter!=="none"){return n}if(n.tagName==="BODY"){return n}}return null}(function t(){{const t=Et.getOffsetParent;Et.getOffsetParent=n=>t(n,jt)}})();function Wt(t){const n=window.devicePixelRatio||1;return Math.round(t*n)/n}const Nt=async(t,{referenceEl:n,floatingEl:e,overlayPositioning:o="absolute",placement:i,flipDisabled:r,flipPlacements:s,offsetDistance:c,offsetSkidding:l,arrowEl:a,type:f})=>{if(!n||!e){return null}const{x:u,y:d,placement:m,strategy:p,middlewareData:y}=await Lt(n,e,{strategy:o,placement:i==="auto"||i==="auto-start"||i==="auto-end"?undefined:Kt(e,i),middleware:Gt({placement:i,flipDisabled:r,flipPlacements:s,offsetDistance:c,offsetSkidding:l,arrowEl:a,type:f})});if(a&&y.arrow){const{x:n,y:e}=y.arrow;const o=m.split("-")[0];const i=n!=null?"left":"top";const r=Zt[o];const s={left:"",top:"",bottom:"",right:""};if("floatingLayout"in t){t.floatingLayout=o==="left"||o==="right"?"horizontal":"vertical"}Object.assign(a.style,{...s,[i]:`${i=="left"?n:e}px`,[o]:"100%",transform:r})}const g=y.hide?.referenceHidden;const h=g?"hidden":null;const w=h?"none":null;e.setAttribute(qt,m);const{open:x}=t;Object.assign(e.style,{visibility:h,pointerEvents:w,position:p,transform:x?`translate(${Wt(u)}px,${Wt(d)}px)`:"",top:0,left:0})};const qt="data-placement";const Yt=100;const Vt=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end"];const Xt="bottom-start";const _t={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function Gt({placement:t,flipDisabled:n,flipPlacements:e,offsetDistance:o,offsetSkidding:i,arrowEl:r,type:s}){const c=[Ct(),zt()];if(s==="menu"){return[...c,$t({fallbackPlacements:e||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})]}if(s==="popover"||s==="tooltip"){const s=[...c,I({mainAxis:typeof o==="number"?o:0,crossAxis:typeof i==="number"?i:0})];if(t==="auto"||t==="auto-start"||t==="auto-end"){s.push(Tt({alignment:t==="auto-start"?"start":t==="auto-end"?"end":null}))}else if(!n){s.push($t(e?{fallbackPlacements:e}:{}))}if(r){s.push(Bt({element:r}))}return s}return[]}function Jt(t,n){const e=t.filter((t=>Vt.includes(t)));if(e.length!==t.length){console.warn(`${n.tagName}: Invalid value found in: flipPlacements. Try any of these: ${Vt.map((t=>`"${t}"`)).join(", ").trim()}`,{el:n})}return e}function Kt(n,e){const o=["left","right"];if(t(n)==="rtl"){o.reverse()}return e.replace(/leading/gi,o[0]).replace(/trailing/gi,o[1])}async function Qt(t,n,e=false){if(!t.open){return}const o=e?Ut(t):Nt;return o(t,n)}function Ut(t){let e=nn.get(t);if(e){return e}e=n(Nt,Yt,{leading:true,maxWait:Yt});nn.set(t,e);return e}const Zt={top:"",left:"rotate(-90deg)",bottom:"rotate(180deg)",right:"rotate(90deg)"};const tn=new WeakMap;const nn=new WeakMap;function en(t,n,e){if(!e||!n){return}on(t,n,e);Object.assign(e.style,{visibility:"hidden",pointerEvents:"none",position:t.overlayPositioning});const o=Mt;tn.set(t,o(n,e,(()=>t.reposition())))}function on(t,n,e){if(!e||!n){return}tn.get(t)?.();tn.delete(t);nn.get(t)?.cancel();nn.delete(t)}const rn=4;const sn=Math.ceil(Math.hypot(rn,rn));export{_t as F,on as a,sn as b,en as c,Xt as d,Jt as f,Qt as r};
+//# sourceMappingURL=p-68420d26.js.map

package/dist/calcite/p-6a142207.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{r as t,c as e,h as i,H as s,g as o,F as n}from"./p-2c5a5185.js";import{z as a,l as c,g as r,A as l,t as d}from"./p-07e62779.js";import{g as h}from"./p-e9580c79.js";import{c as b}from"./p-f07f2b9f.js";import{c as u,d as p,I as f,u as m}from"./p-bbee4a2f.js";import{c as g,d as v}from"./p-74a4aaf4.js";import{c as x,d as y,s as k,u as T}from"./p-196291ea.js";import{g as C}from"./p-823e8612.js";import"./p-a8957238.js";import"./p-26710f27.js";import"./p-f511cecc.js";const z={container:"container",content:"content"};const w=":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}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(i){t(this,i);this.calciteInternalTabRegister=e(this,"calciteInternalTabRegister",6);this.guid=`calcite-tab-title-${h()}`;this.tab=undefined;this.selected=false;this.scale="m";this.labeledBy=undefined}render(){const t=this.el.id||this.guid;return i(s,{"aria-labelledby":this.labeledBy,id:t},i("div",{class:{[z.container]:true,[`scale-${this.scale}`]:true},role:"tabpanel",tabIndex:this.selected?0:-1},i("section",{class:z.content},i("slot",null))))}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs")}componentDidLoad(){this.calciteInternalTabRegister.emit()}disconnectedCallback(){document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}async getTabIndex(){return Array.prototype.indexOf.call(a(this.el.parentElement.children).filter((t=>t.matches("calcite-tab"))),this.el)}async updateAriaInfo(t=[],e=[]){this.labeledBy=e[t.indexOf(this.el.id)]||null}get el(){return o(this)}};I.style=w;const A={container:"tab-nav"};const H=":host{position:relative;display:flex}.scale-s{min-block-size:1.5rem}.scale-m{min-block-size:2rem}.scale-l{min-block-size:2.75rem}:host([layout=center]:not([bordered])){padding-inline:1.25rem}:host([layout=center]:not([bordered])) .tab-nav ::slotted(calcite-tab-title:last-child){margin-inline-end:0px}:host(:not([bordered])) .scale-l ::slotted(calcite-tab-title){margin-inline-end:1.5rem}:host(:not([bordered])) .scale-m ::slotted(calcite-tab-title){margin-inline-end:1.25rem}:host(:not([bordered])) .scale-s ::slotted(calcite-tab-title){margin-inline-end:1rem}.tab-nav{display:flex;inline-size:100%;justify-content:flex-start;overflow:auto}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-color-brand);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host([layout=center]) .tab-nav{justify-content:space-evenly}:host .position-bottom .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host .position-bottom .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered]) .position-bottom .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}";const L=class{constructor(i){t(this,i);this.calciteTabChange=e(this,"calciteTabChange",6);this.calciteInternalTabChange=e(this,"calciteInternalTabChange",6);this.animationActiveDuration=.3;this.resizeObserver=b("resize",(()=>{if(!this.activeIndicatorEl){return}this.activeIndicatorEl.style.transitionDuration="0s";this.updateActiveWidth();this.updateOffsetPosition()}));this.handleTabFocus=(t,e,i)=>{c(this.enabledTabTitles,e,i);t.stopPropagation()};this.handleContainerScroll=()=>{this.activeIndicatorEl.style.transitionDuration="0s";this.updateOffsetPosition()};this.storageId=undefined;this.syncId=undefined;this.selectedTitle=null;this.scale="m";this.layout="inline";this.position="bottom";this.bordered=false;this.indicatorOffset=undefined;this.indicatorWidth=undefined;this.selectedTabId=undefined}async selectedTabIdChanged(){if(localStorage&&this.storageId&&this.selectedTabId!==undefined&&this.selectedTabId!==null){localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId))}this.calciteInternalTabChange.emit({tab:this.selectedTabId});this.selectedTitle=await this.getTabTitleById(this.selectedTabId)}selectedTitleChanged(){this.updateOffsetPosition();this.updateActiveWidth();this.activeIndicatorEl.style.transitionDuration=`${this.animationActiveDuration}s`}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs");this.resizeObserver?.observe(this.el)}componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){const e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}}componentWillRender(){const{parentTabsEl:t}=this;this.layout=t?.layout;this.bordered=t?.bordered;if(this.selectedTitle){this.updateOffsetPosition()}}componentDidRender(){if(this.tabTitles.length&&this.tabTitles.every((t=>!t.selected))&&!this.selectedTabId){this.tabTitles[0].getTabIdentifier().then((t=>{this.calciteInternalTabChange.emit({tab:t})}))}}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const t=r(this.el);const e=`${this.indicatorWidth}px`;const o=`${this.indicatorOffset}px`;const n=t!=="rtl"?{width:e,left:o}:{width:e,right:o};return i(s,{role:"tablist"},i("div",{class:{[A.container]:true,[`scale-${this.scale}`]:true,[`position-${this.position}`]:true},onScroll:this.handleContainerScroll,ref:t=>this.tabNavEl=t},i("slot",null),i("div",{class:"tab-nav-active-indicator-container",ref:t=>this.activeIndicatorContainerEl=t},i("div",{class:"tab-nav-active-indicator",style:n,ref:t=>this.activeIndicatorEl=t}))))}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target);t.stopPropagation()}activateTabHandler(t){this.calciteTabChange.emit();t.stopPropagation()}internalCloseTabHandler(t){const e=t.target;this.handleTabTitleClose(e);t.stopPropagation()}updateTabTitles(t){if(t.target.selected){this.selectedTabId=t.detail}}globalInternalTabChangeHandler(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab){this.selectedTabId=t.detail.tab}t.stopPropagation()}iconStartChangeHandler(){this.updateActiveWidth();this.updateOffsetPosition()}updateOffsetPosition(){const t=r(this.el);const e=this.activeIndicatorContainerEl?.offsetWidth;const i=this.selectedTitle?.offsetLeft;const s=this.selectedTitle?.offsetWidth;const o=e-(i+s);this.indicatorOffset=t!=="rtl"?i-this.tabNavEl?.scrollLeft:o+this.tabNavEl?.scrollLeft}updateActiveWidth(){this.indicatorWidth=this.selectedTitle?.offsetWidth}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}async getTabTitleById(t){return Promise.all(this.tabTitles.map((t=>t.getTabIdentifier()))).then((e=>this.tabTitles[e.indexOf(t)]))}get tabTitles(){return l(this.el,"calcite-tab-title")}get enabledTabTitles(){return l(this.el,"calcite-tab-title:not([disabled])").filter((t=>!t.closed))}handleTabTitleClose(t){const{tabTitles:e}=this;const i=t.selected;const s=e.reduce(((t,e,i)=>!e.closed?[...t,i]:t),[]);const o=s.length;if(o===1&&e[s[0]].closable){e[s[0]].closable=false;this.selectedTabId=s[0];if(i){e[s[0]].activateTab()}}else if(o>1){const i=e.findIndex((e=>e===t));const n=s.find((t=>t>i));if(this.selectedTabId===i){this.selectedTabId=n?n:o-1;e[this.selectedTabId].activateTab()}}requestAnimationFrame((()=>{this.updateOffsetPosition();this.updateActiveWidth();e[this.selectedTabId].focus()}))}get el(){return o(this)}static get watchers(){return{selectedTabId:["selectedTabIdChanged"],selectedTitle:["selectedTitleChanged"]}}};L.style=H;const j={closeButton:"close-button",container:"container",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon"};const E={close:"x"};const S=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;text-align:center;flex-basis:12rem}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{margin:auto}:host([layout=center][closable]) .content{padding-inline-start:32px}:host([layout=center][bordered][closable]) .scale-s .content{padding-inline-start:36px}:host([layout=center][bordered][closable]) .scale-m .content{padding-inline-start:40px}:host([layout=center][closable]) .scale-l .content{padding-inline-start:40px}:host([layout=center][closable][bordered]) .scale-s .content{padding-inline-start:52px}: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([closed]){display:none}.container{outline-color:transparent}:host(:focus) .container{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l .content{padding-block:0.625rem;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;align-content:center;justify-content:space-between;border-block-end-width:2px;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-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}.content{display:flex;align-items:center;justify-content:center}.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}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:0.5rem}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:0.5rem}.close-button{display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:calc(100% - 2px);background-color:var(--calcite-button-transparent-1);margin-inline-start:auto}.close-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:0.5rem}:host([bordered]){margin-inline-end:0}:host([bordered][selected]){box-shadow:inset 0px -2px var(--calcite-color-foreground-1)}:host([bordered][selected][position=bottom]){box-shadow:inset 0 2px 0 var(--calcite-color-foreground-1)}:host([bordered]:hover) .container,:host([bordered]:focus) .container,:host([bordered]:active) .container{position:relative}:host([bordered]:hover) .container{background-color:var(--calcite-color-transparent-hover)}:host([closable]) .container,:host([bordered]) .container{border-inline-start:1px solid transparent;border-inline-end:1px solid transparent}:host([closable]) .container .close-button,:host([bordered]) .container .close-button{margin-inline:0}:host([closable]) .content{box-sizing:border-box;block-size:100%;border-block-end-color:transparent}:host([closable][position=bottom]) .container,:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-color-border-1);border-inline-end-color:var(--calcite-color-border-1)}:host([bordered]) .content{padding-inline:0.75rem}:host([bordered]) .scale-s .content{padding-inline:0.5rem}:host([bordered]) .scale-l .content{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=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}";const R=class{constructor(i){t(this,i);this.calciteTabsActivate=e(this,"calciteTabsActivate",6);this.calciteInternalTabsActivate=e(this,"calciteInternalTabsActivate",6);this.calciteTabsClose=e(this,"calciteTabsClose",6);this.calciteInternalTabsClose=e(this,"calciteInternalTabsClose",6);this.calciteInternalTabsFocusNext=e(this,"calciteInternalTabsFocusNext",6);this.calciteInternalTabsFocusPrevious=e(this,"calciteInternalTabsFocusPrevious",6);this.calciteInternalTabsFocusFirst=e(this,"calciteInternalTabsFocusFirst",6);this.calciteInternalTabsFocusLast=e(this,"calciteInternalTabsFocusLast",6);this.calciteInternalTabTitleRegister=e(this,"calciteInternalTabTitleRegister",6);this.calciteInternalTabIconChanged=e(this,"calciteInternalTabIconChanged",6);this.closeClickHandler=()=>{this.closeTabTitleAndNotify()};this.mutationObserver=b("mutation",(()=>this.updateHasText()));this.resizeObserver=b("resize",(()=>{this.calciteInternalTabIconChanged.emit()}));this.guid=`calcite-tab-title-${h()}`;this.selected=false;this.closable=false;this.closed=false;this.disabled=false;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.layout=undefined;this.position="top";this.scale="m";this.bordered=false;this.tab=undefined;this.messages=undefined;this.messageOverrides=undefined;this.controls=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false}selectedHandler(){if(this.selected){this.activateTab(false)}}onMessagesChange(){}connectedCallback(){u(this);g(this);x(this);this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){this.mutationObserver?.disconnect();document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}));this.resizeObserver?.disconnect();p(this);v(this);y(this)}async componentWillLoad(){await k(this);{this.updateHasText()}if(this.tab&&this.selected){this.activateTab(false)}}componentWillRender(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.bordered=this.parentTabsEl.bordered}}render(){const{el:t,closed:e}=this;const o=t.id||this.guid;const n=i("calcite-icon",{class:{[j.titleIcon]:true,[j.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:C(this.scale)});const a=i("calcite-icon",{class:{[j.titleIcon]:true,[j.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:C(this.scale)});return i(s,{"aria-controls":this.controls,"aria-selected":d(this.selected),id:o,role:"tab",tabIndex:this.selected&&!this.disabled?0:-1},i(f,{disabled:this.disabled},i("div",{class:{container:true,[j.iconPresent]:!!this.iconStart||!!this.iconEnd,[`scale-${this.scale}`]:true},hidden:e,ref:t=>this.resizeObserver?.observe(t)},i("div",{class:{[j.content]:true,[j.contentHasText]:this.hasText}},this.iconStart?n:null,i("slot",null),this.iconEnd?a:null),this.renderCloseButton())))}renderCloseButton(){const{closable:t,messages:e}=this;return t?i("button",{"aria-label":e.close,class:j.closeButton,disabled:false,key:j.closeButton,onClick:this.closeClickHandler,title:e.close,type:"button",ref:t=>this.closeButtonEl=t},i("calcite-icon",{icon:E.close,scale:C(this.scale)})):null}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){m(this)}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":if(!t.composedPath().includes(this.closeButtonEl)){this.activateTab();t.preventDefault()}break;case"ArrowRight":t.preventDefault();if(r(this.el)==="ltr"){this.calciteInternalTabsFocusNext.emit()}else{this.calciteInternalTabsFocusPrevious.emit()}break;case"ArrowLeft":t.preventDefault();if(r(this.el)==="ltr"){this.calciteInternalTabsFocusPrevious.emit()}else{this.calciteInternalTabsFocusNext.emit()}break;case"Home":t.preventDefault();this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault();this.calciteInternalTabsFocusLast.emit();break}}async getTabIndex(){return Array.prototype.indexOf.call(a(this.el.parentElement.children).filter((t=>t.matches("calcite-tab-title"))),this.el)}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async updateAriaInfo(t=[],e=[]){this.controls=t[e.indexOf(this.el.id)]||null}async activateTab(t=true){if(this.disabled||this.closed){return}const e={tab:this.tab};this.calciteInternalTabsActivate.emit(e);if(t){requestAnimationFrame((()=>this.calciteTabsActivate.emit()))}}effectiveLocaleChange(){T(this,this.effectiveLocale)}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}closeTabTitleAndNotify(){this.closed=true;this.calciteInternalTabsClose.emit({tab:this.tab});this.calciteTabsClose.emit()}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{selected:["selectedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};R.style=S;const $={titleGroup:"title-group"};const P=":host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}";const F=class{constructor(e){t(this,e);this.mutationObserver=b("mutation",(t=>{for(const e of t){const t=e.target;if(t.nodeName==="CALCITE-TAB-NAV"||t.nodeName==="CALCITE-TAB-TITLE"||t.nodeName==="CALCITE-TAB"){this.updateItems()}}}));this.layout="inline";this.position="top";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}handleInheritableProps(){this.updateItems()}connectedCallback(){this.mutationObserver.observe(this.el,{childList:true});this.updateItems()}async componentWillLoad(){this.updateItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i(n,null,i("slot",{name:$.titleGroup}),i("section",null,i("slot",null)))}calciteInternalTabTitleRegister(t){this.titles=[...this.titles,t.target];this.registryHandler();t.stopPropagation()}calciteTabTitleUnregister(t){this.titles=this.titles.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}calciteInternalTabRegister(t){this.tabs=[...this.tabs,t.target];this.registryHandler();t.stopPropagation()}calciteTabUnregister(t){this.tabs=this.tabs.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}updateItems(){const{position:t,scale:e}=this;const i=this.el.querySelector("calcite-tab-nav");if(i){i.position=t;i.scale=e}Array.from(this.el.querySelectorAll("calcite-tab")).forEach((t=>{if(t.parentElement===this.el){t.scale=e}}));Array.from(this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title")).forEach((i=>{i.position=t;i.scale=e}))}async registryHandler(){let t;let e;if(this.tabs.some((t=>t.tab))||this.titles.some((t=>t.tab))){t=this.tabs.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id));e=this.titles.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id))}else{const i=await Promise.all(this.tabs.map((t=>t.getTabIndex())));const s=await Promise.all(this.titles.map((t=>t.getTabIndex())));t=i.reduce(((t,e,i)=>{t[e]=this.tabs[i].id;return t}),[]);e=s.reduce(((t,e,i)=>{t[e]=this.titles[i].id;return t}),[])}this.tabs.forEach((i=>i.updateAriaInfo(t,e)));this.titles.forEach((i=>i.updateAriaInfo(t,e)))}get el(){return o(this)}static get watchers(){return{position:["handleInheritableProps"],scale:["handleInheritableProps"]}}};F.style=P;export{I as calcite_tab,L as calcite_tab_nav,R as calcite_tab_title,F as calcite_tabs};
+//# sourceMappingURL=p-6a142207.entry.js.map

package/dist/calcite/p-6a142207.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","content","tabCss","Tab","this","guid","render","id","el","h","Host","labeledBy","class","scale","role","tabIndex","selected","connectedCallback","parentTabsEl","closest","componentDidLoad","calciteInternalTabRegister","emit","disconnectedCallback","document","body","dispatchEvent","CustomEvent","detail","internalTabChangeHandler","event","targetTabsEl","composedPath","find","tagName","tab","getTabIndex","then","index","stopPropagation","Array","prototype","indexOf","call","nodeListToArray","parentElement","children","filter","matches","updateAriaInfo","tabIds","titleIds","tabNavCss","TabNav","animationActiveDuration","resizeObserver","createObserver","activeIndicatorEl","style","transitionDuration","updateActiveWidth","updateOffsetPosition","handleTabFocus","destination","focusElementInGroup","enabledTabTitles","handleContainerScroll","selectedTabIdChanged","localStorage","storageId","selectedTabId","undefined","setItem","JSON","stringify","calciteInternalTabChange","selectedTitle","getTabTitleById","selectedTitleChanged","observe","componentWillLoad","storageKey","getItem","storedTab","parse","componentWillRender","layout","bordered","componentDidRender","tabTitles","length","every","title","getTabIdentifier","disconnect","dir","getElementDir","width","indicatorWidth","offset","indicatorOffset","indicatorStyle","left","right","position","onScroll","ref","tabNavEl","activeIndicatorContainerEl","focusPreviousTabHandler","target","focusNextTabHandler","focusFirstTabHandler","focusLastTabHandler","internalActivateTabHandler","getIndexOfTabTitle","activateTabHandler","calciteTabChange","internalCloseTabHandler","closedTabTitleEl","handleTabTitleClose","updateTabTitles","globalInternalTabChangeHandler","syncId","iconStartChangeHandler","navWidth","offsetWidth","tabLeft","offsetLeft","tabWidth","offsetRight","scrollLeft","Promise","all","map","ids","filterDirectChildren","tabTitle","closed","selectionModified","visibleTabTitlesIndices","reduce","tabTitleIndices","totalVisibleTabTitles","closable","activateTab","closedTabTitleIndex","findIndex","nextTabTitleIndex","value","requestAnimationFrame","focus","closeButton","contentHasText","iconEnd","iconPresent","iconStart","titleIcon","ICONS","close","tabTitleCss","TabTitle","closeClickHandler","closeTabTitleAndNotify","mutationObserver","updateHasText","calciteInternalTabIconChanged","selectedHandler","onMessagesChange","connectInteractive","connectLocalized","connectMessages","setupTextContentObserver","parentTabNavEl","disconnectInteractive","disconnectLocalized","disconnectMessages","setUpMessages","iconStartEl","flipRtl","iconFlipRtl","icon","getIconScale","iconEndEl","controls","toAriaBoolean","disabled","InteractiveContainer","hidden","hasText","renderCloseButton","messages","key","onClick","type","closeButtonEl","calciteInternalTabTitleRegister","updateHostInteraction","keyDownHandler","includes","preventDefault","calciteInternalTabsFocusNext","calciteInternalTabsFocusPrevious","calciteInternalTabsFocusFirst","calciteInternalTabsFocusLast","userTriggered","payload","calciteInternalTabsActivate","calciteTabsActivate","effectiveLocaleChange","updateMessages","effectiveLocale","textContent","trim","childList","subtree","calciteInternalTabsClose","calciteTabsClose","SLOTS","titleGroup","tabsCss","Tabs","mutationsList","mutation","nodeName","updateItems","handleInheritableProps","Fragment","name","titles","registryHandler","calciteTabTitleUnregister","tabs","calciteTabUnregister","nav","querySelector","from","querySelectorAll","forEach","some","sort","a","b","localeCompare","tabDomIndexes","titleDomIndexes","indexInDOM","registryIndex"],"sources":["src/components/tab/resources.ts","src/components/tab/tab.scss?tag=calcite-tab&encapsulation=shadow","src/components/tab/tab.tsx","src/components/tab-nav/resources.ts","src/components/tab-nav/tab-nav.scss?tag=calcite-tab-nav&encapsulation=shadow","src/components/tab-nav/tab-nav.tsx","src/components/tab-title/resources.ts","src/components/tab-title/tab-title.scss?tag=calcite-tab-title&encapsulation=shadow","src/components/tab-title/tab-title.tsx","src/components/tabs/resources.ts","src/components/tabs/tabs.scss?tag=calcite-tabs&encapsulation=shadow","src/components/tabs/tabs.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  content: \"content\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-tab-content-block-padding: Specifies the block padding of the component's content in the `default` slot.\n */\n\n:host([selected]) {\n  section,\n  .container {\n    @apply block;\n  }\n}\n\n:host {\n  @apply hidden h-full w-full;\n}\n\n:host([selected]) {\n  @apply block h-full w-full overflow-auto;\n}\n\n.content {\n  @apply box-border;\n  padding-block: var(--calcite-internal-tab-content-block-padding);\n}\n\n.scale-s {\n  --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme(\"spacing.1\"));\n  @apply text-n2h;\n}\n\n.scale-m {\n  --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme(\"spacing.2\"));\n  @apply text-n1h;\n}\n\n.scale-l {\n  --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme(\"spacing.[2.5]\"));\n  @apply text-0h;\n}\n\nsection,\n.container {\n  @apply hidden h-full w-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport { CSS } from \"./resources\";\nimport { nodeListToArray } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport { Scale } from \"../interfaces\";\nimport { TabChangeEventDetail } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-tab\",\n  styleUrl: \"tab.scss\",\n  shadow: true,\n})\nexport class Tab {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies a unique name for the component.\n   *\n   * When specified, use the same value on the `calcite-tab-title`.\n   */\n  @Prop({ reflect: true }) tab: string;\n\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  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const id = this.el.id || this.guid;\n\n    return (\n      <Host aria-labelledby={this.labeledBy} id={id}>\n        <div\n          class={{ [CSS.container]: true, [`scale-${this.scale}`]: true }}\n          role=\"tabpanel\"\n          tabIndex={this.selected ? 0 : -1}\n        >\n          <section class={CSS.content}>\n            <slot />\n          </section>\n        </div>\n      </Host>\n    );\n  }\n\n  connectedCallback(): void {\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n  }\n\n  componentDidLoad(): void {\n    this.calciteInternalTabRegister.emit();\n  }\n\n  disconnectedCallback(): void {\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    document.body?.dispatchEvent(\n      new CustomEvent(\"calciteTabUnregister\", {\n        detail: this.el,\n      }),\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabRegister: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el: HTMLElement) => el.tagName === \"CALCITE-TABS\");\n\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\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    } else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Returns the index of the component item within the tab array.\n   */\n  @Method()\n  async getTabIndex(): Promise<number> {\n    return Array.prototype.indexOf.call(\n      nodeListToArray(this.el.parentElement.children).filter((el) => el.matches(\"calcite-tab\")),\n      this.el,\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabElement;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  guid = `calcite-tab-title-${guid()}`;\n\n  @State() labeledBy: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  @Method()\n  async updateAriaInfo(tabIds: string[] = [], titleIds: string[] = []): Promise<void> {\n    this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;\n  }\n}\n","export const CSS = {\n  container: \"tab-nav\",\n};\n",":host {\n  @apply relative flex;\n}\n\n.scale-s {\n  min-block-size: theme(\"spacing.6\");\n}\n\n.scale-m {\n  min-block-size: theme(\"spacing.8\");\n}\n\n.scale-l {\n  min-block-size: theme(\"spacing.11\");\n}\n\n:host([layout=\"center\"]:not([bordered])) {\n  // `tab-nav` in all scales in layout=\"center\" has a padding of 20px on both ends\n  padding-inline: theme(\"margin.5\");\n\n  //override margin-inline-end for the last child for tab-nav to implement the 20px padding on both ends instead\n  .tab-nav {\n    ::slotted(calcite-tab-title:last-child) {\n      margin-inline-end: theme(\"margin.0\");\n    }\n  }\n}\n\n:host(:not([bordered])) {\n  .scale-l {\n    ::slotted(calcite-tab-title) {\n      margin-inline-end: theme(\"margin.6\");\n    }\n  }\n  .scale-m {\n    ::slotted(calcite-tab-title) {\n      margin-inline-end: theme(\"margin.5\");\n    }\n  }\n  .scale-s {\n    ::slotted(calcite-tab-title) {\n      margin-inline-end: theme(\"margin.4\");\n    }\n  }\n}\n\n.tab-nav {\n  @apply flex\n    w-full\n    justify-start\n    overflow-auto;\n}\n\n// prevent indicator overflow in horizontal scrolling situations\n.tab-nav-active-indicator-container {\n  @apply absolute\n    inset-x-0\n    bottom-0\n    h-0.5\n    w-full\n    overflow-hidden;\n}\n\n.tab-nav-active-indicator {\n  @apply bg-brand\n    absolute\n    bottom-0\n    block\n    h-0.5\n    transition-all\n    ease-out;\n}\n\n:host([layout=\"center\"]) .tab-nav {\n  @apply justify-evenly;\n}\n\n:host .position-bottom .tab-nav-active-indicator {\n  inset-block-end: unset;\n  @apply top-0;\n}\n\n:host .position-bottom .tab-nav-active-indicator-container {\n  inset-block-end: unset;\n  @apply top-0;\n}\n\n:host([bordered]) .tab-nav-active-indicator-container {\n  inset-block-end: unset; // display active blue line above instead of below\n}\n\n:host([bordered]) .position-bottom .tab-nav-active-indicator-container {\n  inset-block-end: 0; // display active blue line below instead of above\n  inset-block-start: unset;\n}\n\n@media (forced-colors: active) {\n  .tab-nav-active-indicator {\n    background-color: highlight;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  filterDirectChildren,\n  focusElementInGroup,\n  FocusElementInGroupDestination,\n  getElementDir,\n} from \"../../utils/dom\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale } from \"../interfaces\";\nimport { TabChangeEventDetail, TabCloseEventDetail } from \"../tab/interfaces\";\nimport { TabID, TabLayout, TabPosition } from \"../tabs/interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-tab-title`s.\n */\n@Component({\n  tag: \"calcite-tab-nav\",\n  styleUrl: \"tab-nav.scss\",\n  shadow: true,\n})\nexport class TabNav {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the name when saving selected `calcite-tab` data to `localStorage`.\n   */\n  @Prop({ reflect: true }) storageId: string;\n\n  /**\n   * Specifies text to update multiple components to keep in sync if one changes.\n   */\n  @Prop({ reflect: true }) syncId: string;\n\n  /**\n   * Specifies the component's selected `calcite-tab-title`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedTitle: HTMLCalciteTabTitleElement = null;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) layout: TabLayout = \"inline\";\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n   *\n   *  @internal\n   */\n  @Prop() position: TabPosition = \"bottom\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) bordered = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) indicatorOffset: number;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) indicatorWidth: number;\n\n  @Watch(\"selectedTabId\")\n  async selectedTabIdChanged(): Promise<void> {\n    if (\n      localStorage &&\n      this.storageId &&\n      this.selectedTabId !== undefined &&\n      this.selectedTabId !== null\n    ) {\n      localStorage.setItem(`calcite-tab-nav-${this.storageId}`, JSON.stringify(this.selectedTabId));\n    }\n\n    this.calciteInternalTabChange.emit({\n      tab: this.selectedTabId,\n    });\n\n    this.selectedTitle = await this.getTabTitleById(this.selectedTabId);\n  }\n\n  @Watch(\"selectedTitle\")\n  selectedTitleChanged(): void {\n    this.updateOffsetPosition();\n    this.updateActiveWidth();\n    // reset the animation time on tab selection\n    this.activeIndicatorEl.style.transitionDuration = `${this.animationActiveDuration}s`;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n    this.resizeObserver?.observe(this.el);\n  }\n\n  componentWillLoad(): void {\n    const storageKey = `calcite-tab-nav-${this.storageId}`;\n    if (localStorage && this.storageId && localStorage.getItem(storageKey)) {\n      const storedTab = JSON.parse(localStorage.getItem(storageKey));\n      this.selectedTabId = storedTab;\n    }\n  }\n\n  componentWillRender(): void {\n    const { parentTabsEl } = this;\n\n    this.layout = parentTabsEl?.layout;\n    this.bordered = parentTabsEl?.bordered;\n    // fix issue with active tab-title not lining up with blue indicator\n    if (this.selectedTitle) {\n      this.updateOffsetPosition();\n    }\n  }\n\n  componentDidRender(): void {\n    // if every tab title is active select the first tab.\n    if (\n      this.tabTitles.length &&\n      this.tabTitles.every((title) => !title.selected) &&\n      !this.selectedTabId\n    ) {\n      this.tabTitles[0].getTabIdentifier().then((tab) => {\n        this.calciteInternalTabChange.emit({\n          tab,\n        });\n      });\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const width = `${this.indicatorWidth}px`;\n    const offset = `${this.indicatorOffset}px`;\n    const indicatorStyle = dir !== \"rtl\" ? { width, left: offset } : { width, right: offset };\n    return (\n      <Host role=\"tablist\">\n        <div\n          class={{\n            [CSS.container]: true,\n            [`scale-${this.scale}`]: true,\n            [`position-${this.position}`]: true,\n          }}\n          onScroll={this.handleContainerScroll}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={(el: HTMLDivElement) => (this.tabNavEl = el)}\n        >\n          <slot />\n          <div\n            class=\"tab-nav-active-indicator-container\"\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={(el) => (this.activeIndicatorContainerEl = el)}\n          >\n            <div\n              class=\"tab-nav-active-indicator\"\n              style={indicatorStyle}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.activeIndicatorEl = el as HTMLElement)}\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabsFocusPrevious\")\n  focusPreviousTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"previous\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusNext\")\n  focusNextTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"next\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusFirst\")\n  focusFirstTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"first\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusLast\")\n  focusLastTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"last\");\n  }\n\n  @Listen(\"calciteInternalTabsActivate\")\n  internalActivateTabHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    this.selectedTabId = event.detail.tab\n      ? event.detail.tab\n      : this.getIndexOfTabTitle(event.target as HTMLCalciteTabTitleElement);\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteTabsActivate\")\n  activateTabHandler(event: CustomEvent<void>): void {\n    this.calciteTabChange.emit();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalTabsClose\")\n  internalCloseTabHandler(event: CustomEvent<TabCloseEventDetail>): void {\n    const closedTabTitleEl = event.target as HTMLCalciteTabTitleElement;\n    this.handleTabTitleClose(closedTabTitleEl);\n    event.stopPropagation();\n  }\n\n  /**\n   * Check for active tabs on register and update selected\n   *\n   * @param event\n   */\n  @Listen(\"calciteInternalTabTitleRegister\")\n  updateTabTitles(event: CustomEvent<TabID>): void {\n    if ((event.target as HTMLCalciteTabTitleElement).selected) {\n      this.selectedTabId = event.detail;\n    }\n  }\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  globalInternalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    if (\n      this.syncId &&\n      event.target !== this.el &&\n      (event.target as HTMLCalciteTabNavElement).syncId === this.syncId &&\n      this.selectedTabId !== event.detail.tab\n    ) {\n      this.selectedTabId = event.detail.tab;\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalTabIconChanged\")\n  iconStartChangeHandler(): void {\n    this.updateActiveWidth();\n    this.updateOffsetPosition();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the selected `calcite-tab` changes.\n   */\n  @Event({ cancelable: false }) calciteTabChange: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabChange: EventEmitter<TabChangeEventDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabNavElement;\n\n  @State() selectedTabId: TabID;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  tabNavEl: HTMLDivElement;\n\n  activeIndicatorEl: HTMLElement;\n\n  activeIndicatorContainerEl: HTMLDivElement;\n\n  animationActiveDuration = 0.3;\n\n  resizeObserver = createObserver(\"resize\", () => {\n    if (!this.activeIndicatorEl) {\n      return;\n    }\n\n    // remove active indicator transition duration during resize to prevent wobble\n    this.activeIndicatorEl.style.transitionDuration = \"0s\";\n    this.updateActiveWidth();\n    this.updateOffsetPosition();\n  });\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  handleTabFocus = (\n    event: CustomEvent,\n    el: HTMLCalciteTabTitleElement,\n    destination: FocusElementInGroupDestination,\n  ): void => {\n    focusElementInGroup(this.enabledTabTitles, el, destination);\n\n    event.stopPropagation();\n  };\n\n  handleContainerScroll = (): void => {\n    // remove active indicator transition duration while container is scrolling to prevent wobble\n    this.activeIndicatorEl.style.transitionDuration = \"0s\";\n    this.updateOffsetPosition();\n  };\n\n  updateOffsetPosition(): void {\n    const dir = getElementDir(this.el);\n    const navWidth = this.activeIndicatorContainerEl?.offsetWidth;\n    const tabLeft = this.selectedTitle?.offsetLeft;\n    const tabWidth = this.selectedTitle?.offsetWidth;\n    const offsetRight = navWidth - (tabLeft + tabWidth);\n    this.indicatorOffset =\n      dir !== \"rtl\" ? tabLeft - this.tabNavEl?.scrollLeft : offsetRight + this.tabNavEl?.scrollLeft;\n  }\n\n  updateActiveWidth(): void {\n    this.indicatorWidth = this.selectedTitle?.offsetWidth;\n  }\n\n  getIndexOfTabTitle(el: HTMLCalciteTabTitleElement, tabTitles = this.tabTitles): number {\n    // In most cases, since these indexes correlate with tab contents, we want to consider all tab titles.\n    // However, when doing relative index operations, it makes sense to pass in this.enabledTabTitles as the 2nd arg.\n    return tabTitles.indexOf(el);\n  }\n\n  async getTabTitleById(id: TabID): Promise<HTMLCalciteTabTitleElement | null> {\n    return Promise.all(this.tabTitles.map((el) => el.getTabIdentifier())).then((ids) => {\n      return this.tabTitles[ids.indexOf(id)];\n    });\n  }\n\n  get tabTitles(): HTMLCalciteTabTitleElement[] {\n    return filterDirectChildren<HTMLCalciteTabTitleElement>(this.el, \"calcite-tab-title\");\n  }\n\n  get enabledTabTitles(): HTMLCalciteTabTitleElement[] {\n    return filterDirectChildren<HTMLCalciteTabTitleElement>(\n      this.el,\n      \"calcite-tab-title:not([disabled])\",\n    ).filter((tabTitle) => !tabTitle.closed);\n  }\n\n  private handleTabTitleClose(closedTabTitleEl: HTMLCalciteTabTitleElement): void {\n    const { tabTitles } = this;\n    const selectionModified = closedTabTitleEl.selected;\n\n    const visibleTabTitlesIndices = tabTitles.reduce(\n      (tabTitleIndices: number[], tabTitle, index) =>\n        !tabTitle.closed ? [...tabTitleIndices, index] : tabTitleIndices,\n      [],\n    );\n    const totalVisibleTabTitles = visibleTabTitlesIndices.length;\n\n    if (totalVisibleTabTitles === 1 && tabTitles[visibleTabTitlesIndices[0]].closable) {\n      tabTitles[visibleTabTitlesIndices[0]].closable = false;\n      this.selectedTabId = visibleTabTitlesIndices[0];\n\n      if (selectionModified) {\n        tabTitles[visibleTabTitlesIndices[0]].activateTab();\n      }\n    } else if (totalVisibleTabTitles > 1) {\n      const closedTabTitleIndex = tabTitles.findIndex((el) => el === closedTabTitleEl);\n      const nextTabTitleIndex = visibleTabTitlesIndices.find(\n        (value) => value > closedTabTitleIndex,\n      );\n\n      if (this.selectedTabId === closedTabTitleIndex) {\n        this.selectedTabId = nextTabTitleIndex ? nextTabTitleIndex : totalVisibleTabTitles - 1;\n        tabTitles[this.selectedTabId].activateTab();\n      }\n    }\n\n    requestAnimationFrame(() => {\n      this.updateOffsetPosition();\n      this.updateActiveWidth();\n      tabTitles[this.selectedTabId].focus();\n    });\n  }\n}\n","export const CSS = {\n  closeButton: \"close-button\",\n  container: \"container\",\n  content: \"content\",\n  contentHasText: \"content--has-text\",\n  iconEnd: \"icon-end\",\n  iconPresent: \"icon-present\",\n  iconStart: \"icon-start\",\n  titleIcon: \"calcite-tab-title--icon\",\n};\n\nexport const ICONS = {\n  close: \"x\",\n};\n",":host {\n  @apply block outline-none;\n  margin-inline-start: theme(\"margin.0\");\n}\n\n:host([layout=\"inline\"]) {\n  @apply flex-initial;\n}\n\n:host([layout=\"center\"]) {\n  @apply flex-auto;\n}\n\n:host([layout=\"center\"]) .scale-s,\n:host([layout=\"center\"]) .scale-m,\n:host([layout=\"center\"]) .scale-l {\n  @apply my-0 text-center;\n  flex-basis: theme(\"spacing.48\");\n  .content {\n    @apply m-auto;\n  }\n}\n\n// center the text visually and not affected by the x button so as to avoid moving when on or off\n:host([layout=\"center\"][closable]) {\n  .content {\n    padding-inline-start: 32px; //28px button width + 0.25rem padding\n  }\n}\n\n:host([layout=\"center\"][bordered][closable]) .scale-s {\n  .content {\n    padding-inline-start: 36px; //28px button width + 0.5rem padding\n  }\n}\n\n:host([layout=\"center\"][bordered][closable]) .scale-m {\n  .content {\n    padding-inline-start: 40px; //28px button width + 0.75rem padding\n  }\n}\n\n:host([layout=\"center\"][closable]) .scale-l {\n  .content {\n    padding-inline-start: 40px; //36px button width + .25 padding\n  }\n}\n\n:host([layout=\"center\"][closable][bordered]) .scale-s {\n  .content {\n    padding-inline-start: 52px; //36px button width + 1rem padding\n  }\n}\n\n:host([position=\"bottom\"]) .container {\n  @apply border-t-color-transparent\n    border-b-0\n    border-t-2;\n  border-block-start-style: solid;\n}\n\n:host([closed]) {\n  @apply hidden;\n}\n\n.container {\n  @apply focus-base;\n}\n\n:host(:focus) .container {\n  @apply focus-inset;\n\n  &:focus-within {\n    @apply focus-base;\n  }\n}\n\n:host(:active),\n:host(:focus),\n:host(:hover) {\n  a {\n    @apply text-color-1 border-color-2 no-underline;\n  }\n}\n\n:host([selected]) .container {\n  @apply text-color-1 border-color-transparent;\n}\n\n@include disabled() {\n  .container {\n    @apply pointer-events-none opacity-50;\n  }\n}\n\n.scale-s {\n  .content {\n    @apply text-n2h py-1;\n  }\n}\n\n.scale-m {\n  .content {\n    @apply text-n1h py-2;\n  }\n}\n\n.scale-l {\n  .content {\n    @apply text-0h py-2.5;\n  }\n}\n\n.container {\n  @apply border-b-2\n    border-b-color-transparent\n    box-border\n    content-center\n    cursor-pointer\n    flex\n    h-full\n    justify-between\n    px-0\n    text-color-3\n    text-n1h\n    transition-default\n    w-full;\n\n  border-block-end-style: solid;\n}\n\n.content {\n  @apply flex items-center justify-center;\n}\n\n.calcite-tab-title--icon {\n  @apply relative\n    m-0\n    inline-flex\n    self-center;\n  & svg {\n    @apply transition-default;\n  }\n}\n\n.content--has-text {\n  @apply p-1;\n}\n\n.content--has-text .calcite-tab-title--icon.icon-start {\n  margin-inline-end: theme(\"margin.2\");\n}\n\n.content--has-text .calcite-tab-title--icon.icon-end {\n  margin-inline-start: theme(\"margin.2\");\n}\n\n.close-button {\n  @apply appearance-none\n  bg-foreground-1\n  border-none\n  content-center\n  cursor-pointer\n  flex\n  focus-base\n  items-center\n  justify-center\n  self-center\n  text-color-3\n  transition-default;\n\n  block-size: calc(100% - 2px); // fit within top/bottom borders\n  background-color: var(--calcite-button-transparent-1);\n  margin-inline-start: auto;\n\n  &:focus {\n    @apply focus-inset;\n\n    // ⚠️overriding outline-offset should be avoided as it won't honor --calcite-color-focus-offset-invert\n    outline-offset: -1px;\n  }\n\n  &:focus,\n  &:hover {\n    @apply text-color-1;\n    background-color: var(--calcite-color-foreground-2);\n  }\n\n  &:active {\n    @apply text-color-1;\n    background-color: var(--calcite-color-foreground-3);\n  }\n\n  & calcite-icon {\n    color: inherit;\n  }\n}\n\n// compensate for spacing when no hastext and two icons\n:host([icon-start][icon-end]) {\n  .calcite-tab-title--icon:first-child {\n    margin-inline-end: theme(\"margin.2\");\n  }\n}\n\n// bordered styles\n:host([bordered]) {\n  margin-inline-end: 0;\n}\n\n:host([bordered][selected]) {\n  box-shadow: inset 0px -2px var(--calcite-color-foreground-1);\n}\n\n:host([bordered][selected][position=\"bottom\"]) {\n  box-shadow: inset 0 2px 0 var(--calcite-color-foreground-1);\n}\n\n:host([bordered]:hover),\n:host([bordered]:focus),\n:host([bordered]:active) {\n  .container {\n    @apply relative;\n  }\n}\n\n:host([bordered]:hover) {\n  .container {\n    background-color: var(--calcite-color-transparent-hover);\n  }\n}\n\n:host([closable]) .container,\n:host([bordered]) .container {\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n  .close-button {\n    margin-inline: 0;\n  }\n}\n\n:host([closable]) .content {\n  @apply h-full box-border border-b-color-transparent;\n}\n\n:host([closable][position=\"bottom\"]) .container,\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-color-border-1);\n  border-inline-end-color: var(--calcite-color-border-1);\n}\n\n:host([bordered]) {\n  .content {\n    @apply px-3;\n  }\n}\n\n:host([bordered]) .scale-s {\n  .content {\n    @apply px-2;\n  }\n}\n\n:host([bordered]) .scale-l {\n  .content {\n    @apply px-4;\n  }\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=\"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=\"bottom\"][selected]) .container {\n    border-block-start-style: none;\n  }\n\n  .close-button {\n    /* in high contrast the tab title outline covers the close button outline without a z-index */\n    @apply z-default;\n  }\n}\n\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, toAriaBoolean, nodeListToArray } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { FlipContext, Scale } from \"../interfaces\";\nimport { TabChangeEventDetail, TabCloseEventDetail } from \"../tab/interfaces\";\nimport { CSS, ICONS } from \"./resources\";\nimport { TabID, TabLayout, TabPosition } from \"../tabs/interfaces\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { TabTitleMessages } from \"./assets/tab-title/t9n\";\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * Tab-titles are optionally individually closable.\n */\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-tab-title\",\n  styleUrl: \"tab-title.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TabTitle implements InteractiveComponent, LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\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  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedHandler(): void {\n    if (this.selected) {\n      this.activateTab(false);\n    }\n  }\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, does not display or position the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) layout: TabLayout;\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n   *\n   *  @internal\n   */\n  @Prop() position: TabPosition = \"top\";\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) bordered = false;\n\n  /**\n   * Specifies a unique name for the component.\n   *\n   * When specified, use the same value on the `calcite-tab`.\n   */\n  @Prop({ reflect: true }) tab: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TabTitleMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TabTitleMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.setupTextContentObserver();\n    this.parentTabNavEl = this.el.closest(\"calcite-tab-nav\");\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    document.body?.dispatchEvent(\n      new CustomEvent(\"calciteTabTitleUnregister\", {\n        detail: this.el,\n      }),\n    );\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    if (Build.isBrowser) {\n      this.updateHasText();\n    }\n    if (this.tab && this.selected) {\n      this.activateTab(false);\n    }\n  }\n\n  componentWillRender(): void {\n    if (this.parentTabsEl) {\n      this.layout = this.parentTabsEl.layout;\n      this.bordered = this.parentTabsEl.bordered;\n    }\n  }\n\n  render(): VNode {\n    const { el, closed } = this;\n    const id = el.id || this.guid;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconStart]: true }}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const iconEndEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconEnd]: true }}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    return (\n      <Host\n        aria-controls={this.controls}\n        aria-selected={toAriaBoolean(this.selected)}\n        id={id}\n        role=\"tab\"\n        tabIndex={this.selected && !this.disabled ? 0 : -1}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class={{\n              container: true,\n              [CSS.iconPresent]: !!this.iconStart || !!this.iconEnd,\n              [`scale-${this.scale}`]: true,\n            }}\n            hidden={closed}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={(el) => this.resizeObserver?.observe(el)}\n          >\n            <div class={{ [CSS.content]: true, [CSS.contentHasText]: this.hasText }}>\n              {this.iconStart ? iconStartEl : null}\n              <slot />\n              {this.iconEnd ? iconEndEl : null}\n            </div>\n            {this.renderCloseButton()}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  renderCloseButton(): VNode {\n    const { closable, messages } = this;\n\n    return closable ? (\n      <button\n        aria-label={messages.close}\n        class={CSS.closeButton}\n        disabled={false}\n        key={CSS.closeButton}\n        onClick={this.closeClickHandler}\n        title={messages.close}\n        type=\"button\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.closeButtonEl = el)}\n      >\n        <calcite-icon icon={ICONS.close} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  async componentDidLoad(): Promise<void> {\n    this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el: HTMLElement) => el.tagName === \"CALCITE-TABS\");\n\n    if (targetTabsEl !== this.parentTabsEl) {\n      return;\n    }\n\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    } else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"click\")\n  onClick(): void {\n    this.activateTab();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        if (!event.composedPath().includes(this.closeButtonEl)) {\n          this.activateTab();\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusNext.emit();\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        } else {\n          this.calciteInternalTabsFocusNext.emit();\n        }\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusFirst.emit();\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusLast.emit();\n        break;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when a `calcite-tab` is selected.\n   */\n  @Event({ cancelable: false }) calciteTabsActivate: EventEmitter<void>;\n\n  /**\n   * Fires when a `calcite-tab` is selected (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts#L1)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsActivate: EventEmitter<TabChangeEventDetail>;\n\n  /**\n   * Fires when a `calcite-tab` is closed.\n   */\n  @Event({ cancelable: false }) calciteTabsClose: EventEmitter<void>;\n\n  /**\n   * Fires when `calcite-tab` is closed (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsClose: EventEmitter<TabCloseEventDetail>;\n  /**\n   * @internal\n   */\n\n  @Event({ cancelable: false }) calciteInternalTabsFocusNext: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusPrevious: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusFirst: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusLast: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabTitleRegister: EventEmitter<TabID>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabIconChanged: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Returns the index of the title within the `calcite-tab-nav`.\n   */\n  @Method()\n  async getTabIndex(): Promise<number> {\n    return Array.prototype.indexOf.call(\n      nodeListToArray(this.el.parentElement.children).filter((el) =>\n        el.matches(\"calcite-tab-title\"),\n      ),\n      this.el,\n    );\n  }\n\n  /**\n   * @internal\n   */\n  @Method()\n  async getTabIdentifier(): Promise<TabID> {\n    return this.tab ? this.tab : this.getTabIndex();\n  }\n\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  @Method()\n  async updateAriaInfo(tabIds: string[] = [], titleIds: string[] = []): Promise<void> {\n    this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;\n  }\n\n  /**\n   * This activates a tab in order for it and its associated tab-title be selected.\n   *\n   * @param userTriggered - when `true`, user-interaction events will be emitted in addition to internal events\n   * @internal\n   */\n  @Method()\n  async activateTab(userTriggered = true): Promise<void> {\n    if (this.disabled || this.closed) {\n      return;\n    }\n    const payload = { tab: this.tab };\n    this.calciteInternalTabsActivate.emit(payload);\n\n    if (userTriggered) {\n      // emit in the next frame to let internal events sync up\n      requestAnimationFrame(() => this.calciteTabsActivate.emit());\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private closeClickHandler = (): void => {\n    this.closeTabTitleAndNotify();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabTitleElement;\n\n  /** watches for changing text content */\n  mutationObserver: MutationObserver = createObserver(\"mutation\", () => this.updateHasText());\n\n  @State() controls: string;\n\n  @State() defaultMessages: TabTitleMessages;\n\n  @State() effectiveLocale: \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  /** determine if there is slotted text for styling purposes */\n  @State() hasText = false;\n\n  closeButtonEl: HTMLButtonElement;\n\n  containerEl: HTMLDivElement;\n\n  parentTabNavEl: HTMLCalciteTabNavElement;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  resizeObserver = createObserver(\"resize\", () => {\n    this.calciteInternalTabIconChanged.emit();\n  });\n\n  updateHasText(): void {\n    this.hasText = this.el.textContent.trim().length > 0;\n  }\n\n  setupTextContentObserver(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  closeTabTitleAndNotify(): void {\n    this.closed = true;\n    this.calciteInternalTabsClose.emit({ tab: this.tab });\n    this.calciteTabsClose.emit();\n  }\n\n  guid = `calcite-tab-title-${guid()}`;\n}\n","export const SLOTS = {\n  titleGroup: \"title-group\",\n};\n",":host {\n  @apply flex flex-col;\n}\n\n:host([bordered]) {\n  box-shadow: inset 0 1px 0 var(--calcite-color-border-1);\n  background-color: var(--calcite-color-foreground-1);\n}\n\n:host([bordered]:not([position=\"bottom\"])) ::slotted(calcite-tab-nav) {\n  margin-block-end: -1px;\n}\n\n:host([bordered][position=\"bottom\"]) {\n  box-shadow:\n    inset 0 1px 0 var(--calcite-color-border-1),\n    inset 0 -1px 0 var(--calcite-color-border-1);\n}\n\n:host([bordered]) section {\n  @apply border-color-1 border border-solid;\n}\n\n:host([bordered][scale=\"s\"]) section {\n  @apply p-3;\n}\n\n:host([bordered][scale=\"m\"]) section {\n  @apply p-2;\n}\n\n:host([bordered][scale=\"l\"]) section {\n  @apply p-4;\n}\n\n:host([position=\"bottom\"]) {\n  @apply flex-col-reverse;\n}\n\nsection {\n  @apply border-t-color-1\n    flex\n    flex-grow\n    overflow-hidden\n    border-t;\n  border-block-start-style: solid;\n}\n\n:host([position=\"bottom\"]) section {\n  @apply border-b-color-1\n    flex-col-reverse\n    border-t-0\n    border-b;\n}\n\n:host([position=\"bottom\"]:not([bordered])) section {\n  border-block-end-style: solid;\n}\n\n@media (forced-colors: active) {\n  :host([bordered]) section {\n    @apply border-t-0\n      border-b;\n  }\n  :host([position=\"bottom\"][bordered]) section {\n    @apply border-t\n      border-b-0;\n  }\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Listen, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Scale } from \"../interfaces\";\nimport { TabLayout, TabPosition } from \"./interfaces\";\nimport { SLOTS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\n\n/**\n * @slot - A slot for adding `calcite-tab`s.\n * @slot title-group - A slot for adding a `calcite-tab-nav`.\n */\n@Component({\n  tag: \"calcite-tabs\",\n  styleUrl: \"tabs.scss\",\n  shadow: true,\n})\nexport class Tabs {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`\"inline\"`), or across and centered (`\"center\"`).\n   */\n  @Prop({ reflect: true }) layout: TabLayout = \"inline\";\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`.\n   */\n  @Prop({ reflect: true }) position: TabPosition = \"top\";\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"position\")\n  @Watch(\"scale\")\n  handleInheritableProps(): void {\n    this.updateItems();\n  }\n\n  /**\n   * When `true`, the component will display with a folder style menu.\n   */\n  @Prop() bordered = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver.observe(this.el, { childList: true });\n    this.updateItems();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.updateItems();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <slot name={SLOTS.titleGroup} />\n        <section>\n          <slot />\n        </section>\n      </Fragment>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteInternalTabTitleRegister\")\n  calciteInternalTabTitleRegister(event: CustomEvent): void {\n    this.titles = [...this.titles, event.target as HTMLCalciteTabTitleElement];\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteTabTitleUnregister\", { target: \"body\" })\n  calciteTabTitleUnregister(event: CustomEvent): void {\n    this.titles = this.titles.filter((el) => el !== event.detail);\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteInternalTabRegister\")\n  calciteInternalTabRegister(event: CustomEvent): void {\n    this.tabs = [...this.tabs, event.target as HTMLCalciteTabElement];\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteTabUnregister\", { target: \"body\" })\n  calciteTabUnregister(event: CustomEvent): void {\n    this.tabs = this.tabs.filter((el) => el !== event.detail);\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabsElement;\n\n  /**\n   *\n   * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA\n   * attributes.\n   */\n  @State() titles: HTMLCalciteTabTitleElement[] = [];\n\n  /**\n   *\n   * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.\n   */\n  @State() tabs: HTMLCalciteTabElement[] = [];\n\n  mutationObserver = createObserver(\"mutation\", (mutationsList: MutationRecord[]) => {\n    for (const mutation of mutationsList) {\n      const target = mutation.target as HTMLElement;\n      if (\n        target.nodeName === \"CALCITE-TAB-NAV\" ||\n        target.nodeName === \"CALCITE-TAB-TITLE\" ||\n        target.nodeName === \"CALCITE-TAB\"\n      ) {\n        this.updateItems();\n      }\n    }\n  });\n\n  private updateItems(): void {\n    const { position, scale } = this;\n\n    const nav = this.el.querySelector(\"calcite-tab-nav\");\n    if (nav) {\n      nav.position = position;\n      nav.scale = scale;\n    }\n\n    Array.from(this.el.querySelectorAll(\"calcite-tab\")).forEach((tab: HTMLCalciteTabElement) => {\n      if (tab.parentElement === this.el) {\n        tab.scale = scale;\n      }\n    });\n\n    Array.from(this.el.querySelectorAll(\"calcite-tab-nav > calcite-tab-title\")).forEach(\n      (title: HTMLCalciteTabTitleElement) => {\n        title.position = position;\n        title.scale = scale;\n      },\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   *\n   * Matches up elements from the internal `tabs` and `titles` to automatically\n   * update the ARIA attributes and link `<calcite-tab>` and\n   * `<calcite-tab-title>` components.\n   */\n  async registryHandler(): Promise<void> {\n    let tabIds;\n    let titleIds;\n\n    // determine if we are using `tab` based or `index` based tab identifiers.\n    if (this.tabs.some((el) => el.tab) || this.titles.some((el) => el.tab)) {\n      // if we are using `tab` based identifiers sort by `tab` to account for\n      // possible out of order tabs and get the id of each tab\n      tabIds = this.tabs.sort((a, b) => a.tab.localeCompare(b.tab)).map((el) => el.id);\n      titleIds = this.titles.sort((a, b) => a.tab.localeCompare(b.tab)).map((el) => el.id);\n    } else {\n      // if we are using index based tabs then the `<calcite-tab>` and\n      // `<calcite-tab-title>` might have been rendered out of order so the\n      // order of `this.tabs` and `this.titles` might not reflect the DOM state,\n      // and might not match each other so we need to get the index of all the\n      // tabs and titles in the DOM order to match them up as a source of truth\n      const tabDomIndexes = await Promise.all(this.tabs.map((el) => el.getTabIndex()));\n\n      const titleDomIndexes = await Promise.all(this.titles.map((el) => el.getTabIndex()));\n\n      // once we have the DOM order as a source of truth we can build the\n      // matching tabIds and titleIds arrays\n      tabIds = tabDomIndexes.reduce((ids, indexInDOM, registryIndex) => {\n        ids[indexInDOM] = this.tabs[registryIndex].id;\n        return ids;\n      }, []);\n\n      titleIds = titleDomIndexes.reduce((ids, indexInDOM, registryIndex) => {\n        ids[indexInDOM] = this.titles[registryIndex].id;\n        return ids;\n      }, []);\n    }\n\n    // pass all our new aria information to each `<calcite-tab>` and\n    // `<calcite-tab-title>` which will check if they can update their internal\n    // `controlled` or `labeledBy` states and re-render if necessary\n    this.tabs.forEach((el) => el.updateAriaInfo(tabIds, titleIds));\n    this.titles.forEach((el) => el.updateAriaInfo(tabIds, titleIds));\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-6a58d3fb.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as _}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";var p={name:"th",weekdays:"อาทิตย์_จันทร์_อังคาร_พุธ_พฤหัสบดี_ศุกร์_เสาร์".split("_"),weekdaysShort:"อาทิตย์_จันทร์_อังคาร_พุธ_พฤหัส_ศุกร์_เสาร์".split("_"),weekdaysMin:"อา._จ._อ._พ._พฤ._ศ._ส.".split("_"),months:"มกราคม_กุมภาพันธ์_มีนาคม_เมษายน_พฤษภาคม_มิถุนายน_กรกฎาคม_สิงหาคม_กันยายน_ตุลาคม_พฤศจิกายน_ธันวาคม".split("_"),monthsShort:"ม.ค._ก.พ._มี.ค._เม.ย._พ.ค._มิ.ย._ก.ค._ส.ค._ก.ย._ต.ค._พ.ย._ธ.ค.".split("_"),formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY เวลา H:mm",LLLL:"วันddddที่ D MMMM YYYY เวลา H:mm"},relativeTime:{future:"อีก %s",past:"%sที่แล้ว",s:"ไม่กี่วินาที",m:"1 นาที",mm:"%d นาที",h:"1 ชั่วโมง",hh:"%d ชั่วโมง",d:"1 วัน",dd:"%d วัน",M:"1 เดือน",MM:"%d เดือน",y:"1 ปี",yy:"%d ปี"},ordinal:function _(p){return p+"."}};_.locale(p,null,true);export default p;
+//# sourceMappingURL=p-6a58d3fb.js.map

package/dist/calcite/p-6be8d1e0.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as _}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";var p={name:"el",weekdays:"Κυριακή_Δευτέρα_Τρίτη_Τετάρτη_Πέμπτη_Παρασκευή_Σάββατο".split("_"),weekdaysShort:"Κυρ_Δευ_Τρι_Τετ_Πεμ_Παρ_Σαβ".split("_"),weekdaysMin:"Κυ_Δε_Τρ_Τε_Πε_Πα_Σα".split("_"),months:"Ιανουάριος_Φεβρουάριος_Μάρτιος_Απρίλιος_Μάιος_Ιούνιος_Ιούλιος_Αύγουστος_Σεπτέμβριος_Οκτώβριος_Νοέμβριος_Δεκέμβριος".split("_"),monthsShort:"Ιαν_Φεβ_Μαρ_Απρ_Μαι_Ιουν_Ιουλ_Αυγ_Σεπτ_Οκτ_Νοε_Δεκ".split("_"),ordinal:function _(p){return p},weekStart:1,relativeTime:{future:"σε %s",past:"πριν %s",s:"μερικά δευτερόλεπτα",m:"ένα λεπτό",mm:"%d λεπτά",h:"μία ώρα",hh:"%d ώρες",d:"μία μέρα",dd:"%d μέρες",M:"ένα μήνα",MM:"%d μήνες",y:"ένα χρόνο",yy:"%d χρόνια"},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"}};_.locale(p,null,true);export default p;
+//# sourceMappingURL=p-6be8d1e0.js.map

package/dist/calcite/p-6c4b1d9d.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as a}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";var e={name:"en-ca",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function a(e){return e},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};a.locale(e,null,true);export default e;
+//# sourceMappingURL=p-6c4b1d9d.js.map

package/dist/calcite/p-6c981373.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{r as e,c as t,h as a,H as i,g as n}from"./p-2c5a5185.js";import{a as s,l as o,b as l}from"./p-4582df61.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-823e8612.js";const c={container:"container"};const r=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const d=class{constructor(a){e(this,a);this.calciteInternalLabelClick=t(this,"calciteInternalLabelClick",2);this.labelClickHandler=e=>{this.calciteInternalLabelClick.emit({sourceEvent:e})};this.alignment="start";this.for=undefined;this.scale="m";this.layout="default"}handleForChange(){s(this.el)}connectedCallback(){document.dispatchEvent(new CustomEvent(o))}disconnectedCallback(){document.dispatchEvent(new CustomEvent(l))}render(){return a(i,{onClick:this.labelClickHandler},a("div",{class:c.container},a("slot",null)))}get el(){return n(this)}static get watchers(){return{for:["handleForChange"]}}};d.style=r;export{d as calcite_label};
+//# sourceMappingURL=p-6c981373.entry.js.map

package/dist/calcite/p-6d6b972e.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as s}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";var i="sausio_vasario_kovo_balandžio_gegužės_birželio_liepos_rugpjūčio_rugsėjo_spalio_lapkričio_gruodžio".split("_");var a="sausis_vasaris_kovas_balandis_gegužė_birželis_liepa_rugpjūtis_rugsėjis_spalis_lapkritis_gruodis".split("_");var m=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?|MMMM?(\[[^\[\]]*\]|\s)+D[oD]?/;var M=function s(M,e){if(m.test(e)){return i[M.month()]}return a[M.month()]};M.s=a;M.f=i;var e={name:"lt",weekdays:"sekmadienis_pirmadienis_antradienis_trečiadienis_ketvirtadienis_penktadienis_šeštadienis".split("_"),weekdaysShort:"sek_pir_ant_tre_ket_pen_šeš".split("_"),weekdaysMin:"s_p_a_t_k_pn_š".split("_"),months:M,monthsShort:"sau_vas_kov_bal_geg_bir_lie_rgp_rgs_spa_lap_grd".split("_"),ordinal:function s(i){return i+"."},weekStart:1,relativeTime:{future:"už %s",past:"prieš %s",s:"kelias sekundes",m:"minutę",mm:"%d minutes",h:"valandą",hh:"%d valandas",d:"dieną",dd:"%d dienas",M:"mėnesį",MM:"%d mėnesius",y:"metus",yy:"%d metus"},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"}};s.locale(e,null,true);export default e;
+//# sourceMappingURL=p-6d6b972e.js.map

package/dist/calcite/p-6dab2b76.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as e}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";function r(e){return e>1&&e<5&&~~(e/10)!==1}function t(e,t,n,s){var m=e+" ";switch(n){case"s":return t||s?"pár sekund":"pár sekundami";case"m":return t?"minuta":s?"minutu":"minutou";case"mm":if(t||s){return m+(r(e)?"minuty":"minut")}return m+"minutami";case"h":return t?"hodina":s?"hodinu":"hodinou";case"hh":if(t||s){return m+(r(e)?"hodiny":"hodin")}return m+"hodinami";case"d":return t||s?"den":"dnem";case"dd":if(t||s){return m+(r(e)?"dny":"dní")}return m+"dny";case"M":return t||s?"měsíc":"měsícem";case"MM":if(t||s){return m+(r(e)?"měsíce":"měsíců")}return m+"měsíci";case"y":return t||s?"rok":"rokem";case"yy":if(t||s){return m+(r(e)?"roky":"let")}return m+"lety"}}var n={name:"cs",weekdays:"neděle_pondělí_úterý_středa_čtvrtek_pátek_sobota".split("_"),weekdaysShort:"ne_po_út_st_čt_pá_so".split("_"),weekdaysMin:"ne_po_út_st_čt_pá_so".split("_"),months:"leden_únor_březen_duben_květen_červen_červenec_srpen_září_říjen_listopad_prosinec".split("_"),monthsShort:"led_úno_bře_dub_kvě_čvn_čvc_srp_zář_říj_lis_pro".split("_"),weekStart:1,yearStart:4,ordinal:function e(r){return r+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"za %s",past:"před %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(n,null,true);export default n;
+//# sourceMappingURL=p-6dab2b76.js.map

package/dist/calcite/p-71c665c4.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{h as t,r as i,c as e,H as s,g as n}from"./p-2c5a5185.js";import{f as o}from"./p-99ff99e5.js";import{z as c,B as a,C as l,i as r,t as h,e as d}from"./p-07e62779.js";import{d as p,f as u,c as m,r as b,a as f,F as g}from"./p-68420d26.js";import{s as x,c as v,a as y,d as w,H as C}from"./p-9b2f6f6f.js";import{g as k}from"./p-e9580c79.js";import{c as I,u as z,d as $,I as E}from"./p-bbee4a2f.js";import{c as H,d as S,g as A}from"./p-4582df61.js";import{b as D,c as j,s as O,a as M}from"./p-a652a193.js";import{c as P,d as F}from"./p-74a4aaf4.js";import{c as L}from"./p-f07f2b9f.js";import{o as B}from"./p-892cc6f5.js";import{c as T,s as R,d as W,u as V}from"./p-196291ea.js";import{g as G}from"./p-823e8612.js";import{V as X}from"./p-989694e4.js";import{d as _}from"./p-878c5964.js";import{c as U,d as Y}from"./p-e47c6e91.js";import"./p-a8957238.js";import"./p-26710f27.js";import"./p-f511cecc.js";const K="CALCITE-COMBOBOX-ITEM";const N="CALCITE-COMBOBOX-ITEM-GROUP";const q=`${K}, ${N}`;const J={chipInvisible:"chip--invisible",selectionDisplayFit:"selection-display-fit",selectionDisplaySingle:"selection-display-single",listContainer:"list-container"};function Q(t){const i=t.parentElement?.closest(q);const e=i?.parentElement?.closest(q);return[i,e].filter((t=>t))}function Z(t){return t.ancestors?.filter((t=>t.nodeName==="CALCITE-COMBOBOX-ITEM"))||[]}function tt(t){return c(t.querySelectorAll("calcite-combobox-item"))}function it(t){const i=c(t.querySelectorAll("calcite-combobox-item"));return i.filter((t=>t.selected)).length>0}function et(t){const i=document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return i.snapshotLength}function st(t){return t.includes("single")}const nt={button:"x-button"};function ot({disabled:i,key:e,label:s,onClick:n,ref:o,scale:c}){return t("button",{"aria-label":s,class:nt.button,disabled:i,key:e,onClick:n,tabIndex:-1,type:"button",ref:o},t("calcite-icon",{icon:"x",scale:G(c)}))}const ct="48px";const at=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]) .x-button{inline-size:1rem;block-size:1rem}:host([scale=m]) .x-button{inline-size:1.5rem;block-size:1.5rem}:host([scale=l]) .x-button{inline-size:2rem;block-size:2rem}.x-button{margin:0px;display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-width:2px;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-radius:50%;border-color:transparent;background-color:var(--calcite-color-foreground-2)}.x-button:active,.x-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.x-button:active{border-style:solid;border-color:var(--calcite-color-brand)}.x-button calcite-icon{color:inherit}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.25rem - 1px)}:host([scale=s]) .x-button{margin-inline:0.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.5rem - 1px)}:host([scale=m]) .x-button{margin-inline-end:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:1.5rem;--calcite-internal-combobox-input-margin-block:calc(0.625rem - 1px)}:host([scale=l]) .x-button{margin-inline-end:1rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{position:relative;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;gap:var(--calcite-combobox-item-spacing-unit-s)}.grid-input.selection-display-fit,.grid-input.selection-display-single{flex-wrap:nowrap;overflow:hidden}.input{flex-grow:1;appearance:none;text-overflow:ellipsis;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-color-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-combobox-item-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:2px solid transparent;outline-offset:2px}.input:placeholder-shown{text-overflow:ellipsis}.input--transparent{opacity:0}.input--single{padding:0px;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;display:flex;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.floating-ui-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}.floating-ui-container--active{visibility:visible}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}calcite-chip{--calcite-animation-timing:0}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);max-inline-size:100%}.chip--active{background-color:var(--calcite-color-foreground-3)}.chip--invisible{visibility:hidden;position:absolute}.item{display:block}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}::slotted(calcite-combobox-item-group:not(:first-child)){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}";const lt=t=>t.tagName===N;const rt="combobox-item-";const ht="combobox-chip-";const dt="combobox-label-";const pt="combobox-listbox-";const ut="combobox-input-";const mt=class{constructor(t){i(this,t);this.calciteComboboxChange=e(this,"calciteComboboxChange",6);this.calciteComboboxFilterChange=e(this,"calciteComboboxFilterChange",6);this.calciteComboboxChipClose=e(this,"calciteComboboxChipClose",6);this.calciteComboboxBeforeClose=e(this,"calciteComboboxBeforeClose",6);this.calciteComboboxClose=e(this,"calciteComboboxClose",6);this.calciteComboboxBeforeOpen=e(this,"calciteComboboxBeforeOpen",6);this.calciteComboboxOpen=e(this,"calciteComboboxOpen",6);this.placement=p;this.internalValueChangeFlag=false;this.textInput=null;this.mutationObserver=L("mutation",(()=>this.updateItems()));this.resizeObserver=L("resize",(()=>{this.setMaxScrollerHeight();this.refreshSelectionDisplay()}));this.guid=k();this.inputHeight=0;this.ignoreSelectedEventsFlag=false;this.openTransitionProp="opacity";this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?u(i,t):null};this.getValue=()=>{const t=this.selectedItems.map((t=>t?.value?.toString()));return t?.length?t.length>1?t:t[0]:""};this.onLabelClick=()=>{this.setFocus()};this.keyDownHandler=t=>{const{key:i}=t;switch(i){case"Tab":this.activeChipIndex=-1;this.activeItemIndex=-1;if(this.allowCustomValues&&this.text){this.addCustomChip(this.text,true);t.preventDefault()}else if(this.open){this.open=false;t.preventDefault()}else if(!this.allowCustomValues&&this.text){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}break;case"ArrowLeft":this.previousChip();t.preventDefault();break;case"ArrowRight":this.nextChip();t.preventDefault();break;case"ArrowUp":t.preventDefault();if(this.open){this.shiftActiveItemIndex(-1)}if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"ArrowDown":t.preventDefault();if(this.open){this.shiftActiveItemIndex(1)}else{this.open=true;this.ensureRecentSelectedItemIsActive()}if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case" ":if(!this.textInput.value){if(!this.open){this.open=true;this.shiftActiveItemIndex(1)}t.preventDefault()}break;case"Home":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(0);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"End":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(this.filteredItems.length-1);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"Escape":if(!this.clearDisabled&&!this.open){this.clearValue()}this.open=false;t.preventDefault();break;case"Enter":if(this.activeItemIndex>-1){this.toggleSelection(this.filteredItems[this.activeItemIndex]);t.preventDefault()}else if(this.activeChipIndex>-1){this.removeActiveChip();t.preventDefault()}else if(this.allowCustomValues&&this.text){this.addCustomChip(this.text,true);t.preventDefault()}else if(!t.defaultPrevented){if(x(this)){t.preventDefault()}}break;case"Delete":case"Backspace":const i=this.selectionDisplay==="single"||this.selectionDisplay==="fit"&&this.selectedHiddenChipsCount>0;if(i){return}if(this.activeChipIndex>-1){t.preventDefault();this.removeActiveChip()}else if(!this.text&&this.isMulti()){t.preventDefault();this.removeLastChip()}break}};this.toggleCloseEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxClose",this.toggleCloseEnd)};this.toggleOpenEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxOpen",this.toggleOpenEnd)};this.setMaxScrollerHeight=async()=>{const{listContainerEl:t,open:i,referenceEl:e}=this;if(!t||!i){return}await this.reposition(true);const s=this.getMaxScrollerHeight();t.style.maxHeight=s>0?`${s}px`:"";t.style.minWidth=`${e.clientWidth}px`;await this.reposition(true)};this.calciteChipCloseHandler=t=>{this.open=false;const i=this.items.find((i=>i===t));if(i){this.toggleSelection(i,false)}this.calciteComboboxChipClose.emit()};this.clickHandler=t=>{const i=t.composedPath();if(i.some((t=>t.tagName==="CALCITE-CHIP"))){this.open=false;t.preventDefault();return}if(i.some((t=>t.classList?.contains(nt.button)))){this.clearValue();t.preventDefault();return}this.open=!this.open;this.ensureRecentSelectedItemIsActive()};this.refreshSelectionDisplay=async()=>{await D(this);if(st(this.selectionMode)){return}if(!this.textInput){return}const{allSelectedIndicatorChipEl:t,chipContainerEl:i,selectionDisplay:e,placeholder:s,selectedIndicatorChipEl:n,textInput:o}=this;const c=parseInt(getComputedStyle(i).gap.replace("px",""));const r=a(i);const{fontSize:h,fontFamily:d}=getComputedStyle(o);const p=l(s,`${h} ${d}`);const u=(p||parseInt(ct))+c;const m=a(t);const b=a(n);const f=Math.max(m,b);this.setCompactSelectionDisplay({chipContainerElGap:c,chipContainerElWidth:r,inputWidth:u,largestSelectedIndicatorChipWidth:f});if(e==="fit"){const t=Array.from(this.el.shadowRoot.querySelectorAll("calcite-chip")).filter((t=>t.closable));const i=Math.round(r-((this.selectedHiddenChipsCount>0?b:0)+c+u+c));this.refreshChipDisplay({availableHorizontalChipElSpace:i,chipContainerElGap:c,chipEls:t});this.setVisibleAndHiddenChips(t)}};this.setFloatingEl=t=>{this.floatingEl=t;m(this,this.referenceEl,this.floatingEl)};this.setContainerEl=t=>{this.resizeObserver.observe(t);this.listContainerEl=t;this.transitionEl=t};this.setChipContainerEl=t=>{this.resizeObserver.observe(t);this.chipContainerEl=t};this.setReferenceEl=t=>{this.referenceEl=t;m(this,this.referenceEl,this.floatingEl)};this.setAllSelectedIndicatorChipEl=t=>{this.allSelectedIndicatorChipEl=t};this.setSelectedIndicatorChipEl=t=>{this.selectedIndicatorChipEl=t};this.inputHandler=t=>{const i=t.target.value;this.text=i;this.filterItems(i);if(i){this.activeChipIndex=-1}};this.filterItems=(()=>{const t=(t,i)=>t&&i.some((({label:i,value:e})=>lt(t)?i===t.label:e===t.value&&i===t.textLabel));return _((i=>{const e=o(this.data,i);const s=this.getItemsAndGroups();s.forEach((i=>{const s=!t(i,e);i.hidden=s;const[n,o]=i.ancestors;if(t(n,e)||t(o,e)){i.hidden=false}if(!s){i.ancestors.forEach((t=>t.hidden=false))}}));this.filteredItems=this.getFilteredItems();this.calciteComboboxFilterChange.emit()}),100)})();this.internalComboboxChangeEvent=()=>{this.calciteComboboxChange.emit()};this.emitComboboxChange=_(this.internalComboboxChangeEvent,0);this.getSelectedItems=()=>{if(!this.isMulti()){const t=this.items.find((({selected:t})=>t));return t?[t]:[]}return this.items.filter((t=>t.selected&&(this.selectionMode!=="ancestors"||!it(t)))).sort(((t,i)=>{const e=this.selectedItems.indexOf(t);const s=this.selectedItems.indexOf(i);if(e>-1&&s>-1){return e-s}return s-e}))};this.updateItems=()=>{this.items=this.getItems();this.groupItems=this.getGroupItems();this.data=this.getData();this.selectedItems=this.getSelectedItems();this.filteredItems=this.getFilteredItems();this.needsIcon=this.getNeedsIcon();this.items.forEach((t=>{t.selectionMode=this.selectionMode;t.scale=this.scale}));if(!this.allowCustomValues){this.setMaxScrollerHeight()}this.groupItems.forEach(((t,i,e)=>{if(i===0){t.afterEmptyGroup=false}const s=e[i+1];if(s){s.afterEmptyGroup=t.children.length===0}}))};this.scrollToActiveItem=()=>{const t=this.filteredItems[this.activeItemIndex];if(!t){return}const i=this.calculateSingleItemHeight(t);const{offsetHeight:e,scrollTop:s}=this.listContainerEl;if(e+s<t.offsetTop+i){this.listContainerEl.scrollTop=t.offsetTop-e+i}else if(t.offsetTop<s){this.listContainerEl.scrollTop=t.offsetTop}};this.comboboxFocusHandler=()=>{if(this.disabled){return}this.textInput?.focus()};this.clearDisabled=false;this.selectionDisplay="all";this.open=false;this.disabled=false;this.form=undefined;this.label=undefined;this.placeholder=undefined;this.placeholderIcon=undefined;this.placeholderIconFlipRtl=false;this.maxItems=0;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.allowCustomValues=undefined;this.overlayPositioning="absolute";this.required=false;this.selectionMode="multiple";this.scale="m";this.status="idle";this.value=null;this.flipPlacements=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedItems=[];this.filteredItems=[];this.items=[];this.groupItems=[];this.needsIcon=undefined;this.activeItemIndex=-1;this.activeChipIndex=-1;this.activeDescendant="";this.compactSelectionDisplay=false;this.selectedHiddenChipsCount=0;this.selectedVisibleChipsCount=0;this.text="";this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){B(this);if(this.disabled){this.open=false;return}this.setMaxScrollerHeight()}handleDisabledChange(t){if(!t){this.open=false}}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}handlePropsChange(){this.updateItems()}valueHandler(t){if(!this.internalValueChangeFlag){const i=this.getItems();if(Array.isArray(t)){i.forEach((i=>i.selected=t.includes(i.value)))}else if(t){i.forEach((i=>i.selected=t===i.value))}else{i.forEach((t=>t.selected=false))}this.updateItems()}}onMessagesChange(){}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}selectedItemsHandler(){this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false}documentClickHandler(t){if(this.disabled||!r(t)){return}const i=t.composedPath();if(i.includes(this.el)||i.includes(this.referenceEl)){return}if(!this.allowCustomValues&&this.textInput.value){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}if(this.allowCustomValues&&this.text.trim().length){this.addCustomChip(this.text)}this.open=false}calciteComboboxItemChangeHandler(t){if(this.ignoreSelectedEventsFlag){return}const i=t.target;const e=this.filteredItems.indexOf(i);this.updateActiveItemIndex(e);this.toggleSelection(i,i.selected)}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:n,filteredFlipPlacements:o}=this;return b(this,{floatingEl:i,referenceEl:e,overlayPositioning:n,placement:s,flipPlacements:o,type:"menu"},t)}async setFocus(){await j(this);this.textInput?.focus();this.activeChipIndex=-1;this.activeItemIndex=-1}connectedCallback(){I(this);P(this);T(this);H(this);v(this);this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false;this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.updateItems();this.setFilteredPlacements();this.reposition(true);if(this.open){this.openHandler();B(this)}m(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){O(this);this.updateItems();await R(this)}componentDidLoad(){y(this,this.getValue());this.reposition(true);M(this)}componentDidRender(){if(this.el.offsetHeight!==this.inputHeight){this.reposition(true);this.inputHeight=this.el.offsetHeight}z(this)}componentDidUpdate(){this.refreshSelectionDisplay()}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();$(this);S(this);w(this);f(this,this.referenceEl,this.floatingEl);F(this);W(this)}textHandler(){this.updateActiveItemIndex(-1)}effectiveLocaleChange(){V(this,this.effectiveLocale)}clearValue(){this.ignoreSelectedEventsFlag=true;this.items.forEach((t=>t.selected=false));this.ignoreSelectedEventsFlag=false;this.selectedItems=[];this.emitComboboxChange();this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("");this.setFocus()}clearInputValue(){this.textInput.value="";this.text=""}comboboxInViewport(){const t=this.el.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.right<=(window.innerWidth||document.documentElement.clientWidth)&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)}onBeforeOpen(){this.scrollToActiveItem();this.calciteComboboxBeforeOpen.emit()}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit()}ensureRecentSelectedItemIsActive(){const{selectedItems:t}=this;const i=t.length===0?0:this.items.indexOf(t[t.length-1]);this.updateActiveItemIndex(i)}hideChip(t){t.classList.add(J.chipInvisible)}showChip(t){t.classList.remove(J.chipInvisible)}refreshChipDisplay({chipEls:t,availableHorizontalChipElSpace:i,chipContainerElGap:e}){t.forEach((t=>{if(!t.selected){this.hideChip(t)}else{const s=a(t);if(s&&s<i){i-=s+e;this.showChip(t);return}}this.hideChip(t)}))}setCompactSelectionDisplay({chipContainerElGap:t,chipContainerElWidth:i,inputWidth:e,largestSelectedIndicatorChipWidth:s}){const n=Math.round(s+t+e);if(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<n){this.maxCompactBreakpoint=n}this.compactSelectionDisplay=i<this.maxCompactBreakpoint}setVisibleAndHiddenChips(t){let i=0;t.forEach((t=>{if(t.selected&&!t.classList.contains(J.chipInvisible)){i++}}));if(i!==this.selectedVisibleChipsCount){this.selectedVisibleChipsCount=i}const e=this.getSelectedItems().length-i;if(e!==this.selectedHiddenChipsCount){this.selectedHiddenChipsCount=e}}getMaxScrollerHeight(){const t=this.getItemsAndGroups().filter((t=>!t.hidden));const{maxItems:i}=this;let e=0;let s=0;if(t.length>i){t.forEach((t=>{if(e<i&&i>0){const i=this.calculateSingleItemHeight(t);if(i>0){s+=i;e++}}}))}return s}calculateSingleItemHeight(t){if(!t){return}let i=t.offsetHeight;const e=Array.from(t.querySelectorAll(q));e.map((t=>t?.offsetHeight)).forEach((t=>{i-=t}));return i}getItemsAndGroups(){return[...this.groupItems,...this.items]}toggleSelection(t,i=!t.selected){if(!t||this.selectionMode==="single-persist"&&t.selected&&t.value===this.value){return}if(this.isMulti()){t.selected=i;this.updateAncestors(t);this.selectedItems=this.getSelectedItems();this.emitComboboxChange();this.resetText();this.filterItems("")}else{this.ignoreSelectedEventsFlag=true;this.items.forEach((e=>e.selected=e===t?i:false));this.ignoreSelectedEventsFlag=false;this.selectedItems=this.getSelectedItems();this.emitComboboxChange();if(this.textInput){this.textInput.value=t.textLabel}this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("")}}updateAncestors(t){if(this.selectionMode!=="ancestors"){return}const i=Z(t);const e=tt(t);if(t.selected){i.forEach((t=>{t.selected=true}))}else{e.forEach((t=>t.selected=false));[...i].forEach((t=>{if(!it(t)){t.selected=false}}))}}getFilteredItems(){return this.items.filter((t=>!t.hidden))}getData(){return this.items.map((t=>({filterDisabled:t.filterDisabled,value:t.value,label:t.textLabel})))}getNeedsIcon(){return st(this.selectionMode)&&this.items.some((t=>t.icon))}resetText(){if(this.textInput){this.textInput.value=""}this.text=""}getItems(){const t=Array.from(this.el.querySelectorAll(K));return t.filter((t=>!t.disabled))}getGroupItems(){return Array.from(this.el.querySelectorAll(N))}addCustomChip(t,i){const e=this.items.find((i=>i.textLabel===t));if(e){this.toggleSelection(e,true)}else{if(!this.isMulti()){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false)}const e=document.createElement("calcite-combobox-item");e.value=t;e.textLabel=t;e.selected=true;this.el.appendChild(e);this.resetText();if(i){this.setFocus()}this.updateItems();this.filterItems("");this.emitComboboxChange()}}removeActiveChip(){this.toggleSelection(this.selectedItems[this.activeChipIndex],false);this.setFocus()}removeLastChip(){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false);this.setFocus()}previousChip(){if(this.text){return}const t=this.selectedItems.length-1;const i=this.activeChipIndex;this.activeChipIndex=i===-1?t:Math.max(i-1,0);this.updateActiveItemIndex(-1);this.focusChip()}nextChip(){if(this.text||this.activeChipIndex===-1){return}const t=this.selectedItems.length-1;const i=this.activeChipIndex+1;if(i>t){this.activeChipIndex=-1;this.setFocus()}else{this.activeChipIndex=i;this.focusChip()}this.updateActiveItemIndex(-1)}focusChip(){const t=this.selectedItems[this.activeChipIndex]?.guid;const i=t?this.referenceEl.querySelector(`#${ht}${t}`):null;i?.setFocus()}shiftActiveItemIndex(t){const{length:i}=this.filteredItems;const e=(this.activeItemIndex+i+t)%i;this.updateActiveItemIndex(e);this.scrollToActiveItem()}updateActiveItemIndex(t){this.activeItemIndex=t;let i=null;this.filteredItems.forEach(((e,s)=>{if(s===t){e.active=true;i=`${rt}${e.guid}`}else{e.active=false}}));this.activeDescendant=i;if(this.activeItemIndex>-1){this.activeChipIndex=-1}}isAllSelected(){return this.getItems().length===this.getSelectedItems().length}isMulti(){return!st(this.selectionMode)}renderChips(){const{activeChipIndex:i,scale:e,selectionMode:s,messages:n}=this;return this.selectedItems.map(((o,c)=>{const a={chip:true,"chip--active":i===c};const l=[...Z(o)].reverse();const r=[...l,o].map((t=>t.textLabel));const h=s!=="ancestors"?o.textLabel:r.join(" / ");return t("calcite-chip",{class:a,closable:true,icon:o.icon,iconFlipRtl:o.iconFlipRtl,id:o.guid?`${ht}${o.guid}`:null,key:o.textLabel,messageOverrides:{dismissLabel:n.removeTag},onCalciteChipClose:()=>this.calciteChipCloseHandler(o),scale:e,selected:o.selected,title:h,value:o.value},h)}))}renderAllSelectedIndicatorChip(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s,setAllSelectedIndicatorChipEl:n}=this;const o=this.messages.allSelected;return t("calcite-chip",{class:{chip:true,[J.chipInvisible]:!(this.isAllSelected()&&!s&&!i)},scale:e,title:o,value:"",ref:n},o)}renderAllSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s}=this;const n=this.messages.all||"All";return t("calcite-chip",{class:{chip:true,[J.chipInvisible]:!(this.isAllSelected()&&!s&&i)},scale:e,title:n,value:""},n)}renderSelectedIndicatorChip(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:n,selectedHiddenChipsCount:o,selectedVisibleChipsCount:c,setSelectedIndicatorChipEl:a}=this;let l;let r;if(i){l=true}else{if(e==="single"){const t=s().length;if(this.isAllSelected()){l=true}else if(t>0){l=false}else{l=true}r=`${t} ${this.messages.selected}`}else if(e==="fit"){l=!!(this.isAllSelected()&&c===0||o===0);r=c>0?`+${o}`:`${o} ${this.messages.selected}`}}return t("calcite-chip",{class:{chip:true,[J.chipInvisible]:l},scale:n,title:r,value:"",ref:a},r)}renderSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:n,selectedHiddenChipsCount:o}=this;let c;let a;if(i){const t=s().length;if(this.isAllSelected()){c=true}else if(e==="fit"){c=!(o>0);a=`${o||0}`}else if(e==="single"){c=!(t>0);a=`${t}`}}else{c=true}return t("calcite-chip",{class:{chip:true,[J.chipInvisible]:c},scale:n,title:a,value:""},a)}get showingInlineIcon(){const{placeholderIcon:t,selectionMode:i,selectedItems:e,open:s}=this;const n=e[0];const o=n?.icon;const c=st(i);return!s&&n?!!o&&c:!!t&&(!n||c)}renderInput(){const{guid:i,disabled:e,placeholder:s,selectionMode:n,selectedItems:o,open:c}=this;const a=st(n);const l=o[0];const r=!c&&a&&!!l;return t("span",{class:{"input-wrap":true,"input-wrap--single":a}},r&&t("span",{class:{label:true,"label--icon":!!l?.icon},key:"label"},l.textLabel),t("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":`${pt}${i}`,"aria-label":A(this),class:{input:true,"input--single":true,"input--transparent":this.activeChipIndex>-1,"input--hidden":r,"input--icon":this.showingInlineIcon&&!!this.placeholderIcon},disabled:e,id:`${ut}${i}`,key:"input",onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:s,type:"text",ref:t=>this.textInput=t}))}renderListBoxOptions(){return this.filteredItems.map((i=>t("li",{"aria-selected":h(i.selected),id:i.guid?`${rt}${i.guid}`:null,role:"option",tabindex:"-1"},i.textLabel)))}renderFloatingUIContainer(){const{setFloatingEl:i,setContainerEl:e,open:s}=this;const n={[J.listContainer]:true,[g.animation]:true,[g.animationActive]:s};return t("div",{"aria-hidden":"true",class:{"floating-ui-container":true,"floating-ui-container--active":s},ref:i},t("div",{class:n,ref:e},t("ul",{class:{list:true,"list--hide":!s}},t("slot",null))))}renderSelectedOrPlaceholderIcon(){const{selectedItems:i,placeholderIcon:e,placeholderIconFlipRtl:s}=this;const n=i[0];const o=n?.icon;return this.showingInlineIcon&&t("span",{class:"icon-start",key:"selected-placeholder-icon"},t("calcite-icon",{class:"selected-icon",flipRtl:this.open&&n?n.iconFlipRtl:s,icon:!this.open&&n?o:e,scale:G(this.scale)}))}renderChevronIcon(){const{open:i}=this;return t("span",{class:"icon-end",key:"chevron"},t("calcite-icon",{icon:i?"chevron-up":"chevron-down",scale:G(this.scale)}))}render(){const{selectionDisplay:i,guid:e,label:n,open:o}=this;const c=st(this.selectionMode);const a=i==="all";const l=i==="single";const r=!c&&i==="fit";const d=!this.clearDisabled&&this.value?.length>0;return t(s,{onClick:this.comboboxFocusHandler},t(E,{disabled:this.disabled},t("div",{"aria-autocomplete":"list","aria-controls":`${pt}${e}`,"aria-expanded":h(o),"aria-haspopup":"listbox","aria-label":A(this),"aria-live":"polite","aria-owns":`${pt}${e}`,class:{wrapper:true,"wrapper--single":c||!this.selectedItems.length,"wrapper--active":o},onClick:this.clickHandler,onKeyDown:this.keyDownHandler,role:"combobox",ref:this.setReferenceEl},this.renderSelectedOrPlaceholderIcon(),t("div",{class:{"grid-input":true,[J.selectionDisplayFit]:r,[J.selectionDisplaySingle]:l},key:"grid",ref:this.setChipContainerEl},!c&&!l&&this.renderChips(),!c&&!a&&[this.renderSelectedIndicatorChip(),this.renderSelectedIndicatorChipCompact(),this.renderAllSelectedIndicatorChip(),this.renderAllSelectedIndicatorChipCompact()],t("label",{class:"screen-readers-only",htmlFor:`${ut}${e}`,id:`${dt}${e}`},n),this.renderInput()),d?t(ot,{disabled:this.disabled,key:"close-button",label:this.messages.clear,scale:this.scale}):null,this.renderChevronIcon()),t("ul",{"aria-labelledby":`${dt}${e}`,"aria-multiselectable":"true",class:"screen-readers-only",id:`${pt}${e}`,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderFloatingUIContainer(),t(C,{component:this}),this.validationMessage?t(X,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],selectionMode:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],messageOverrides:["onMessagesChange"],flipPlacements:["flipPlacementsHandler"],selectedItems:["selectedItemsHandler"],text:["textHandler"],effectiveLocale:["effectiveLocaleChange"]}}};mt.style=at;const bt={icon:"icon",iconActive:"icon--active",iconIndent:"icon--indent",custom:"icon--custom",dot:"icon--dot",single:"label--single",label:"label",active:"label--active",selected:"label--selected",title:"title",textContainer:"text-container"};const ft='@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem;--calcite-combobox-item-selector-icon-size:1rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem;--calcite-combobox-item-selector-icon-size:1rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.625rem;--calcite-combobox-item-spacing-indent:1rem;--calcite-combobox-item-selector-icon-size:1.5rem}.container{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  )}:host(:focus){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent;word-wrap:break-word;word-break:break-word;padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host([disabled]) .label{cursor:default}.label--selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.label--active{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover,.label:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.title{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon{display:inline-flex;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-color-border-1)}.icon--indent{padding-inline-start:var(--calcite-combobox-item-indent-value)}.icon--custom{margin-block-start:-1px;padding-inline-start:var(--calcite-combobox-item-spacing-unit-l);color:var(--calcite-color-text-3)}.icon--active{color:var(--calcite-color-text-1)}.icon--dot{display:flex;justify-content:center;min-inline-size:var(--calcite-combobox-item-selector-icon-size)}.icon--dot:before{text-align:start;content:"•"}.label--active .icon{opacity:1}.label--selected .icon{opacity:1;color:var(--calcite-color-brand)}:host(:hover[disabled]) .icon{opacity:1}';const gt=class{constructor(t){i(this,t);this.calciteComboboxItemChange=e(this,"calciteComboboxItemChange",6);this.itemClickHandler=()=>{this.toggleSelected()};this.disabled=false;this.selected=false;this.active=false;this.ancestors=undefined;this.guid=k();this.icon=undefined;this.iconFlipRtl=false;this.textLabel=undefined;this.value=undefined;this.filterDisabled=undefined;this.selectionMode="multiple";this.scale="m"}selectedWatchHandler(){this.calciteComboboxItemChange.emit()}connectedCallback(){this.ancestors=Q(this.el);U(this);I(this)}disconnectedCallback(){Y(this);$(this)}componentDidRender(){z(this)}toggleSelected(){const t=this.selectionMode==="single-persist";if(this.disabled||t&&this.selected){return}this.selected=!this.selected}renderIcon(i){return this.icon?t("calcite-icon",{class:{[bt.custom]:!!this.icon,[bt.iconActive]:this.icon&&this.selected,[bt.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:this.icon||i,key:"icon",scale:G(this.scale)}):null}renderSelectIndicator(i,e){return i?t("span",{class:{[bt.icon]:true,[bt.dot]:true,[bt.iconIndent]:true}}):t("calcite-icon",{class:{[bt.icon]:true,[bt.iconActive]:this.selected,[bt.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:e,key:"indicator",scale:G(this.scale)})}renderChildren(){if(d(this.el)){return t("ul",{key:"default-slot-container"},t("slot",null))}return null}render(){const{disabled:i}=this;const e=st(this.selectionMode);const n=e&&!i;const o=e?"dot":"check";const c=i?"":o;const a={[bt.label]:true,[bt.selected]:this.selected,[bt.active]:this.active,[bt.single]:e};const l=et(this.el);return t(s,{"aria-hidden":"true"},t(E,{disabled:i},t("div",{class:`container scale--${this.scale}`,style:{"--calcite-combobox-item-spacing-indent-multiplier":`${l}`}},t("li",{class:a,id:this.guid,onClick:this.itemClickHandler},this.renderSelectIndicator(n,c),this.renderIcon(c),t("span",{class:"title"},this.textLabel)),this.renderChildren())))}get el(){return n(this)}static get watchers(){return{selected:["selectedWatchHandler"]}}};gt.style=ft;const xt={list:"list",label:"label",title:"title"};const vt=".scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}:host,.list{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-color-text-3)}.title{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  );border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-color-border-3);padding-block:var(--calcite-combobox-item-spacing-unit-l);padding-inline:var(--calcite-combobox-item-spacing-unit-s);margin-inline-start:var(--calcite-combobox-item-indent-value)}::slotted(calcite-combobox-item-group:not([after-empty-group])){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}:host([hidden]){display:none}[hidden]{display:none}";const yt=class{constructor(t){i(this,t);this.guid=k();this.afterEmptyGroup=false;this.ancestors=undefined;this.label=undefined;this.scale="m"}connectedCallback(){this.ancestors=Q(this.el)}render(){const{el:i,scale:e}=this;const s=et(i);return t("ul",{"aria-labelledby":this.guid,class:{[xt.list]:true,[`scale--${e}`]:true},role:"group"},t("li",{class:{[xt.label]:true},id:this.guid,role:"presentation",style:{"--calcite-combobox-item-spacing-indent-multiplier":`${s}`}},t("span",{class:xt.title},this.label)),t("slot",null))}get el(){return n(this)}};yt.style=vt;export{mt as calcite_combobox,gt as calcite_combobox_item,yt as calcite_combobox_item_group};
+//# sourceMappingURL=p-71c665c4.entry.js.map