@nasa-terra/components 0.0.189 → 0.0.191

package/dist/chunks/chunk.YOTATNV6.js

@@ -1,62 +0,0 @@
-import{a as y,b as v}from"./chunk.77X2UDZ7.js";import{a as O}from"./chunk.YZOJBYJJ.js";import{a as _,b as W}from"./chunk.6MJMMDNP.js";import{a as c,c as h}from"./chunk.VOQBVUDI.js";import{a as d,c as u}from"./chunk.U6R2SR47.js";import{a as F}from"./chunk.GW4N5NMQ.js";import{a as M}from"./chunk.GH5NAVUP.js";import{a as b}from"./chunk.CUJNKBC6.js";import{a as L}from"./chunk.6PEAAW4E.js";import{a as A}from"./chunk.J5Q4TWEG.js";import{a as H,b as x}from"./chunk.YDDI4ELW.js";import{e as r}from"./chunk.INFVQQSJ.js";var R=o=>{var t;let{activeElement:i}=document;i&&o.contains(i)&&((t=document.activeElement)==null||t.blur())};import{classMap as U}from"lit/directives/class-map.js";import{html as q}from"lit";import{ifDefined as N}from"lit/directives/if-defined.js";import{property as S,query as C}from"lit/decorators.js";var D=new WeakMap;function K(o){let i=D.get(o);return i||(i=window.getComputedStyle(o,null),D.set(o,i)),i}function I(o){if(typeof o.checkVisibility=="function")return o.checkVisibility({checkOpacity:!1,checkVisibilityCSS:!0});let i=K(o);return i.visibility!=="hidden"&&i.display!=="none"}function $(o){let i=K(o),{overflowY:t,overflowX:s}=i;return t==="scroll"||s==="scroll"?!0:t!=="auto"||s!=="auto"?!1:o.scrollHeight>o.clientHeight&&t==="auto"||o.scrollWidth>o.clientWidth&&s==="auto"}function P(o){let i=o.tagName.toLowerCase(),t=Number(o.getAttribute("tabindex"));return o.hasAttribute("tabindex")&&(isNaN(t)||t<=-1)||o.hasAttribute("disabled")||o.closest("[inert]")||i==="input"&&o.getAttribute("type")==="radio"&&!o.hasAttribute("checked")||!I(o)?!1:(i==="audio"||i==="video")&&o.hasAttribute("controls")||o.hasAttribute("tabindex")||o.hasAttribute("contenteditable")&&o.getAttribute("contenteditable")!=="false"||["button","input","select","textarea","a","audio","video","summary","iframe"].includes(i)?!0:$(o)}function B(o,i){var t;return((t=o.getRootNode({composed:!0}))==null?void 0:t.host)!==i}function T(o){let i=new WeakMap,t=[];function s(e){if(e instanceof Element){if(e.hasAttribute("inert")||e.closest("[inert]")||i.has(e))return;i.set(e,!0),!t.includes(e)&&P(e)&&t.push(e),e instanceof HTMLSlotElement&&B(e,o)&&e.assignedElements({flatten:!0}).forEach(a=>{s(a)}),e.shadowRoot!==null&&e.shadowRoot.mode==="open"&&s(e.shadowRoot)}for(let a of e.children)s(a)}return s(o),t.sort((e,a)=>{let p=Number(e.getAttribute("tabindex"))||0;return(Number(a.getAttribute("tabindex"))||0)-p})}var m=[],f=class{constructor(i){this.tabDirection="forward";this.handleFocusIn=()=>{this.isActive()&&this.checkFocus()};this.handleKeyDown=i=>{var p;if(i.key!=="Tab"||this.isExternalActivated||!this.isActive())return;let t=W();if(this.previousFocus=t,this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus))return;i.shiftKey?this.tabDirection="backward":this.tabDirection="forward";let s=T(this.element),e=s.findIndex(l=>l===t);this.previousFocus=this.currentFocus;let a=this.tabDirection==="forward"?1:-1;for(;;){e+a>=s.length?e=0:e+a<0?e=s.length-1:e+=a,this.previousFocus=this.currentFocus;let l=s[e];if(this.tabDirection==="backward"&&this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus)||l&&this.possiblyHasTabbableChildren(l))return;i.preventDefault(),this.currentFocus=l,(p=this.currentFocus)==null||p.focus({preventScroll:!1});let k=[..._()];if(k.includes(this.currentFocus)||!k.includes(this.previousFocus))break}setTimeout(()=>this.checkFocus())};this.handleKeyUp=()=>{this.tabDirection="forward"};this.element=i,this.elementsWithTabbableControls=["iframe"]}activate(){m.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){m=m.filter(i=>i!==this.element),this.currentFocus=null,document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return m[m.length-1]===this.element}activateExternal(){this.isExternalActivated=!0}deactivateExternal(){this.isExternalActivated=!1}checkFocus(){if(this.isActive()&&!this.isExternalActivated){let i=T(this.element);if(!this.element.matches(":focus-within")){let t=i[0],s=i[i.length-1],e=this.tabDirection==="forward"?t:s;typeof(e==null?void 0:e.focus)=="function"&&(this.currentFocus=e,e.focus({preventScroll:!1}))}}}possiblyHasTabbableChildren(i){return this.elementsWithTabbableControls.includes(i.tagName.toLowerCase())||i.hasAttribute("controls")}};var n=class extends x{constructor(){super(...arguments);this.hasSlotController=new L(this,"footer");this.modal=new f(this);this.open=!1;this.label="";this.noHeader=!1;this.handleDocumentKeyDown=t=>{t.key==="Escape"&&this.modal.isActive()&&this.open&&(t.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),this.modal.deactivate(),v(this),this.removeOpenListeners()}requestClose(t){if(this.emit("terra-dialog-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){let e=u(this,"dialog.denyClose",{dir:getComputedStyle(this).direction});c(this.panel,e.keyframes,e.options);return}this.hide()}addOpenListeners(){var t;"CloseWatcher"in window?((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard")):document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){var t;(t=this.closeWatcher)==null||t.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("terra-dialog-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),y(this);let t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([h(this.dialog),h(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("terra-dialog-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")});let s=u(this,"dialog.show",{dir:getComputedStyle(this).direction}),e=u(this,"dialog.overlay.show",{dir:getComputedStyle(this).direction});await Promise.all([c(this.panel,s.keyframes,s.options),c(this.overlay,e.keyframes,e.options)]),this.emit("terra-dialog-after-show")}else{R(this),this.emit("terra-dialog-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([h(this.dialog),h(this.overlay)]);let t=u(this,"dialog.hide",{dir:getComputedStyle(this).direction}),s=u(this,"dialog.overlay.hide",{dir:getComputedStyle(this).direction});await Promise.all([c(this.overlay,s.keyframes,s.options).then(()=>{this.overlay.hidden=!0}),c(this.panel,t.keyframes,t.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,v(this);let e=this.originalTrigger;typeof(e==null?void 0:e.focus)=="function"&&setTimeout(()=>e.focus()),this.emit("terra-dialog-after-hide")}}async show(){if(!this.open)return this.open=!0,b(this,"terra-dialog-after-show")}async hide(){if(this.open)return this.open=!1,b(this,"terra-dialog-after-hide")}render(){return q`
-            <div
-                part="base"
-                class=${U({dialog:!0,"dialog--open":this.open,"dialog--has-footer":this.hasSlotController.test("footer")})}
-            >
-                <div
-                    part="overlay"
-                    class="dialog__overlay"
-                    @click=${()=>this.requestClose("overlay")}
-                    tabindex="-1"
-                ></div>
-
-                <div
-                    part="panel"
-                    class="dialog__panel"
-                    role="dialog"
-                    aria-modal="true"
-                    aria-hidden=${this.open?"false":"true"}
-                    aria-label=${N(this.noHeader?this.label:void 0)}
-                    aria-labelledby=${N(this.noHeader?void 0:"title")}
-                    tabindex="-1"
-                >
-                    ${this.noHeader?"":q`
-                              <header part="header" class="dialog__header">
-                                  <h2 part="title" class="dialog__title" id="title">
-                                      <slot name="label">
-                                          ${this.label.length>0?this.label:"\uFEFF"}
-                                      </slot>
-                                  </h2>
-                                  <div
-                                      part="header-actions"
-                                      class="dialog__header-actions"
-                                  >
-                                      <slot name="header-actions"></slot>
-                                      <terra-button
-                                          part="close-button"
-                                          exportparts="base:close-button__base"
-                                          class="dialog__close"
-                                          circle
-                                          variant="text"
-                                          @click="${()=>this.requestClose("close-button")}"
-                                          aria-label="Close"
-                                      >
-                                          <terra-icon
-                                              name="solid-x-mark"
-                                              library="heroicons"
-                                              font-size="1.25rem"
-                                          ></terra-icon>
-                                      </terra-button>
-                                  </div>
-                              </header>
-                          `}
-                    <div part="body" class="dialog__body" tabindex="-1">
-                        <slot></slot>
-                    </div>
-
-                    <footer part="footer" class="dialog__footer">
-                        <slot name="footer"></slot>
-                    </footer>
-                </div>
-            </div>
-        `}};n.styles=[H,O],n.dependencies={"terra-button":F,"terra-icon":M},r([C(".dialog")],n.prototype,"dialog",2),r([C(".dialog__panel")],n.prototype,"panel",2),r([C(".dialog__overlay")],n.prototype,"overlay",2),r([S({type:Boolean,reflect:!0})],n.prototype,"open",2),r([S({reflect:!0})],n.prototype,"label",2),r([S({attribute:"no-header",type:Boolean,reflect:!0})],n.prototype,"noHeader",2),r([A("open",{waitUntilFirstUpdate:!0})],n.prototype,"handleOpenChange",1);d("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});d("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});d("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});d("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});d("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{n as a};

package/dist/chunks/chunk.YZOJBYJJ.js

@@ -1,132 +0,0 @@
-import{css as a}from"lit";var i=a`
-    :host {
-        --width: fit-content;
-        --min-width: 20rem;
-        --max-width: calc(100% - var(--terra-spacing-2x-large));
-        --max-height: calc(100% - var(--terra-spacing-2x-large));
-        --header-spacing: var(--terra-spacing-large);
-        --body-spacing: var(--terra-spacing-large);
-        --footer-spacing: var(--terra-spacing-large);
-
-        display: contents;
-    }
-
-    .dialog {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        position: fixed;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        z-index: var(--terra-z-index-dialog);
-    }
-
-    .dialog__panel {
-        display: flex;
-        flex-direction: column;
-        z-index: 2;
-        width: var(--width);
-        min-width: var(--min-width);
-        max-width: var(--max-width);
-        max-height: var(--max-height);
-        background-color: var(--terra-panel-background-color);
-        border-radius: var(--terra-border-radius-medium);
-        box-shadow: var(--terra-shadow-x-large);
-    }
-
-    .dialog__panel:focus {
-        outline: none;
-    }
-
-    /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
-    @media screen and (max-width: 420px) {
-        .dialog__panel {
-            max-height: 80vh;
-        }
-    }
-
-    .dialog--open .dialog__panel {
-        display: flex;
-        opacity: 1;
-    }
-
-    .dialog__header {
-        border-color: var(--terra-dialog-header-border-color, #dee2e6);
-        border-style: var(--terra-dialog-header-border-style, solid none);
-        border-width: var(--terra-dialog-header-border-width, 0 0 1px 0);
-        flex: 0 0 auto;
-        display: flex;
-    }
-
-    .dialog__title {
-        flex: 1 1 auto;
-        font: inherit;
-        font-size: var(--terra-font-size-large);
-        line-height: var(--terra-line-height-dense);
-        padding: var(--header-spacing);
-        margin: 0;
-    }
-
-    .dialog__header-actions {
-        flex-shrink: 0;
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: end;
-        gap: var(--terra-spacing-2x-small);
-        padding: 0 var(--header-spacing);
-    }
-
-    .dialog__header-actions terra-button,
-    .dialog__header-actions ::slotted(terra-button) {
-        flex: 0 0 auto;
-        display: flex;
-        align-items: center;
-        font-size: var(--terra-font-size-medium);
-    }
-
-    .dialog__close {
-        --terra-button-text-text-color: black;
-    }
-
-    .dialog__body {
-        flex: 1 1 auto;
-        display: block;
-        padding: var(--body-spacing);
-        overflow: auto;
-        -webkit-overflow-scrolling: touch;
-    }
-
-    .dialog__footer {
-        border-color: var(--terra-dialog-footer-border-color, #dee2e6);
-        border-style: var(--terra-dialog-footer-border-style, solid none);
-        border-width: var(--terra-dialog-footer-border-width, 1px 0 0 0);
-        flex: 0 0 auto;
-        text-align: right;
-        padding: var(--footer-spacing);
-    }
-
-    .dialog__footer ::slotted(terra-button:not(:first-of-type)) {
-        margin-inline-start: var(--terra-spacing-x-small);
-    }
-
-    .dialog:not(.dialog--has-footer) .dialog__footer {
-        display: none;
-    }
-
-    .dialog__overlay {
-        position: fixed;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        background-color: var(--terra-overlay-background-color);
-    }
-
-    @media (forced-colors: active) {
-        .dialog__panel {
-            border: solid 1px var(--terra-color-spacesuit-white);
-        }
-    }
-`;export{i as a};

package/dist/chunks/chunk.Z47EAJ4R.js

@@ -1,66 +0,0 @@
-import{css as r}from"lit";var i=r`
-    :host {
-        --border-color: var(--terra-panel-border-color);
-        --border-radius: var(--terra-border-radius-medium);
-        --border-width: var(--terra-panel-border-width);
-        --padding: var(--terra-spacing-large);
-
-        display: inline-block;
-    }
-
-    .card {
-        display: flex;
-        flex-direction: column;
-        background-color: var(--terra-panel-background-color);
-        box-shadow: var(--terra-shadow-x-small);
-        border: solid var(--border-width) var(--border-color);
-        border-radius: var(--border-radius);
-    }
-
-    .card__image {
-        display: flex;
-        border-top-left-radius: var(--border-radius);
-        border-top-right-radius: var(--border-radius);
-        margin: calc(-1 * var(--border-width));
-        overflow: hidden;
-    }
-
-    .card__image::slotted(img) {
-        display: block;
-        width: 100%;
-    }
-
-    .card:not(.card--has-image) .card__image {
-        display: none;
-    }
-
-    .card__header {
-        display: block;
-        border-bottom: solid var(--border-width) var(--border-color);
-        padding: calc(var(--padding) / 2) var(--padding);
-    }
-
-    .card:not(.card--has-header) .card__header {
-        display: none;
-    }
-
-    .card:not(.card--has-image) .card__header {
-        border-top-left-radius: var(--border-radius);
-        border-top-right-radius: var(--border-radius);
-    }
-
-    .card__body {
-        display: block;
-        padding: var(--padding);
-    }
-
-    .card--has-footer .card__footer {
-        display: block;
-        border-top: solid var(--border-width) var(--border-color);
-        padding: var(--padding);
-    }
-
-    .card:not(.card--has-footer) .card__footer {
-        display: none;
-    }
-`;export{i as a};

package/dist/chunks/chunk.Z7X7B53H.js

@@ -1,67 +0,0 @@
-import{a as k}from"./chunk.CIWVH54V.js";import{c as v}from"./chunk.77X2UDZ7.js";import{a as E}from"./chunk.GH5NAVUP.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as y,b as S}from"./chunk.YDDI4ELW.js";import{a as g,e as r}from"./chunk.INFVQQSJ.js";var _=(h,d)=>{let t=0;return function(...i){window.clearTimeout(t),t=window.setTimeout(()=>{h.call(this,...i)},d)}},A=(h,d,t)=>{let i=h[d];h[d]=function(...e){i.call(this,...e),t.call(this,i,...e)}},M="onscrollend"in window;if(!M){let h=new Set,d=new WeakMap,t=e=>{for(let s of e.changedTouches)h.add(s.identifier)},i=e=>{for(let s of e.changedTouches)h.delete(s.identifier)};document.addEventListener("touchstart",t,!0),document.addEventListener("touchend",i,!0),document.addEventListener("touchcancel",i,!0),A(EventTarget.prototype,"addEventListener",function(e,s){if(s!=="scrollend")return;let a=_(()=>{h.size?a():this.dispatchEvent(new Event("scrollend"))},100);e.call(this,"scroll",a,{passive:!0}),d.set(this,a)}),A(EventTarget.prototype,"removeEventListener",function(e,s){if(s!=="scrollend")return;let a=d.get(this);a&&e.call(this,"scroll",a,{passive:!0})})}import{classMap as m}from"lit/directives/class-map.js";import{eventOptions as O,property as u,query as f,state as T}from"lit/decorators.js";import{html as w}from"lit";var n=class extends S{constructor(){super(...arguments);this.tabs=[];this.focusableTabs=[];this.panels=[];this.hasScrollControls=!1;this.shouldHideScrollStartButton=!1;this.shouldHideScrollEndButton=!1;this.placement="top";this.activation="auto";this.noScrollControls=!1;this.fixedScrollControls=!1;this.size="large";this.scrollOffset=1}connectedCallback(){let t=Promise.all([customElements.whenDefined("terra-tab"),customElements.whenDefined("terra-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),this.mutationObserver=new MutationObserver(i=>{let e=i.filter(({target:s})=>{if(s===this)return!0;if(s.closest("terra-tabs")!==this)return!1;let a=s.tagName.toLowerCase();return a==="terra-tab"||a==="terra-tab-panel"});if(e.length!==0){if(e.some(s=>!["aria-labelledby","aria-controls"].includes(s.attributeName))&&setTimeout(()=>this.setAriaLabels()),e.some(s=>s.attributeName==="disabled"))this.syncTabsAndPanels();else if(e.some(s=>s.attributeName==="active")){let a=e.filter(c=>c.attributeName==="active"&&c.target.tagName.toLowerCase()==="terra-tab").map(c=>c.target).find(c=>c.active);a&&this.setActiveTab(a)}}}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,attributeFilter:["active","disabled","name","panel"],childList:!0,subtree:!0}),this.nav&&this.resizeObserver.observe(this.nav),t.then(()=>{let i=new IntersectionObserver((e,s)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.getActiveTab())!=null?a:this.tabs[0],{emitEvents:!1}),s.unobserve(e[0].target))});this.tabsElement&&i.observe(this.tabsElement)})})}disconnectedCallback(){var t,i;super.disconnectedCallback(),(t=this.mutationObserver)==null||t.disconnect(),this.nav&&((i=this.resizeObserver)==null||i.unobserve(this.nav))}getAllTabs(){return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="terra-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.active)}handleClick(t){let e=t.target.closest("terra-tab");(e==null?void 0:e.closest("terra-tabs"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("terra-tab");if((e==null?void 0:e.closest("terra-tabs"))===this&&(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){let a=this.tabs.find(l=>l.matches(":focus")),c=getComputedStyle(this).direction==="rtl",o=null;if((a==null?void 0:a.tagName.toLowerCase())==="terra-tab"){if(t.key==="Home")o=this.focusableTabs[0];else if(t.key==="End")o=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&t.key===(c?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&t.key==="ArrowUp"){let l=this.tabs.findIndex(b=>b===a);o=this.findNextFocusableTab(l,"backward")}else if(["top","bottom"].includes(this.placement)&&t.key===(c?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&t.key==="ArrowDown"){let l=this.tabs.findIndex(b=>b===a);o=this.findNextFocusableTab(l,"forward")}if(!o)return;o.tabIndex=0,o.focus({preventScroll:!0}),this.activation==="auto"?this.setActiveTab(o,{scrollBehavior:"smooth"}):this.tabs.forEach(l=>{l.tabIndex=l===o?0:-1}),["top","bottom"].includes(this.placement)&&v(o,this.nav,"horizontal"),t.preventDefault()}}}handleScrollToStart(){let t=getComputedStyle(this).direction==="rtl";this.nav.scroll({left:t?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){let t=getComputedStyle(this).direction==="rtl";this.nav.scroll({left:t?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,i){if(i=g({emitEvents:!0,scrollBehavior:"auto"},i),t!==this.activeTab&&!t.disabled){let e=this.activeTab;this.activeTab=t,this.tabs.forEach(s=>{s.active=s===this.activeTab,s.tabIndex=s===this.activeTab?0:-1}),this.panels.forEach(s=>{var a;return s.active=s.name===((a=this.activeTab)==null?void 0:a.panel)}),this.syncIndicator(),["top","bottom"].includes(this.placement)&&v(this.activeTab,this.nav,"horizontal",i.scrollBehavior),i.emitEvents&&(e&&this.emit("terra-tab-hide",{detail:{name:e.panel}}),this.emit("terra-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let i=this.panels.find(e=>e.name===t.panel);i&&(t.setAttribute("aria-controls",i.getAttribute("id")),i.setAttribute("aria-labelledby",t.getAttribute("id")))})}repositionIndicator(){let t=this.getActiveTab();if(!t)return;let i=t.clientWidth,e=t.clientHeight,s=getComputedStyle(this).direction==="rtl",a=this.getAllTabs(),o=a.slice(0,a.indexOf(t)).reduce((l,b)=>({left:l.left+b.clientWidth,top:l.top+b.clientHeight}),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${i}px`,this.indicator.style.translate=s?`${-1*o.left}px`:`${o.left}px`;break;case"start":case"end":this.indicator.style.height=`${e}px`,this.indicator.style.translate=`0 ${o.top}px`;break}}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter(t=>!t.disabled),this.tabs.forEach(t=>{t.hasAttribute("size")||(t.size=this.size)}),this.panels=this.getAllPanels(),this.syncIndicator(),this.updateComplete.then(()=>this.updateScrollControls())}findNextFocusableTab(t,i){let e=null,s=i==="forward"?1:-1,a=t+s;for(;t<this.tabs.length;){if(e=this.tabs[a]||null,e===null){i==="forward"?e=this.focusableTabs[0]:e=this.focusableTabs[this.focusableTabs.length-1];break}if(!e.disabled)break;a+=s}return e}updateScrollButtons(){this.hasScrollControls&&!this.fixedScrollControls&&(this.shouldHideScrollStartButton=this.scrollFromStart()<=this.scrollOffset,this.shouldHideScrollEndButton=this.isScrolledToEnd())}isScrolledToEnd(){return this.scrollFromStart()+this.nav.clientWidth>=this.nav.scrollWidth-this.scrollOffset}scrollFromStart(){return getComputedStyle(this).direction==="rtl"?-this.nav.scrollLeft:this.nav.scrollLeft}updateScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1,this.updateScrollButtons()}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}syncSize(){this.tabs.forEach(t=>{t.hasAttribute("size")||(t.size=this.size)})}show(t){let i=this.tabs.find(e=>e.panel===t);i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}render(){let t=getComputedStyle(this).direction==="rtl";return w`
-            <div
-                part="base"
-                class=${m({tabs:!0,"tabs--top":this.placement==="top","tabs--bottom":this.placement==="bottom","tabs--start":this.placement==="start","tabs--end":this.placement==="end","tabs--rtl":t,"tabs--has-scroll-controls":this.hasScrollControls,"tabs--large":this.size==="large","tabs--small":this.size==="small"})}
-                @click=${this.handleClick}
-                @keydown=${this.handleKeyDown}
-            >
-                <div class="tabs__nav-container" part="nav">
-                    ${this.hasScrollControls?w`
-                              <button
-                                  part="scroll-button scroll-button--start"
-                                  class=${m({"tabs__scroll-button":!0,"tabs__scroll-button--start":!0,"tabs__scroll-button--start--hidden":this.shouldHideScrollStartButton})}
-                                  tabindex="-1"
-                                  aria-hidden="true"
-                                  aria-label="Scroll to start"
-                                  @click=${this.handleScrollToStart}
-                                  type="button"
-                              >
-                                  <terra-icon
-                                      name=${t?"chevron-right":"chevron-left"}
-                                      library="heroicons"
-                                      font-size="1rem"
-                                  ></terra-icon>
-                              </button>
-                          `:""}
-
-                    <div class="tabs__nav" @scrollend=${this.updateScrollButtons}>
-                        <div part="tabs" class="tabs__tabs" role="tablist">
-                            <div
-                                part="active-tab-indicator"
-                                class="tabs__indicator"
-                            ></div>
-                            <div class="tabs__resize-observer">
-                                <slot
-                                    name="nav"
-                                    @slotchange=${this.syncTabsAndPanels}
-                                ></slot>
-                            </div>
-                        </div>
-                    </div>
-
-                    ${this.hasScrollControls?w`
-                              <button
-                                  part="scroll-button scroll-button--end"
-                                  class=${m({"tabs__scroll-button":!0,"tabs__scroll-button--end":!0,"tabs__scroll-button--end--hidden":this.shouldHideScrollEndButton})}
-                                  tabindex="-1"
-                                  aria-hidden="true"
-                                  aria-label="Scroll to end"
-                                  @click=${this.handleScrollToEnd}
-                                  type="button"
-                              >
-                                  <terra-icon
-                                      name=${t?"chevron-left":"chevron-right"}
-                                      library="heroicons"
-                                      font-size="1rem"
-                                  ></terra-icon>
-                              </button>
-                          `:""}
-                </div>
-
-                <slot
-                    part="body"
-                    class="tabs__body"
-                    @slotchange=${this.syncTabsAndPanels}
-                ></slot>
-            </div>
-        `}};n.styles=[y,k],n.dependencies={"terra-icon":E},r([f(".tabs")],n.prototype,"tabsElement",2),r([f(".tabs__body")],n.prototype,"body",2),r([f(".tabs__nav")],n.prototype,"nav",2),r([f(".tabs__indicator")],n.prototype,"indicator",2),r([T()],n.prototype,"hasScrollControls",2),r([T()],n.prototype,"shouldHideScrollStartButton",2),r([T()],n.prototype,"shouldHideScrollEndButton",2),r([u()],n.prototype,"placement",2),r([u()],n.prototype,"activation",2),r([u({attribute:"no-scroll-controls",type:Boolean})],n.prototype,"noScrollControls",2),r([u({attribute:"fixed-scroll-controls",type:Boolean})],n.prototype,"fixedScrollControls",2),r([u({reflect:!0})],n.prototype,"size",2),r([O({passive:!0})],n.prototype,"updateScrollButtons",1),r([p("noScrollControls",{waitUntilFirstUpdate:!0})],n.prototype,"updateScrollControls",1),r([p("placement",{waitUntilFirstUpdate:!0})],n.prototype,"syncIndicator",1),r([p("size",{waitUntilFirstUpdate:!0})],n.prototype,"syncSize",1);export{n as a};

package/dist/chunks/chunk.ZCRZRTLN.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.5TO6BEJT.js";var n=e;e.define("terra-input");export{n as a};

package/dist/chunks/chunk.ZG36K3OR.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.CKYOQNKY.js";var p=e;e.define("terra-spatial-picker");export{p as a};

package/dist/chunks/chunk.ZXSLGF4Q.js

@@ -1,86 +0,0 @@
-import{css as e}from"lit";var a=e`
-    :host {
-        display: block;
-        user-select: none;
-        -webkit-user-select: none;
-    }
-
-    :host(:focus) {
-        outline: none;
-    }
-
-    .option {
-        position: relative;
-        display: flex;
-        align-items: center;
-        font-family: var(--terra-font-family--inter);
-        font-size: var(--terra-font-size-medium);
-        font-weight: var(--terra-font-weight-normal);
-        line-height: var(--terra-line-height-normal);
-        letter-spacing: var(--terra-letter-spacing-normal);
-        color: var(--terra-color-carbon-70);
-        padding: var(--terra-spacing-x-small) var(--terra-spacing-medium)
-            var(--terra-spacing-x-small) var(--terra-spacing-x-small);
-        transition: var(--terra-transition-fast) fill;
-        cursor: pointer;
-    }
-
-    .option--hover:not(.option--current):not(.option--disabled) {
-        background-color: var(--terra-color-carbon-10);
-        color: var(--terra-color-carbon-90);
-    }
-
-    .option--current,
-    .option--current.option--disabled {
-        background-color: var(--terra-color-nasa-blue);
-        color: var(--terra-color-spacesuit-white);
-        opacity: 1;
-    }
-
-    .option--disabled {
-        outline: none;
-        opacity: 0.5;
-        cursor: not-allowed;
-    }
-
-    .option__label {
-        flex: 1 1 auto;
-        display: inline-block;
-        line-height: var(--terra-line-height-dense);
-    }
-
-    .option .option__check {
-        flex: 0 0 auto;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        visibility: hidden;
-        padding-inline-end: var(--terra-spacing-2x-small);
-    }
-
-    .option--selected .option__check {
-        visibility: visible;
-    }
-
-    .option__prefix,
-    .option__suffix {
-        flex: 0 0 auto;
-        display: flex;
-        align-items: center;
-    }
-
-    .option__prefix::slotted(*) {
-        margin-inline-end: var(--terra-spacing-x-small);
-    }
-
-    .option__suffix::slotted(*) {
-        margin-inline-start: var(--terra-spacing-x-small);
-    }
-
-    @media (forced-colors: active) {
-        :host(:hover:not([aria-disabled='true'])) .option {
-            outline: dashed 1px SelectedItem;
-            outline-offset: -1px;
-        }
-    }
-`;export{a};