@nasa-terra/components 0.0.194 → 0.0.196

package/dist/chunks/chunk.LXQROJE2.js

@@ -0,0 +1,354 @@
+import{css as e}from"lit";var i=e`
+    :host {
+        background-color: var(--terra-color-bg-surface-neutral-primary);
+        display: block;
+        padding-bottom: 55% !important;
+        position: relative;
+        width: 100%;
+    }
+
+    h3 {
+        color: var(--terra-text-brand-on-primary);
+        margin-bottom: 1rem;
+    }
+
+    dialog {
+        position: absolute;
+        z-index: 999;
+        width: 100px;
+        height: 100px;
+        padding: 0;
+        place-self: center;
+    }
+
+    .container {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        display: grid;
+        grid-template-rows: auto 1fr;
+    }
+
+    .scrollable {
+        overflow-y: auto;
+        display: grid;
+        grid-template-columns: 250px 1fr;
+        grid-column: span 2;
+        width: 100%;
+    }
+
+    header.search {
+        border-bottom: 1px solid var(--terra-border-neutral-default, #e9ecef);
+        grid-column: span 2;
+        padding: 15px;
+        padding-bottom: 25px;
+        display: flex;
+        gap: 10px;
+    }
+
+    header.search button {
+        width: 36px;
+        height: 36px;
+    }
+
+    .browse-by-category aside {
+        padding: 0 15px;
+    }
+
+    .browse-by-category main {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+        gap: 2rem;
+        min-width: 800px;
+        overflow-x: auto;
+    }
+
+    .column {
+        min-width: 0; /* Prevents overflow issues */
+    }
+
+    .browse-by-category ul {
+        padding: 0;
+    }
+
+    .browse-by-category ul ::marker {
+        font-size: 0; /*Safari removes the semantic meaning / role of the list if we remove the list style. */
+    }
+
+    .browse-by-category li {
+        border-radius: 4px;
+        cursor: pointer;
+        margin: 0;
+        margin-bottom: 0.5rem;
+        padding: 8px;
+        transition: background-color 0.15s;
+    }
+
+    .browse-by-category li:hover {
+        background-color: rgba(255, 255, 255, 0.1);
+    }
+
+    .browse-by-category terra-button {
+        margin-top: 15px;
+    }
+
+    .browse-by-category terra-button::part(base) {
+    }
+
+    label {
+        display: flex;
+        line-height: var(--terra-line-height-normal);
+    }
+
+    input[type='radio'] {
+        appearance: none; /* removes OS default styling */
+        -webkit-appearance: none; /* for Safari */
+        -moz-appearance: none; /* for Firefox */
+        margin-right: 10px;
+        width: 1em;
+        height: 1em;
+        border: 0.125em solid var(--terra-radio-border-color);
+        border-radius: 50%;
+        background-color: var(--terra-radio-background-color);
+        cursor: pointer;
+        position: relative; /* for the dot */
+    }
+
+    /* Selected state */
+    input[type='radio']:checked {
+        border-color: var(--terra-radio-border-color-checked);
+        background-color: var(--terra-radio-background-color); /* keep white bg */
+    }
+
+    /* Inner dot */
+    input[type='radio']:checked::after {
+        content: '';
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 0.5em; /* size of the dot */
+        height: 0.5em;
+        background-color: var(--terra-radio-background-color-checked);
+        border-radius: 50%; /* makes it circular */
+        transform: translate(-50%, -50%); /* center it */
+    }
+
+    .variables-container {
+        display: grid;
+        grid-template-areas:
+            'header header'
+            'aside main';
+        grid-template-columns: 250px 1fr;
+        grid-template-rows: auto 1fr;
+    }
+
+    .variables-container header {
+        grid-area: header;
+        padding: 15px;
+        padding-bottom: 0;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .variables-container header menu {
+        display: inline-flex;
+        padding: 0;
+        margin: 0;
+        min-width: 24em;
+        justify-content: flex-end;
+    }
+
+    .variables-container header menu ::marker {
+        font-size: 0;
+    }
+
+    .list-menu-dropdown terra-button::part(base) {
+        border-color: transparent;
+        font-weight: 700;
+    }
+
+    .variables-container aside {
+        grid-area: aside;
+        padding: 15px;
+        overflow-y: auto;
+    }
+
+    .variables-container aside details {
+        margin-bottom: 0.5rem;
+    }
+
+    summary::marker {
+        color: var(--terra-text-brand-on-primary); /* changes the arrow color */
+        cursor: pointer;
+    }
+
+    .variables-container main {
+        grid-area: main;
+        display: grid;
+        grid-template-columns: 1fr;
+        gap: 1rem;
+        min-height: 100%;
+        overflow-x: auto;
+        padding: 15px;
+    }
+
+    .variables-container main:has(.right-column) {
+        grid-template-columns: 1fr 400px;
+    }
+
+    .facet {
+        margin-left: 10px;
+    }
+
+    .facet label {
+        align-items: center; /* vertical alignment */
+        line-height: var(--terra-line-height-loose);
+    }
+
+    .facet label input[type='checkbox'] {
+        appearance: none; /* removes OS default styling */
+        -webkit-appearance: none; /* for Safari */
+        -moz-appearance: none; /* for Firefox */
+        width: 1em;
+        height: 1em;
+        border: 0.125em solid var(--terra-checkbox-border-color);
+        border-radius: 0.25em;
+        background-color: var(--terra-checkbox-background-color);
+        cursor: pointer;
+        position: relative;
+    }
+
+    .facet label input[type='checkbox']:checked {
+        background-color: var(--terra-checkbox-background-color-checked);
+        accent-color: var(--terra-checkbox-background-color-checked);
+    }
+
+    /* Draw the checkmark */
+    .facet label input[type='checkbox']:checked::before,
+    .facet label input[type='checkbox']:checked::after {
+        content: '';
+        position: absolute;
+        height: 2px; /* thickness of the line */
+        background-color: var(--terra-checkbox-icon-color); /* checkmark color */
+        transform-origin: left center;
+    }
+
+    /* First stroke of the checkmark */
+    .facet label input[type='checkbox']:checked::before {
+        width: 0.37em;
+        top: 38%;
+        left: 23%;
+        transform: rotate(45deg);
+    }
+
+    /* Second stroke of the checkmark */
+    .facet label input[type='checkbox']:checked::after {
+        width: 0.58em;
+        top: 60%;
+        left: 45%;
+        transform: rotate(-49deg);
+    }
+
+    .variable-list {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+
+    .variable-list-item {
+        /* border: 0.0625em var(--terra-color-nasa-blue-tint) solid; */
+        border-radius: 0.25em;
+        background-color: var(--terra-color-bg-surface-neutral-secondary);
+        padding: 0.5em 1em;
+        margin-bottom: var(--terra-spacing-2x-small);
+    }
+
+    .variable-list-item label {
+        color: var(--terra-text-secondary);
+    }
+
+    .variable-list-item:hover {
+        background-color: var(--terra-color-bg-info-subtle);
+    }
+
+    .variable-list-item:hover label {
+        color: var(--terra-text-secondary);
+    }
+
+    .variable-list-item::marker {
+        font-size: 0;
+    }
+
+    .variable[open] .details-panel {
+        height: max-content;
+    }
+
+    .variable input[type='checkbox'] {
+        margin-block: 0.25em;
+        margin-inline: 0 0.5em;
+    }
+
+    .variable {
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .variable a {
+        color: white;
+    }
+
+    .variable label {
+        cursor: pointer;
+        display: flex;
+        flex-direction: row;
+        font-weight: 400;
+    }
+
+    .variable label input[type='checkbox'] {
+        align-self: flex-start;
+        margin-top: 0.4em;
+    }
+
+    .left-column {
+        /* overflow-y: auto; */
+    }
+
+    /* Right column (details panel) */
+    .right-column {
+        display: flex;
+        flex-direction: column;
+        background-color: var(--terra-color-bg-info-subtle);
+        color: var(--terra-text-secondary);
+        /* border: 0.0625em solid var(--terra-color-nasa-blue-tint); */
+        border-radius: 0.25em;
+        padding: 0.5em 1em;
+    }
+
+    .right-column h4 {
+        margin-top: 0;
+        margin-bottom: 1rem;
+    }
+
+    .right-column label {
+        color: var(--terra-text-primary);
+    }
+
+    .right-column p {
+        margin: 0.5rem 0;
+        line-height: 1.4;
+    }
+
+    .placeholder {
+        color: var(--terra-text-secondary);
+        font-style: italic;
+    }
+
+    .sticky-element {
+        position: sticky;
+        /* For older browsers, consider adding: */
+        position: -webkit-sticky;
+        top: 0; /* Sticks to the top of the viewport when scrolled to */
+    }
+`;export{i as a};

package/dist/chunks/chunk.M5IBNNVO.js

@@ -0,0 +1,35 @@
+import{a as T}from"./chunk.T4VXJ6JM.js";import{a as L}from"./chunk.A4KCKDEI.js";import{b as y}from"./chunk.6MJMMDNP.js";import{a as p,c as m}from"./chunk.VOQBVUDI.js";import{a as c,c as f}from"./chunk.U6R2SR47.js";import{a as u}from"./chunk.CUJNKBC6.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as v,c as E}from"./chunk.BLIMMPQ7.js";import{e as n}from"./chunk.INFVQQSJ.js";import{classMap as w}from"lit/directives/class-map.js";import{html as M}from"lit";import{ifDefined as b}from"lit/directives/if-defined.js";import{property as a,query as g}from"lit/decorators.js";var i=class extends E{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.hoist=!1;this.hover=!1;this.hoverTimeout=null;this.hideTimeout=null;this.sync=void 0;this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())};this.handleDocumentKeyDown=e=>{var t;if(e.key==="Escape"&&this.open&&!this.closeWatcher){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="terra-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}let s=(o,r)=>{if(!o)return null;let h=o.closest(r);if(h)return h;let l=o.getRootNode();return l instanceof ShadowRoot?s(l.host,r):null};setTimeout(()=>{var r;let o=((r=this.containingElement)==null?void 0:r.getRootNode())instanceof ShadowRoot?y():document.activeElement;(!this.containingElement||s(o,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}};this.handleDocumentMouseDown=e=>{let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()};this.handlePanelSelect=e=>{let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="terra-menu"&&(this.hide(),this.focusOnTrigger())};this.handleTriggerMouseEnter=()=>{!this.hover||this.disabled||(this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.hoverTimeout=window.setTimeout(()=>{this.open||this.show(),this.hoverTimeout=null},150))};this.handleTriggerMouseLeave=()=>{this.hover&&(this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))};this.handlePanelMouseEnter=()=>{this.hover&&this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)};this.handlePanelMouseLeave=()=>{this.hover&&(this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.updateComplete.then(()=>{this.attachHoverListeners()}),this.open&&(this.addOpenListeners(),this.popup.active=!0,this.attachPanelHoverListeners())}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.removeHoverListeners(),this.hide(),this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}removeHoverListeners(){var r,h;let t=(((r=this.trigger)==null?void 0:r.assignedElements({flatten:!0}))||[])[0];if(!t)return;let s=t;if(t.tagName.toLowerCase()==="terra-button"){let l=t.button;l&&(s=l)}s.removeEventListener("mouseenter",this.handleTriggerMouseEnter),s.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let o=(h=this.popup)==null?void 0:h.popup;o&&(o.removeEventListener("mouseenter",this.handlePanelMouseEnter),o.removeEventListener("mouseleave",this.handlePanelMouseLeave))}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="terra-menu")}handleTriggerClick(){this.hover||(this.open?this.hide():(this.show(),this.focusOnTrigger()))}async handleTriggerKeyDown(e){if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.getAllItems(),o=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||(this.show(),await this.updateComplete),s.length>0&&this.updateComplete.then(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(o),o.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger(),requestAnimationFrame(()=>{this.attachHoverListeners()})}attachHoverListeners(){if(!this.hover||!this.trigger)return;let t=this.trigger.assignedElements({flatten:!0})[0];if(!t)return;t.removeEventListener("mouseenter",this.handleTriggerMouseEnter),t.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let s=t;if(t.tagName.toLowerCase()==="terra-button"){let o=t.button;o&&(s=o)}s.addEventListener("mouseenter",this.handleTriggerMouseEnter),s.addEventListener("mouseleave",this.handleTriggerMouseLeave)}attachPanelHoverListeners(){this.hover&&this.updateComplete.then(()=>{var t;let e=(t=this.popup)==null?void 0:t.popup;e&&(e.removeEventListener("mouseenter",this.handlePanelMouseEnter),e.removeEventListener("mouseleave",this.handlePanelMouseLeave),e.addEventListener("mouseenter",this.handlePanelMouseEnter),e.addEventListener("mouseleave",this.handlePanelMouseLeave))})}updateAccessibleTrigger(){}async show(){if(!this.open)return this.open=!0,u(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"terra-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var e;this.panel.addEventListener("terra-select",this.handlePanelSelect),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()}):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var e;this.panel&&(this.panel.removeEventListener("terra-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("terra-show"),this.addOpenListeners(),this.attachPanelHoverListeners(),await m(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=f(this,"dropdown.show",{dir:"ltr"});await p(this.popup.popup,e,t),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await m(this);let{keyframes:e,options:t}=f(this,"dropdown.hide",{dir:"ltr"});await p(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}handleHoverChange(){this.attachHoverListeners()}render(){return M`
+            <terra-popup
+                part="base"
+                exportparts="popup:base__popup"
+                id="dropdown"
+                placement=${this.placement}
+                distance=${this.distance}
+                skidding=${this.skidding}
+                strategy=${this.hoist?"fixed":"absolute"}
+                flip
+                shift
+                auto-size="vertical"
+                auto-size-padding="10"
+                sync=${b(this.sync?this.sync:void 0)}
+                class=${w({dropdown:!0,"dropdown--open":this.open})}
+            >
+                <slot
+                    name="trigger"
+                    slot="anchor"
+                    part="trigger"
+                    class="dropdown__trigger"
+                    @click=${this.handleTriggerClick}
+                    @keydown=${this.handleTriggerKeyDown}
+                    @keyup=${this.handleTriggerKeyUp}
+                    @slotchange=${this.handleTriggerSlotChange}
+                ></slot>
+
+                <div
+                    aria-hidden=${this.open?"false":"true"}
+                    aria-labelledby="dropdown"
+                >
+                    <slot part="panel" class="dropdown__panel"></slot>
+                </div>
+            </terra-popup>
+        `}};i.styles=[v,L],i.dependencies={"terra-popup":T},n([g(".dropdown")],i.prototype,"popup",2),n([g(".dropdown__trigger")],i.prototype,"trigger",2),n([g(".dropdown__panel")],i.prototype,"panel",2),n([a({type:Boolean,reflect:!0})],i.prototype,"open",2),n([a({reflect:!0})],i.prototype,"placement",2),n([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),n([a({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],i.prototype,"stayOpenOnSelect",2),n([a({attribute:!1})],i.prototype,"containingElement",2),n([a({type:Number})],i.prototype,"distance",2),n([a({type:Number})],i.prototype,"skidding",2),n([a({type:Boolean})],i.prototype,"hoist",2),n([a({type:Boolean,reflect:!0})],i.prototype,"hover",2),n([a({reflect:!0})],i.prototype,"sync",2),n([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),n([d("hover",{waitUntilFirstUpdate:!0})],i.prototype,"handleHoverChange",1);c("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/dist/chunks/chunk.M7HM65NI.js

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

package/dist/chunks/chunk.M7KA4TAP.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.OMVHIFUC.js";var m=o;o.define("terra-combobox");export{m as a};

package/dist/chunks/chunk.MBU3SR2E.js

@@ -0,0 +1,11 @@
+import{a as i}from"./chunk.ZVTWO2YF.js";import{a as e,c as a}from"./chunk.BLIMMPQ7.js";import{e as s}from"./chunk.INFVQQSJ.js";import{property as r}from"lit/decorators.js";import{html as o}from"lit";import{classMap as l}from"lit/directives/class-map.js";var t=class extends a{constructor(){super(...arguments);this.variant="active";this.dark=!1}render(){return o`
+            <div
+                part="base"
+                class="${l({"status-indicator":!0,"status-indicator--active":this.variant==="active","status-indicator--completed":this.variant==="completed","status-indicator--testing":this.variant==="testing","status-indicator--future":this.variant==="future"})}"
+            >
+                <span part="dot" class="status-indicator__dot"></span>
+                <span part="label" class="status-indicator__label">
+                    <slot></slot>
+                </span>
+            </div>
+        `}};t.styles=[e,i],s([r({reflect:!0})],t.prototype,"variant",2),s([r({type:Boolean,reflect:!0})],t.prototype,"dark",2);export{t as a};

package/dist/chunks/chunk.MG2J22RN.js

@@ -0,0 +1,100 @@
+import{a as R}from"./chunk.Z2P5VVB5.js";import{a as S}from"./chunk.4HJYIO5Q.js";import{a as J}from"./chunk.QZO2AQI2.js";import{a as L}from"./chunk.JOM4G2YE.js";import{g as $}from"./chunk.7XLMISB3.js";import{a as I}from"./chunk.QDFHF7LY.js";import{a as w}from"./chunk.BF5VMLO3.js";import{a as k}from"./chunk.J3UHFD4B.js";import{a as b,b as C,c as E}from"./chunk.BLIMMPQ7.js";import{e as o,g as c,i as n}from"./chunk.INFVQQSJ.js";import{property as v,query as A,state as u}from"lit/decorators.js";import{html as a,nothing as q}from"lit";var p,N,m,D,g,T,h,y,r=class extends I(E){constructor(){super(...arguments);c(this,p);c(this,m);c(this,g);c(this,h);this.label="History";this.alwaysShow=!0;this.collapsed=!0;this.hideCancelled=!0;this.jobsQuery=new w(this,()=>$({page:1},{bearerToken:this.bearerToken}));this._authController=new L(this)}toggleCollapsed(){this.collapsed=!this.collapsed}render(){var e;let s=(e=this.jobsQuery.result)==null?void 0:e.data,i=s&&s.jobs.length>0;return i?a`
+            <div class="${this.collapsed?"collapsed":""}">
+                <div class="history-header" @click=${this.toggleCollapsed}>
+                    <span>${this.label}</span>
+                </div>
+
+                <div class="history-panel">
+                    ${i?a`
+                              <div class="history-link-row">
+                                  <label>
+                                      <input
+                                          type="checkbox"
+                                          .checked=${this.hideCancelled}
+                                          @change=${t=>{this.hideCancelled=t.target.checked}}
+                                      />
+                                      Hide Cancelled
+                                  </label>
+
+                                  <a
+                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                      class="history-link"
+                                  >
+                                      View all
+                                      <terra-icon
+                                          name="outline-arrow-top-right-on-square"
+                                          library="heroicons"
+                                          size="32px"
+                                      ></terra-icon>
+                                  </a>
+                              </div>
+                          `:q}
+
+                    <div class="history-list">
+                        ${s?i?n(this,p,N).call(this,s):a`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${t=>{var l;t.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(l=this.dialog)==null||l.show()}}
+                                      >
+                                          creating your first request!</a
+                                      >.
+                                  </div>`:a`<div class="history-alert-message">
+                                  Retrieving your requests....
+                              </div>`}
+                    </div>
+                </div>
+            </div>
+
+            <terra-data-subsetter
+                .jobId=${this.selectedJob}
+                .collectionEntryId=${this.selectedCollectionEntryId}
+                .bearerToken=${this.bearerToken}
+                is-history-view
+                dialog="history-dialog"
+                part="subsetter"
+            ></terra-data-subsetter>
+        `:q}};p=new WeakSet,N=function(s){let i=s.jobs.slice().filter(e=>this.hideCancelled?e.status!=="canceled":!0).sort((e,t)=>new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime());return i.length?i.map(e=>{let t="#0066cc";e.status==="successful"||e.status==="complete_with_errors"||e.status==="running_with_errors"?t="#28a745":e.status==="failed"?t="#dc3545":e.status==="canceled"&&(t="#ffc107");let l=e.status==="failed"||e.status==="canceled"?e.status:`${e.progress}%`,d=e.status==="failed"||e.status==="canceled"?100:e.progress,f=n(this,h,y).call(this,e.labels||[]);return a`
+                <div
+                    class="history-item"
+                    @click=${n(this,g,T).bind(this,e)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${n(this,m,D).call(this,e,f)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${d}%; background-color: ${t}"
+                        >
+                            ${l}
+                        </div>
+                    </div>
+                </div>
+            `}):a`
+                <div class="history-alert-message">
+                    There are no active requests to show.<br />
+                    If you'd like, you can
+                    <a
+                        href="#"
+                        class="history-alert-link"
+                        @click=${e=>{var t;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(t=this.dialog)==null||t.show()}}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `},m=new WeakSet,D=function(s,i){var e;return a`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(e=i["collection-entry-id"])!=null?e:s.jobID}
+                </div>
+                <div>${new Date(s.createdAt).toLocaleString()}</div>
+            </div>
+        `},g=new WeakSet,T=function(s){var e;let i=n(this,h,y).call(this,s.labels||[]);this.selectedJob=s.jobID,this.selectedCollectionEntryId=i["collection-entry-id"],(e=this.subsetter)==null||e.showDialog()},h=new WeakSet,y=function(s){try{return Object.fromEntries(s.map(i=>{let[e,...t]=i.split(":"),l=t.join(":").trim(),d=l;if(l.startsWith("{")||l.startsWith("["))try{d=JSON.parse(l)}catch(f){d=l}return[e.trim(),d]}))}catch(i){return{}}},r.dependencies={"terra-icon":k,"terra-data-subsetter":S,"terra-dialog":J},r.styles=[b,R],o([v()],r.prototype,"label",2),o([v({attribute:"bearer-token",converter:C})],r.prototype,"bearerToken",2),o([v({attribute:"always-show",type:Boolean})],r.prototype,"alwaysShow",2),o([u()],r.prototype,"collapsed",2),o([u()],r.prototype,"selectedJob",2),o([u()],r.prototype,"selectedCollectionEntryId",2),o([u()],r.prototype,"hideCancelled",2),o([A('[part~="dialog"]')],r.prototype,"dialog",2),o([A('[part~="subsetter"]')],r.prototype,"subsetter",2);export{r as a};

package/dist/chunks/chunk.MGTW3UKR.js

@@ -0,0 +1,6 @@
+import{a as M}from"./chunk.W5WASIVZ.js";import{a as C}from"./chunk.BDNESHTZ.js";import{a as d,b as m,f as n,g as i,h as c,i as a}from"./chunk.INFVQQSJ.js";import{Control as K}from"ol/control.js";import{Draw as Q}from"ol/interaction.js";import{createBox as X}from"ol/interaction/Draw.js";import G from"ol/Feature.js";import{Point as Y,Polygon as _}from"ol/geom.js";import{transform as H,transformExtent as tt}from"ol/proj.js";import{Fill as et,Stroke as ot,Style as rt}from"ol/style.js";var u,y,l,f,x,b,L,$,v,I,B,N,E,R,D,W,V,j,F,q,P,A,S,U,g,w,O=class extends K{constructor(t,e){let o=document.createElement("div");o.className="draw-toolbar ol-unselectable ol-control";super({element:o});i(this,L);i(this,v);i(this,B);i(this,E);i(this,D);i(this,V);i(this,F);i(this,P);i(this,S);i(this,g);i(this,u,void 0);i(this,y,void 0);i(this,l,void 0);i(this,f,void 0);i(this,x,void 0);i(this,b,void 0);c(this,y,e),["bbox","polygon","point","circle"].forEach(p=>{let h=document.createElement("button");h.innerHTML=a(this,B,N).call(this,p),h.title=a(this,E,R).call(this,p),h.addEventListener("click",()=>a(this,P,A).call(this,p)),o.appendChild(h),this.toggleButtonVisibility(p)});let s=document.createElement("button");s.innerHTML="\u2715",s.style.display="none",o.appendChild(s),this.vectorLayer=t,c(this,f,s),c(this,l,document.createElement("div")),n(this,l).className="ol-tooltip",n(this,l).style.display="none",s.addEventListener("click",()=>a(this,g,w).call(this)),c(this,b,a(this,S,U).bind(this))}setOptions(t){c(this,y,d(d({},n(this,y)),t)),this.toggleButtonVisibility("bbox"),this.toggleButtonVisibility("polygon"),this.toggleButtonVisibility("point"),this.toggleButtonVisibility("circle")}clearValue(){var t;a(this,g,w).call(this),(t=this.vectorLayer.getSource())==null||t.clear()}setValue(t,e=!1){this.clearValue();let o=this.vectorLayer.getSource();if(!o)return;let r;t instanceof C?r=this.buildPointFeature(t):t instanceof M&&(r=this.buildBBoxFeature(t)),r&&(o.addFeature(r),e&&a(this,L,$).call(this,r))}setMap(t){super.setMap(t),t&&t.getViewport().appendChild(n(this,l))}buildPointFeature(t){let e=H([t.lng,t.lat],"EPSG:4326","EPSG:3857"),o=new Y(e),r=new G({geometry:o});return r.set("drawtool","point"),r}buildBBoxFeature(t){let e=t.getWest(),o=t.getSouth(),r=t.getEast(),s=t.getNorth(),p=[[e,o],[e,s],[r,s],[r,o],[e,o]].map(k=>H(k,"EPSG:4326","EPSG:3857")),h=new _([p]),T=new G({geometry:h});return T.set("drawtool","bbox"),T}toggleButtonVisibility(t){var r,s;let e=(s=(r=n(this,y))==null?void 0:r[`show${t.charAt(0).toUpperCase()+t.slice(1)}Tool`])!=null?s:!1,o=this.element.querySelector(`button:nth-child(${a(this,v,I).call(this,t)})`);o&&(o.style.display=e?"inline-block":"none")}};u=new WeakMap,y=new WeakMap,l=new WeakMap,f=new WeakMap,x=new WeakMap,b=new WeakMap,L=new WeakSet,$=function(t){let e=this.getMap();if(!e)return;let o=t.getGeometry();if(!o)return;let r=o.getExtent();r&&e.getView().fit(r,{padding:[20,20,20,20],maxZoom:5,duration:250})},v=new WeakSet,I=function(t){return t==="bbox"?1:t==="polygon"?2:t==="point"?3:t==="circle"?4:-1},B=new WeakSet,N=function(t){return t==="bbox"?'<div class="control-button control-bbox"></div>':t==="polygon"?'<div class="control-button control-polygon"></div>':t==="point"?'<div class="control-button control-point"></div>':t==="circle"?'<div class="control-button control-circle"></div>':""},E=new WeakSet,R=function(t){return t==="bbox"?"Draw a rectangle":t==="polygon"?"Draw a polygon":t==="point"?"Choose a point":t==="circle"?"Draw a circle":""},D=new WeakSet,W=function(t){return t==="bbox"?"Click and drag to draw a bounding box":t==="polygon"?"Click to draw polygon":t==="point"?"Click to place point":t==="circle"?"Click and drag to draw a circle":"Click to draw"},V=new WeakSet,j=function(){return{source:this.vectorLayer.getSource(),dragVertexDelay:0,style:new rt({stroke:new ot({color:"#0088ff",width:2,lineDash:[8,4]}),fill:new et({color:"rgba(51, 136, 255, 0.1)"})})}},F=new WeakSet,q=function(t){let e=a(this,V,j).call(this);return t==="bbox"?m(d({},e),{type:"Circle",geometryFunction:X(),freehand:!0}):t==="circle"?m(d({},e),{type:"Circle",freehand:!0}):t==="polygon"?m(d({},e),{type:"Polygon"}):m(d({},e),{type:"Point"})},P=new WeakSet,A=function(t){var r;let e=this.getMap();if(!e)return;a(this,g,w).call(this),c(this,x,t),(r=this.vectorLayer.getSource())==null||r.clear(),e.getViewport().style.cursor="crosshair";let o=a(this,F,q).call(this,t);c(this,u,new Q(o)),e.addInteraction(n(this,u)),n(this,l).style.display="block",n(this,l).innerText=a(this,D,W).call(this,t),n(this,f).style.display="inline-block",e.on("pointermove",n(this,b)),n(this,u).on("drawend",s=>{s.feature.set("drawtool",t),a(this,g,w).call(this)}),n(this,u).on("drawstart",s=>{let p=s.feature.getGeometry();p.on("change",()=>{let h=p.getExtent(),T=tt(h,"EPSG:3857","EPSG:4326"),[k,Z,z,J]=T;n(this,l).innerHTML=`
+                    W: ${k.toFixed(4)}<br/>
+                    S: ${Z.toFixed(4)}<br/>
+                    E: ${z.toFixed(4)}<br/>
+                    N: ${J.toFixed(4)}
+                `})})},S=new WeakSet,U=function(t){n(this,l).style.left=t.pixel[0]+12+"px",n(this,l).style.top=t.pixel[1]+12+"px"},g=new WeakSet,w=function(){let t=this.getMap();t&&n(this,u)&&(t.removeInteraction(n(this,u)),t.un("pointermove",n(this,b)),t.getViewport().style.cursor=""),c(this,u,void 0),c(this,x,void 0),n(this,l).style.display="none",n(this,f).style.display="none"};export{O as a};