@nasa-terra/components 0.0.181 → 0.0.182

package/dist/chunks/chunk.OTF3DTPS.js

@@ -0,0 +1,299 @@
+import{a as g,e as o,f as l,g as d,h as m,i as y}from"./chunk.INFVQQSJ.js";import{css as x}from"lit";var M=x`
+    :host {
+        box-sizing: border-box;
+        display: none;
+    }
+
+    :host *,
+    :host *::before,
+    :host *::after {
+        box-sizing: inherit;
+    }
+
+    :host {
+        background-color: var(--background-color);
+        color: var(--color);
+    }
+
+    [hidden] {
+        display: none !important;
+    }
+
+    /* Horizon Design System Font Classes */
+
+    /* Display Fonts */
+
+    .display-120 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 7.5rem; /* 120px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-100 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 6.25rem; /* 100px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-80 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 5rem; /* 80px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-72 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 4.5rem; /* 72px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-60 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 3.75rem; /* 60px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-48 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 3rem; /* 48px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-41 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.563rem; /* 41px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    /* Heading Fonts */
+
+    .heading-36-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-36-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-29-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.813rem; /* 29px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-29-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.813rem; /* 29px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-22-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.375rem; /* 22px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-22-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.375rem; /*22px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-18-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-18-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-16-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-16-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-14-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-14-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-12-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-12-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-11-semi-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-semi-bold);
+    }
+
+    /* Body Fonts */
+
+    .body-18 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-16 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-14 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-12 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-11 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    /* Number & Label Fonts */
+
+    .number-240 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 15rem; /* 240px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-120 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 7.5rem; /* 120px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-48 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 3rem; /* 48px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-36 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-14 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.875rem; /* 14px */
+        font-weight: 500;
+    }
+
+    .number-11 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.688rem; /* 11px */
+        font-weight: 500;
+    }
+
+    .label-14 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    .label-12 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    .label-11 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    /* Forms */
+
+    /* Input Field */
+
+    select,
+    .input {
+        font-family: var(--terra-input-font-family);
+        font-size: var(--terra-input-font-size);
+        color: var(--terra-input-color);
+        font-weight: var(--terra-input-font-weight);
+        line-height: var(--terra-input-line-height);
+        background-color: var(--terra-input-background-color);
+        border: var(--terra-input-border-width) solid var(--terra-input-border-color);
+        border-radius: var(--terra-input-border-radius);
+    }
+
+    label,
+    .input-label {
+        font-family: var(--terra-input-label-font-family);
+        font-size: var(--terra-input-label-font-size);
+        color: var(--terra-input-label-color);
+        font-weight: var(--terra-font-weight-semibold);
+        line-height: var(--terra-input-label-line-height);
+    }
+
+    /* Elements */
+
+    a {
+        text-decoration: underline;
+        text-decoration-color: #585858;
+        text-decoration-style: dashed;
+        text-decoration-thickness: 0.05em;
+        text-underline-offset: 0.25rem;
+        color: var(--terra-color-carbon-60);
+    }
+
+    /* UTILITY CSS */
+    .sr-only {
+        block-size: 1px;
+        border-width: 0;
+        clip: rect(0, 0, 0, 0);
+        margin: -1px;
+        overflow: hidden;
+        padding: 0;
+        position: absolute;
+        white-space: nowrap;
+        width: 1px;
+    }
+`;import{LitElement as T}from"lit";import{property as v,state as z}from"lit/decorators.js";var r,h,u,p,b,n=class extends T{constructor(){super();d(this,h);d(this,p);this.environment="prod";this.isVisible=!1;d(this,r,void 0);Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}connectedCallback(){super.connectedCallback(),y(this,h,u).call(this)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=l(this,r))==null||e.disconnect(),m(this,r,void 0)}firstVisible(){}emit(e,t){let i=new CustomEvent(e,g({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(i),i}static define(e,t=this,i={}){let s=customElements.get(e);if(!s){customElements.define(e,class extends t{},i);return}let a=" (unknown version)",f=a;"version"in t&&t.version&&(a=" v"+t.version),"version"in s&&s.version&&(f=" v"+s.version),!(a&&f&&a===f)&&console.warn(`Attempted to register <${e}>${a}, but <${e}>${f} has already been registered.`)}};r=new WeakMap,h=new WeakSet,u=function(){if(!l(this,r)){if(this.isVisible=y(this,p,b).call(this),this.isVisible){this.firstVisible();return}if(!("IntersectionObserver"in window)){this.isVisible=!0,this.firstVisible();return}m(this,r,new IntersectionObserver(e=>{var t;e.some(i=>i.isIntersecting)&&((t=l(this,r))==null||t.disconnect(),m(this,r,void 0),this.isVisible=!0,setTimeout(()=>this.firstVisible(),500))},{root:null,threshold:0})),l(this,r).observe(this)}},p=new WeakSet,b=function(){if(!this.isConnected)return!1;let e=this.getBoundingClientRect(),t=getComputedStyle(this);return e.width>0&&e.height>0&&t.display!=="none"&&t.visibility!=="hidden"},n.version="0.0.182",n.dependencies={},o([v()],n.prototype,"dir",2),o([v()],n.prototype,"lang",2),o([v()],n.prototype,"environment",2),o([v()],n.prototype,"bearerToken",2),o([z()],n.prototype,"isVisible",2);export{M as a,n as b};

package/dist/chunks/chunk.OTK4YHSY.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.UFDERNNG.js";import*as t from"react";import{createComponent as a}from"@lit/react";import"@lit/react";var r="terra-time-series";e.define("terra-time-series");var n=a({tagName:r,elementClass:e,react:t,events:{onTerraDateRangeChange:"terra-date-range-change",onTerraTimeSeriesDataChange:"terra-time-series-data-change",onTerraHarmonyJobStatusUpdate:"terra-harmony-job-status-update"},displayName:"TerraTimeSeries"}),T=n;export{T as a};

package/dist/chunks/chunk.OZ4SZSLD.js

@@ -0,0 +1 @@
+import{c as ot}from"./chunk.64Z5WQSA.js";import{b as G}from"./chunk.5SIVM4DR.js";import{a as et}from"./chunk.XQ2DODLW.js";import{b as K}from"./chunk.74OC24MY.js";import{b as tt}from"./chunk.JHNY5UC5.js";import{d as X,e as $,f as Z}from"./chunk.NH6VLJ6J.js";import{a as _}from"./chunk.3FHTK4MP.js";import{c as V}from"./chunk.BWCJXCND.js";import{a as Q,f as t,g as l,h as H,i as c}from"./chunk.INFVQQSJ.js";import{Task as mt}from"@lit/task";import{format as rt}from"date-fns";var bt=7,ut=10,dt="https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy",ft=300,pt=1e4,e,w,P,A,f,F,nt,N,it,O,st,M,W,C,j,q,ct,D,L,x,lt,B,ht,R,Y,at=class{constructor(a){l(this,F);l(this,N);l(this,O);l(this,M);l(this,C);l(this,q);l(this,D);l(this,x);l(this,B);l(this,R);l(this,e,void 0);l(this,w,new ot);l(this,P,new Z);l(this,A,void 0);l(this,f,void 0);H(this,e,a),H(this,A,new tt(t(this,e),{getCollectionEntryId:()=>c(this,F,nt).call(this),getBearerToken:()=>t(this,e).bearerToken})),H(this,f,new et(t(this,e))),this.jobStatusTask=new mt(a,{task:async([],{signal:o})=>{var J,z;let r=t(this,e).startDate,i=t(this,e).endDate,n=t(this,e).location,b=t(this,e).catalogVariable;if(!r||!i||!n||!b)return;t(this,f).reset(),t(this,e).harmonyJobId=void 0;let m=this.getCacheKey();if(!t(this,e).noCache){let s=await t(this,w).getValidCacheEntry(m);if(s)return console.log("Returning existing map blob from cache",m),t(this,e).harmonyJobId=s.harmonyJobId,c(this,C,j).call(this,s.blob),s.blob}let g=await c(this,N,it).call(this,o),[T,v,I,p]=n.split(",").map(Number),k=new _([T,v,I,p]),y=new K({collectionConceptId:g,location:k,environment:t(this,e).environment}).variable(`${t(this,e).collection}_${t(this,e).variable}`).dateRange(rt(new Date(r),"yyyy-MM-dd'T'00:00:00'Z'"),rt(new Date(i),"yyyy-MM-dd'T'00:00:00'Z'")).format("image/tiff").average("time").label("terra-time-average-map");t(this,e).applicationId&&y.label(t(this,e).applicationId),y.addLabelsFromVariable(b);let d=(await c(this,x,lt).call(this)).find(s=>c(this,B,ht).call(this,s,y));if(d){console.log("Found matching time average map job in Harmony history",d.jobID);let s=await $.getJobStatus(d.jobID,{bearerToken:t(this,e).bearerToken,signal:o}),u=await c(this,M,W).call(this,s,o);return t(this,e).noCache||await t(this,w).storeEntry(m,{blob:u,environment:t(this,e).environment,harmonyJobId:d.jobID}),t(this,e).harmonyJobId=d.jobID,c(this,C,j).call(this,u),u}console.log("Creating time average map job...");let E;try{let s=await t(this,f).startJob({harmonyRequest:y,options:{signal:o,bearerToken:t(this,e).bearerToken,environment:t(this,e).environment}});E=s.jobID,t(this,e).emit("terra-harmony-job-status-update",{detail:s})}catch(s){throw c(this,D,L).call(this,s),s}console.log("Waiting for harmony job...");let h=await c(this,O,st).call(this,E,o);if(h.status==="failed"){let s=h.message||((z=(J=h.errors)==null?void 0:J[0])==null?void 0:z.message)||"The subset job failed",u=new Error(s);throw c(this,D,L).call(this,u,h.errors),u}if(h.status==="complete_with_errors"&&h.errors&&h.errors.length>0){let s=h.errors[0].message||"The subset job completed with errors",u=new Error(s);throw c(this,D,L).call(this,u,h.errors),u}let S=await c(this,M,W).call(this,h,o);return t(this,e).noCache||await t(this,w).storeEntry(m,{blob:S,environment:t(this,e).environment,harmonyJobId:h.jobID}),t(this,e).harmonyJobId=h.jobID,c(this,C,j).call(this,S),S},args:()=>[],autoRun:!1})}render(a){return this.jobStatusTask.render(a)}getCacheKey(){var m,g,T,v,I,p;let a=(m=t(this,e).collection)!=null?m:"",o=(g=t(this,e).variable)!=null?g:"",r=(T=t(this,e).startDate)!=null?T:"",i=(v=t(this,e).endDate)!=null?v:"",n=(I=t(this,e).location)!=null?I:"",b=(p=t(this,e).environment)!=null?p:"prod";return t(this,w).getCacheKey(a,o,r,i,n,b)}};e=new WeakMap,w=new WeakMap,P=new WeakMap,A=new WeakMap,f=new WeakMap,F=new WeakSet,nt=function(){let a=t(this,e).collection,o=t(this,e).catalogVariable;if(!(!a||!o))return`${o.dataProductShortName}_${o.dataProductVersion}`},N=new WeakSet,it=async function(a){let o=Date.now()+pt;for(;;){if(a.aborted)throw new Error("Aborted while waiting for collection concept ID");let r=t(this,A).conceptId;if(r)return r;if(Date.now()>o)throw new Error("Timed out waiting for collection concept ID");await c(this,R,Y).call(this,200,a)}},O=new WeakSet,st=async function(a,o){for(t(this,f).startPollForJobStatus(a);;){if(o.aborted)throw new Error("Job polling was aborted");let r=t(this,f).data;if(r&&t(this,e).emit("terra-harmony-job-status-update",{detail:r}),(r==null?void 0:r.jobID)===a&&X.has(r.status))return r;await c(this,R,Y).call(this,ft,o)}},M=new WeakSet,W=async function(a,o){var b;let r=(b=a.links.find(m=>m.rel==="data"))==null?void 0:b.href;if(!r)throw new Error("No data link found for Harmony job");let i=`${dt}?url=${encodeURIComponent(r)}`,n=await fetch(i,{signal:o,headers:Q({},t(this,e).bearerToken?{Authorization:`Bearer ${t(this,e).bearerToken}`}:{})});if(!n.ok)throw new Error(`Failed to fetch subset job data: ${n.statusText}`);return n.blob()},C=new WeakSet,j=function(a){this.blobUrl=a,t(this,e).emit("terra-time-average-map-data-change",{detail:{data:a,variable:t(this,e).catalogVariable,startDate:V(t(this,e).startDate),endDate:V(t(this,e).endDate),location:t(this,e).location,colorMap:t(this,e).colorMapName,harmonyJobId:t(this,e).harmonyJobId}}),t(this,e).updateGeoTIFFLayer(a);let o=t(this,e).harmonyJobId;o&&c(this,q,ct).call(this,o).catch(console.error)},q=new WeakSet,ct=async function(a,o=1500){await new Promise(i=>setTimeout(i,o));let r=await t(this,e).captureMapThumbnail();r&&await t(this,P).store(a,r)},D=new WeakSet,L=function(a,o){let r=G(a,o);t(this,e).dispatchEvent(new CustomEvent("terra-time-average-map-error",{detail:r,bubbles:!0,composed:!0}))},x=new WeakSet,lt=async function(){if(!t(this,e).bearerToken)return[];try{let a=await $.getJobs({page:1,limit:ut,label:"terra-time-average-map"},{bearerToken:t(this,e).bearerToken}),o=new Date;return o.setDate(o.getDate()-bt),a.jobs.filter(r=>!(r.status!=="successful"||new Date(r.createdAt)<o||r.dataExpiration&&new Date(r.dataExpiration)<new Date))}catch(a){return[]}},B=new WeakSet,ht=function(a,o){var p,k,y,U,d,E,h,S;let r=K.fromUrl(a.request),i=o.options,n=r.options;if(n.collectionConceptId!==i.collectionConceptId||n.format!=="image/tiff"||n.average!=="time")return!1;let b=new Set([...(p=i.variables)!=null?p:[],...(k=i.variableConceptIds)!=null?k:[]]),m=new Set([...(y=n.variables)!=null?y:[],...(U=n.variableConceptIds)!=null?U:[]]);if(b.size!==m.size)return!1;for(let J of b)if(!m.has(J))return!1;let g=(d=i.startDate)==null?void 0:d.slice(0,10),T=(E=i.endDate)==null?void 0:E.slice(0,10),v=(h=n.startDate)==null?void 0:h.slice(0,10),I=(S=n.endDate)==null?void 0:S.slice(0,10);if(g!==v||T!==I)return!1;if(i.location instanceof _&&n.location instanceof _){if(Math.abs(i.location.getSouth()-n.location.getSouth())>.001||Math.abs(i.location.getNorth()-n.location.getNorth())>.001||Math.abs(i.location.getWest()-n.location.getWest())>.001||Math.abs(i.location.getEast()-n.location.getEast())>.001)return!1}else return!1;return!0},R=new WeakSet,Y=function(a,o){return new Promise((r,i)=>{if(o.aborted){i(new Error("Aborted"));return}let n=setTimeout(r,a);o.addEventListener("abort",()=>{clearTimeout(n),i(new Error("Aborted"))})})};export{at as a};

package/dist/chunks/chunk.PA77JIJB.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.KBQI5V5Q.js";import*as t from"react";import{createComponent as a}from"@lit/react";import"@lit/react";var r="terra-date-picker";e.define("terra-date-picker");var n=a({tagName:r,elementClass:e,react:t,events:{onTerraDateRangeChange:"terra-date-range-change"},displayName:"TerraDatePicker"}),i=n;export{i as a};

package/dist/chunks/chunk.PAOPYU6H.js

@@ -0,0 +1,48 @@
+import{b as w,c as k}from"./chunk.UTJA3S5Z.js";import{a as C}from"./chunk.R4D7NLOS.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as D}from"./chunk.EXISX4DM.js";import{a as f}from"./chunk.J5Q4TWEG.js";import{a as y,b as v}from"./chunk.OTF3DTPS.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 n,u,t=class extends v{constructor(){super(...arguments);g(this,n);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,n,u).bind(this)),document.addEventListener("terra-dialog-hide",d(this,n,u).bind(this)))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("terra-dialog-show",d(this,n,u).bind(this)),document.removeEventListener("terra-dialog-hide",d(this,n,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 a=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=a(s.shadowRoot);if(p)return p}}return null},h=a(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(),a=i?$`a`:$`button`;return m`
+      <${a}
+        part="base"
+        class=${x({button:!0,"button--default":this.variant==="default","button--primary":this.variant==="primary","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>
+                  `:""}
+      </${a}>
+    `}};n=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};