@nasa-terra/components 0.0.197 → 0.0.199

package/dist/chunks/chunk.Y6VOJNJH.js

@@ -1,441 +0,0 @@
-import{css as o}from"lit";var a=o`
-    :host {
-        display: grid;
-        grid-template-rows: auto 1fr;
-        grid-template-columns: 1fr;
-        position: relative;
-    }
-
-    .toolbar-container {
-        grid-row: 1;
-    }
-
-    .map-container {
-        grid-row: 2;
-        position: relative;
-        width: 100%;
-        height: 100%;
-        aspect-ratio: 100 / 52;
-    }
-
-    #map {
-        position: relative;
-        width: 100%;
-        height: 100%;
-    }
-
-    #settings {
-        position: absolute;
-        bottom: 10px;
-        left: 10px;
-        background: rgba(255, 255, 255, 0.9);
-        padding: 8px 10px;
-        border-radius: 4px;
-        font-size: 12px;
-        font-family: monospace;
-        z-index: 10;
-    }
-
-    label {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-    }
-
-    #legend {
-        font-family: sans-serif;
-        position: absolute;
-        z-index: 1;
-        right: 1em;
-        top: 1em;
-        background-color: white;
-        opacity: 1;
-        padding: 0.5em;
-        border-radius: 0.2em;
-        font-size: 12px;
-        font-family: monospace;
-        display: flex;
-        align-items: center;
-        flex-direction: column;
-    }
-
-    .color-box {
-        width: 3.5em;
-        height: 0.375em;
-    }
-
-    dialog {
-        position: absolute;
-        top: calc(50% - 100px);
-        border: 1px solid var(--terra-container-dialog-border, #b9b9bb);
-        border-radius: var(--terra-container-dialog-border-radius, 8px);
-        box-shadow: var(--terra-shadow-large);
-        background-color: var(--terra-container-dialog-bg, #ffffff);
-    }
-
-    .no-data-alert,
-    .error-alert {
-        display: block;
-        width: 100%;
-        margin-bottom: 1rem;
-    }
-
-    .harmony-job-link {
-        margin-top: 0.5rem;
-        font-size: 0.875rem;
-    }
-
-    .harmony-job-link a {
-        color: var(--terra-caption-color, #959595);
-        text-decoration: none;
-    }
-
-    .harmony-job-link a:hover {
-        text-decoration: underline;
-    }
-
-    :root,
-    :host {
-        --ol-background-color: white;
-        --ol-accent-background-color: #f5f5f5;
-        --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
-        --ol-partial-background-color: rgba(255, 255, 255, 0.75);
-        --ol-foreground-color: #333333;
-        --ol-subtle-foreground-color: #666666;
-        --ol-brand-color: #00aaff;
-    }
-
-    .ol-box {
-        box-sizing: border-box;
-        border-radius: 2px;
-        border: 1.5px solid var(--ol-background-color);
-        background-color: var(--ol-partial-background-color);
-    }
-
-    .ol-mouse-position {
-        top: 8px;
-        right: 8px;
-        position: absolute;
-    }
-
-    .ol-scale-line {
-        background: var(--ol-partial-background-color);
-        border-radius: 4px;
-        bottom: 8px;
-        left: 8px;
-        padding: 2px;
-        position: absolute;
-    }
-
-    .ol-scale-line-inner {
-        border: 1px solid var(--ol-subtle-foreground-color);
-        border-top: none;
-        color: var(--ol-foreground-color);
-        font-size: 10px;
-        text-align: center;
-        margin: 1px;
-        will-change: contents, width;
-        transition: all 0.25s;
-    }
-
-    .ol-scale-bar {
-        position: absolute;
-        bottom: 8px;
-        left: 8px;
-    }
-
-    .ol-scale-bar-inner {
-        display: flex;
-    }
-
-    .ol-scale-step-marker {
-        width: 1px;
-        height: 15px;
-        background-color: var(--ol-foreground-color);
-        float: right;
-        z-index: 10;
-    }
-
-    .ol-scale-step-text {
-        position: absolute;
-        bottom: -5px;
-        font-size: 10px;
-        z-index: 11;
-        color: var(--ol-foreground-color);
-        text-shadow:
-            -1.5px 0 var(--ol-partial-background-color),
-            0 1.5px var(--ol-partial-background-color),
-            1.5px 0 var(--ol-partial-background-color),
-            0 -1.5px var(--ol-partial-background-color);
-    }
-
-    .ol-scale-text {
-        position: absolute;
-        font-size: 12px;
-        text-align: center;
-        bottom: 25px;
-        color: var(--ol-foreground-color);
-        text-shadow:
-            -1.5px 0 var(--ol-partial-background-color),
-            0 1.5px var(--ol-partial-background-color),
-            1.5px 0 var(--ol-partial-background-color),
-            0 -1.5px var(--ol-partial-background-color);
-    }
-
-    .ol-scale-singlebar {
-        position: relative;
-        height: 10px;
-        z-index: 9;
-        box-sizing: border-box;
-        border: 1px solid var(--ol-foreground-color);
-    }
-
-    .ol-scale-singlebar-even {
-        background-color: var(--ol-subtle-foreground-color);
-    }
-
-    .ol-scale-singlebar-odd {
-        background-color: var(--ol-background-color);
-    }
-
-    .ol-unsupported {
-        display: none;
-    }
-
-    .ol-viewport,
-    .ol-unselectable {
-        -webkit-touch-callout: none;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        user-select: none;
-        -webkit-tap-highlight-color: transparent;
-    }
-
-    .ol-viewport canvas {
-        all: unset;
-        overflow: hidden;
-    }
-
-    .ol-viewport {
-        touch-action: pan-x pan-y;
-    }
-
-    .ol-selectable {
-        -webkit-touch-callout: default;
-        -webkit-user-select: text;
-        -moz-user-select: text;
-        user-select: text;
-    }
-
-    .ol-grabbing {
-        cursor: -webkit-grabbing;
-        cursor: -moz-grabbing;
-        cursor: grabbing;
-    }
-
-    .ol-grab {
-        cursor: move;
-        cursor: -webkit-grab;
-        cursor: -moz-grab;
-        cursor: grab;
-    }
-
-    .ol-control {
-        position: absolute;
-        background-color: var(--ol-subtle-background-color);
-        border-radius: 4px;
-    }
-
-    .ol-zoom {
-        top: 0.5em;
-        left: 0.5em;
-    }
-
-    .ol-rotate {
-        top: 0.5em;
-        right: 0.5em;
-        transition:
-            opacity 0.25s linear,
-            visibility 0s linear;
-    }
-
-    .ol-rotate.ol-hidden {
-        opacity: 0;
-        visibility: hidden;
-        transition:
-            opacity 0.25s linear,
-            visibility 0s linear 0.25s;
-    }
-
-    .ol-zoom-extent {
-        top: 4.643em;
-        left: 0.5em;
-    }
-
-    .ol-full-screen {
-        right: 0.5em;
-        top: 0.5em;
-    }
-
-    .ol-control button {
-        display: block;
-        margin: 1px;
-        padding: 0;
-        color: var(--ol-subtle-foreground-color);
-        font-weight: bold;
-        text-decoration: none;
-        font-size: inherit;
-        text-align: center;
-        height: 1.375em;
-        width: 1.375em;
-        line-height: 0.4em;
-        background-color: var(--ol-background-color);
-        border: none;
-        border-radius: 2px;
-    }
-
-    .ol-control button::-moz-focus-inner {
-        border: none;
-        padding: 0;
-    }
-
-    .ol-zoom-extent button {
-        line-height: 1.4em;
-    }
-
-    .ol-compass {
-        display: block;
-        font-weight: normal;
-        will-change: transform;
-    }
-
-    .ol-touch .ol-control button {
-        font-size: 1.5em;
-    }
-
-    .ol-touch .ol-zoom-extent {
-        top: 5.5em;
-    }
-
-    .ol-control button:hover,
-    .ol-control button:focus {
-        text-decoration: none;
-        outline: 1px solid var(--ol-subtle-foreground-color);
-        color: var(--ol-foreground-color);
-    }
-
-    .ol-zoom .ol-zoom-in {
-        border-radius: 2px 2px 0 0;
-    }
-
-    .ol-zoom .ol-zoom-out {
-        border-radius: 0 0 2px 2px;
-    }
-
-    .ol-attribution {
-        display: none !important;
-    }
-
-    .ol-zoomslider {
-        top: 4.5em;
-        left: 0.5em;
-        height: 200px;
-    }
-
-    .ol-zoomslider button {
-        position: relative;
-        height: 10px;
-    }
-
-    .ol-touch .ol-zoomslider {
-        top: 5.5em;
-    }
-
-    .ol-overviewmap {
-        left: 0.5em;
-        bottom: 0.5em;
-    }
-
-    .ol-overviewmap.ol-uncollapsible {
-        bottom: 0;
-        left: 0;
-        border-radius: 0 4px 0 0;
-    }
-
-    .ol-overviewmap .ol-overviewmap-map,
-    .ol-overviewmap button {
-        display: block;
-    }
-
-    .ol-overviewmap .ol-overviewmap-map {
-        border: 1px solid var(--ol-subtle-foreground-color);
-        height: 150px;
-        width: 150px;
-    }
-
-    .ol-overviewmap:not(.ol-collapsed) button {
-        bottom: 0;
-        left: 0;
-        position: absolute;
-    }
-
-    .ol-overviewmap.ol-collapsed .ol-overviewmap-map,
-    .ol-overviewmap.ol-uncollapsible button {
-        display: none;
-    }
-
-    .ol-overviewmap:not(.ol-collapsed) {
-        background: var(--ol-subtle-background-color);
-    }
-
-    .ol-overviewmap-box {
-        border: 1.5px dotted var(--ol-subtle-foreground-color);
-    }
-
-    .ol-overviewmap .ol-overviewmap-box:hover {
-        cursor: move;
-    }
-
-    .ol-overviewmap .ol-viewport:hover {
-        cursor: pointer;
-    }
-
-    /* Responsive design for smaller screens */
-    @media (max-width: 768px) {
-        :host {
-            gap: 1rem 0.5rem;
-        }
-
-        .map-container {
-            min-height: 300px;
-        }
-
-        #map {
-            min-height: 300px;
-        }
-
-        #settings {
-            bottom: 100px;
-            left: 5px;
-            padding: 6px 8px;
-            font-size: 11px;
-        }
-    }
-
-    @media (max-width: 480px) {
-        .map-container {
-            min-height: 250px;
-        }
-
-        #map {
-            min-height: 250px;
-        }
-
-        #settings {
-            bottom: 80px;
-            left: 5px;
-            padding: 4px 6px;
-            font-size: 10px;
-        }
-    }
-`;export{a};

package/dist/chunks/chunk.YBKVUXXU.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.PO4J6EYL.js";var o=e;e.define("terra-stepper-step");export{o as a};

package/dist/chunks/chunk.YIZ2RQOX.js

@@ -1 +0,0 @@
-import{a as t}from"./chunk.GXMHPA2J.js";import*as e from"react";import{createComponent as o}from"@lit/react";var r="terra-plot-toolbar";t.define("terra-plot-toolbar");var a=o({tagName:r,elementClass:t,react:e,events:{},displayName:"TerraPlotToolbar"}),c=a;export{c as a};

package/dist/chunks/chunk.YKWMWZMS.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.RAUAQANS.js";import*as t from"react";import{createComponent as r}from"@lit/react";var m="terra-menu-item";e.define("terra-menu-item");var a=r({tagName:m,elementClass:e,react:t,events:{},displayName:"TerraMenuItem"}),c=a;export{c as a};

package/dist/chunks/chunk.YPU4IAHG.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.4OH3XCDR.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-data-subsetter";e.define("terra-data-subsetter");var a=r({tagName:o,elementClass:e,react:t,events:{onTerraSubsetJobComplete:"terra-subset-job-complete"},displayName:"TerraDataSubsetter"}),l=a;export{l as a};

package/dist/chunks/chunk.YSQWMROO.js

@@ -1,5 +0,0 @@
-import{a as r}from"./chunk.XJS3MPKP.js";import{a as l,c as o}from"./chunk.IEJAC4O6.js";import{e}from"./chunk.INFVQQSJ.js";import{property as a}from"lit/decorators.js";import{html as i}from"lit";var t=class extends o{constructor(){super(...arguments);this.ariaLabel="Breadcrumb";this.theme="light"}render(){return i`
-            <nav part="base nav" class="breadcrumbs" aria-label=${this.ariaLabel}>
-                <slot></slot>
-            </nav>
-        `}};t.styles=[l,r],e([a({attribute:"aria-label"})],t.prototype,"ariaLabel",2),e([a({reflect:!0})],t.prototype,"theme",2);export{t as a};

package/dist/chunks/chunk.YTWF4W66.js

@@ -1,80 +0,0 @@
-import{a as d}from"./chunk.EVU2XYYQ.js";import{a as b}from"./chunk.XMNTSLBZ.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as u,c as h}from"./chunk.IEJAC4O6.js";import{e as s}from"./chunk.INFVQQSJ.js";import{property as c,state as f}from"lit/decorators.js";import{html as r}from"lit";import{classMap as m}from"lit/directives/class-map.js";var i=class extends h{constructor(){super(...arguments);this.current=1;this.total=1;this.variant="full";this.centered=!1;this._visiblePages=[]}handlePropsChange(){this._updateVisiblePages()}connectedCallback(){super.connectedCallback(),this._updateVisiblePages()}_updateVisiblePages(){let t=[],a=Math.max(1,this.total),n=Math.max(1,Math.min(this.current,a));if(this.variant==="simple"){this._visiblePages=[];return}if(a<=7)for(let e=1;e<=a;e++)t.push(e);else if(t.push(1),n<=4){for(let e=2;e<=5;e++)t.push(e);t.push(-1),t.push(a)}else if(n>=a-3){t.push(-1);for(let e=a-4;e<=a;e++)t.push(e)}else{t.push(-1);for(let e=n-1;e<=n+1;e++)t.push(e);t.push(-1),t.push(a)}this._visiblePages=t}_handlePageClick(t){t===this.current||t<1||t>this.total||(this.current=t,this._updateVisiblePages(),this.emit("terra-page-change",{detail:{page:t}}))}_handlePrevClick(){this.current>1&&this._handlePageClick(this.current-1)}_handleNextClick(){this.current<this.total&&this._handlePageClick(this.current+1)}render(){let t=Math.max(1,this.total),a=Math.max(1,Math.min(this.current,t)),n=a===1,e=a===t,_=this.variant==="full";return r`
-            <div
-                part="base"
-                class=${m({pagination:!0,"pagination--centered":this.centered,"pagination--left":this.variant==="full"&&!this.centered,"pagination--simple":this.variant==="simple"})}
-            >
-                <nav part="nav" class="pagination__nav">
-                    <button
-                        part="prev"
-                        class="pagination__button pagination__button--prev"
-                        ?disabled=${n}
-                        @click=${this._handlePrevClick}
-                        aria-label="Previous page"
-                    >
-                        ${this.variant==="simple"?r`
-                                  <terra-icon
-                                      name="chevron-left"
-                                      library="default"
-                                  ></terra-icon>
-                                  <span class="pagination__button-text"
-                                      >Previous</span
-                                  >
-                              `:r`
-                                  <terra-icon
-                                      name="chevron-left"
-                                      library="default"
-                                  ></terra-icon>
-                              `}
-                    </button>
-
-                    ${_?r`
-                              ${this._visiblePages.map(l=>{if(l===-1)return r`
-                                          <span
-                                              part="ellipsis"
-                                              class="pagination__ellipsis"
-                                              aria-hidden="true"
-                                              >…</span
-                                          >
-                                      `;let o=l===a;return r`
-                                      <button
-                                          part=${o?"button-current button":"button"}
-                                          class=${m({pagination__button:!0,"pagination__button--page":!0,"pagination__button--current":o})}
-                                          ?disabled=${o}
-                                          @click=${()=>this._handlePageClick(l)}
-                                          aria-label=${`Page ${l}`}
-                                          aria-current=${o?"page":void 0}
-                                      >
-                                          ${l}
-                                      </button>
-                                  `})}
-                          `:""}
-
-                    <button
-                        part="next"
-                        class="pagination__button pagination__button--next"
-                        ?disabled=${e}
-                        @click=${this._handleNextClick}
-                        aria-label="Next page"
-                    >
-                        ${this.variant==="simple"?r`
-                                  <span class="pagination__button-text">Next</span>
-                                  <terra-icon
-                                      name="chevron-right"
-                                      library="default"
-                                  ></terra-icon>
-                              `:r`
-                                  <terra-icon
-                                      name="chevron-right"
-                                      library="default"
-                                  ></terra-icon>
-                              `}
-                    </button>
-                </nav>
-
-                ${this.variant==="full"&&!this.centered?r`
-                          <div part="slot" class="pagination__slot">
-                              <slot></slot>
-                          </div>
-                      `:""}
-            </div>
-        `}};i.styles=[u,d],i.dependencies={"terra-icon":b},s([c({type:Number})],i.prototype,"current",2),s([c({type:Number})],i.prototype,"total",2),s([c({reflect:!0})],i.prototype,"variant",2),s([c({type:Boolean})],i.prototype,"centered",2),s([f()],i.prototype,"_visiblePages",2),s([p(["current","total","variant"])],i.prototype,"handlePropsChange",1);export{i as a};

package/dist/chunks/chunk.YVVKOSUI.js

@@ -1,62 +0,0 @@
-import{a as y,b as v}from"./chunk.77X2UDZ7.js";import{a as O}from"./chunk.MJILATWK.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.ZBC4UK6H.js";import{a as b}from"./chunk.CUJNKBC6.js";import{a as L}from"./chunk.6PEAAW4E.js";import{a as M}from"./chunk.XMNTSLBZ.js";import{a as A}from"./chunk.J5Q4TWEG.js";import{a as H,c as x}from"./chunk.IEJAC4O6.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.ZBC4UK6H.js

@@ -1,48 +0,0 @@
-import{b as w,c as k}from"./chunk.UTJA3S5Z.js";import{a as C}from"./chunk.THZJGMXE.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as D}from"./chunk.XMNTSLBZ.js";import{a as f}from"./chunk.J5Q4TWEG.js";import{a as y,c as v}from"./chunk.IEJAC4O6.js";import{e,g,i as d}from"./chunk.INFVQQSJ.js";import{classMap as x}from"lit/directives/class-map.js";import{html as m,literal as $}from"lit/static-html.js";import{ifDefined as r}from"lit/directives/if-defined.js";import{property as o,query as L,state as c}from"lit/decorators.js";var a,u,t=class extends v{constructor(){super(...arguments);g(this,a);this.formControlController=new w(this,{assumeInteractionOn:["click"]});this.hasSlotController=new b(this,"[default]","prefix","suffix");this.hasFocus=!1;this.invalid=!1;this.title="";this.variant="primary";this.size="medium";this.caret=!1;this.disabled=!1;this.loading=!1;this.outline=!1;this.circle=!1;this.type="button";this.name="";this.value="";this.href="";this.rel="noreferrer noopener";this.role="button";this.expanded=!1}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}connectedCallback(){super.connectedCallback(),this.forDialog&&(document.addEventListener("terra-dialog-show",d(this,a,u).bind(this)),document.addEventListener("terra-dialog-hide",d(this,a,u).bind(this)))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("terra-dialog-show",d(this,a,u).bind(this)),document.removeEventListener("terra-dialog-hide",d(this,a,u).bind(this))}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleClick(){if(this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this),this.forDialog){let i=document.getElementById(this.forDialog);if(!i){let n=l=>{if("getElementById"in l&&typeof l.getElementById=="function"){let s=l.getElementById(this.forDialog);if(s)return s}let E=l.querySelectorAll("*");for(let s of E){if(s.id===this.forDialog&&s.tagName.toLowerCase()==="terra-dialog")return s;if(s.shadowRoot&&s.shadowRoot.mode==="open"){let p=n(s.shadowRoot);if(p)return p}}return null},h=n(document);h&&(i=h)}i==null||i.show()}}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}handleHrefChange(){this.role=this.isLink()?null:"button"}click(){this.button.click()}focus(i){this.button.focus(i)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(i){this.isButton()&&(this.button.setCustomValidity(i),this.formControlController.updateValidity())}setPageLinkIcon(i){let h=new URL(i).hostname,l=globalThis.location.hostname;return h===l?"outline-arrow-right":"outline-arrow-up-right"}setFontSize(i){switch(i){case"small":return".8rem";case"medium":return"1.2rem";case"large":return"1.5rem";default:return"1.5rem"}}render(){let i=this.isLink(),n=i?$`a`:$`button`;return m`
-      <${n}
-        part="base"
-        class=${x({button:!0,"button--default":this.variant==="default","button--primary":this.variant==="primary","button--cta":this.variant==="cta","button--success":this.variant==="success","button--warning":this.variant==="warning","button--danger":this.variant==="danger","button--text":this.variant==="text","button--pagelink":this.variant==="pagelink","button--small":this.size==="small","button--medium":this.size==="medium","button--large":this.size==="large","button--caret":this.caret,"button--square-left":this.shape==="square-left","button--square":this.shape==="square","button--square-right":this.shape==="square-right","button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}
-        ?disabled=${r(i?void 0:this.disabled)}
-        type=${r(i?void 0:this.type)}
-        title=${this.title}
-        name=${r(i?void 0:this.name)}
-        value=${r(i?void 0:this.value)}
-        href=${r(i?this.href:void 0)}
-        target=${r(i?this.target:void 0)}
-        download=${r(i?this.download:void 0)}
-        rel=${r(i?this.rel:void 0)}
-        role=${r(this.role)}
-        aria-disabled=${this.disabled?"true":"false"}
-        tabindex=${this.disabled?"-1":"0"}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-        @invalid=${this.isButton()?this.handleInvalid:null}
-        @click=${this.handleClick}
-        aria-controls=${r(this.forDialog||void 0)} 
-        ?aria-haspopup=${this.forDialog?"dialog":void 0}
-        aria-expanded=${r(this.forDialog?this.expanded:void 0)}
-      >
-        <slot name="prefix" part="prefix" class="button__prefix"></slot>
-        <slot part="label" class="button__label"></slot>
-        <slot name="suffix" part="suffix" class="button__suffix">
-            ${this.variant=="pagelink"?m`
-                          <span>
-                              <terra-icon
-                                  name=${this.setPageLinkIcon(this.href)}
-                                  library="heroicons"
-                                  font-size=${this.setFontSize(this.size)}
-                              ></terra-icon>
-                          </span>
-                      `:""}
-        </slot>
-        ${this.caret?m`
-                      <span part="caret" class="button__caret">
-                          <terra-icon
-                              name="solid-chevron-down"
-                              library="heroicons"
-                              aria-hidden="true"
-                          ></terra-icon>
-                      </span>
-                  `:""}
-      </${n}>
-    `}};a=new WeakSet,u=function(i){this.forDialog&&this.forDialog===i.target.id&&(this.expanded=i.target.open)},t.styles=[y,C],t.dependencies={"terra-icon":D},e([L(".button")],t.prototype,"button",2),e([c()],t.prototype,"hasFocus",2),e([c()],t.prototype,"invalid",2),e([o()],t.prototype,"title",2),e([o({reflect:!0})],t.prototype,"variant",2),e([o({reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"caret",2),e([o({reflect:!0})],t.prototype,"shape",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:Boolean,reflect:!0})],t.prototype,"outline",2),e([o({type:Boolean,reflect:!0})],t.prototype,"circle",2),e([o()],t.prototype,"type",2),e([o()],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o()],t.prototype,"href",2),e([o()],t.prototype,"target",2),e([o()],t.prototype,"rel",2),e([o()],t.prototype,"download",2),e([o()],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([o({attribute:"for-dialog"})],t.prototype,"forDialog",2),e([o({reflect:!0})],t.prototype,"role",2),e([c()],t.prototype,"expanded",2),e([f("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([f("href")],t.prototype,"handleHrefChange",1);export{t as a};