@nasa-terra/components 0.0.178 → 0.0.181

package/dist/chunks/chunk.QC2EZC4J.js

@@ -0,0 +1,101 @@
+import{a as r}from"./chunk.BQUJORYD.js";import{a as f}from"./chunk.K7UMCNCF.js";import{a as m}from"./chunk.BWAKPSV4.js";import{a as d}from"./chunk.IZZFNAC5.js";import{a as g}from"./chunk.7I5677S3.js";import{a as c}from"./chunk.5CBU7CVX.js";import{a as h,b as u}from"./chunk.OILCN37O.js";import{e as o}from"./chunk.INFVQQSJ.js";import{html as l,nothing as p}from"lit";import{property as s,query as v,state as w}from"lit/decorators.js";import{createRef as _,ref as y}from"lit/directives/ref.js";var a=class extends u{constructor(){super(...arguments);this.minZoom=0;this.maxZoom=23;this.zoom=1;this.hasNavigation=!0;this.hasCoordTracker=!0;this.hasShapeSelector=!1;this.showBoundingBoxSelection=!0;this.showPointSelection=!0;this.initialValue="";this.hideLabel=!1;this.label="Select Region";this.spatialConstraints="-180, -90, 180, 90";this.isExpanded=!1;this.worldWrap=!1;this.inline=!1;this.showMapOnFocus=!1;this.urlState=!1;this.helpText="";this.error="";this.dropdownRef=_()}set hideBoundingBoxSelection(t){console.warn('"hide-bounding-box-selection" is deprecated. Use "show-bounding-box-selection" instead.'),this.showBoundingBoxSelection=!t}get hideBoundingBoxSelection(){return!this.showBoundingBoxSelection}set hidePointSelection(t){console.warn('"hide-point-selection" is deprecated. Use "show-point-selection" instead.'),this.showPointSelection=!t}get hidePointSelection(){return!this.showPointSelection}get _allowedTypes(){return{allowPoint:this.showPointSelection,allowBbox:this.showBoundingBoxSelection}}firstUpdated(){let e=new URLSearchParams(window.location.search).get("spatial"),i=this.urlState&&e?e:this.initialValue;i&&(typeof i=="string"?this._applyValue(i,{emit:!1}):this._commit(r.serialize(i),i))}setValue(t){this._applyValue(t,{emit:!0})}clear(){this._clearValue()}open(){var t;this.inline||(t=this.dropdownRef.value)==null||t.show()}close(){var t;this.inline||(t=this.dropdownRef.value)==null||t.hide()}setOpen(t){t?this.open():this.close()}_input(){var t;this.error="",(t=this.terraInput)==null||t.setCustomValidity("")}_change(){var e,i;this._input();let t=(i=(e=this.terraInput)==null?void 0:e.value)!=null?i:"";if(!t.trim()){this._clearValue();return}this._validateAndCommit(t)}_keydown(t){var e,i,n;if(t.key===" "){t.stopPropagation();return}t.key==="Enter"&&(t.preventDefault(),this._validateAndCommit((i=(e=this.terraInput)==null?void 0:e.value)!=null?i:""),(n=this.terraInput)==null||n.blur())}_blur(){var t,e;this._validateAndCommit((e=(t=this.terraInput)==null?void 0:t.value)!=null?e:"")}_focus(){var t;this.showMapOnFocus&&!this.inline&&((t=this.dropdownRef.value)==null||t.show())}_click(t){t.stopPropagation(),this.inline||(this.isExpanded?this.close():this.open())}_handleMapChange(t){let e=t.detail;if(e.cause==="clear"){this._clearValue();return}if(e.cause!=="draw")return;let i;if(e.type==="bbox"&&e.bounds)i=e.bounds;else if(e.type==="point"&&e.latLng)i=e.latLng;else{this.emit("terra-map-change",{detail:e});return}let n=r.validateConstraints(i,this.spatialConstraints);if(n){this.error=n,this.mapValue=void 0;return}let b=r.serialize(i);this._commit(b,i)}handleDropdownShow(){this.isExpanded=!0}handleDropdownHide(){this.isExpanded=!1}_validateAndCommit(t){var i;if(!t.trim()){this._clearValue();return}let e=r.validate(t,this._allowedTypes,this.spatialConstraints);if(!e.ok){this.error=e.error,(i=this.terraInput)==null||i.setCustomValidity(e.error);return}this._commit(e.serialized,e.value)}_applyValue(t,{emit:e}){if(typeof t!="string"){let n=r.serialize(t);this.error="",this.mapValue=n,this.terraInput&&(this.terraInput.value=n),e&&this._emitChange(t),this._updateURLParam(n);return}let i=r.validate(t,this._allowedTypes,this.spatialConstraints);if(!i.ok){this.error=i.error;return}this.error="",this.mapValue=i.serialized,this.terraInput&&(this.terraInput.value=i.serialized),e&&this._emitChange(i.value),this._updateURLParam(i.serialized)}_commit(t,e){var i;this.error="",(i=this.terraInput)==null||i.setCustomValidity(""),this.mapValue=t,this.terraInput&&(this.terraInput.value=t),this.initialValue=t,this._updateURLParam(t),this._emitChange(e)}_clearValue(){var t;this.error="",this.mapValue=void 0,(t=this.terraInput)==null||t.setCustomValidity(""),this.terraInput&&(this.terraInput.value=""),this._updateURLParam(null)}_emitChange(t){t instanceof d?this.emit("terra-map-change",{detail:{cause:"draw",type:"point",latLng:t}}):this.emit("terra-map-change",{detail:{cause:"draw",type:"bbox",bounds:t}})}_updateURLParam(t){if(!this.urlState)return;let e=new URL(window.location.href);t?e.searchParams.set("spatial",t):e.searchParams.delete("spatial"),window.history.replaceState({},"",e.toString())}renderMap(){return l`<terra-map
+            class="${this.inline?"inline":""}"
+            exportparts="map"
+            min-zoom=${this.minZoom}
+            max-zoom=${this.maxZoom}
+            zoom=${this.zoom}
+            ?show-mouse-coordinates=${this.hasCoordTracker}
+            .value=${this.mapValue}
+            ?has-navigation=${this.hasNavigation}
+            ?has-shape-selector=${this.hasShapeSelector}
+            ?show-bounding-box-selection=${this.showBoundingBoxSelection}
+            ?show-point-selection=${this.showPointSelection}
+            ?no-world-wrap=${!this.worldWrap}
+            spatial-constraints=${this.spatialConstraints}
+            @terra-map-change=${this._handleMapChange}
+        ></terra-map>`}_inputTemplate(t){return l`<terra-input
+            slot=${t!=null?t:p}
+            .label=${this.label}
+            .hideLabel=${this.hideLabel}
+            .value=${r.serialize(this.initialValue)}
+            placeholder="${this.spatialConstraints}"
+            aria-controls="map"
+            aria-expanded=${this.inline?!0:this.isExpanded}
+            @terra-input=${this._input}
+            @terra-change=${this._change}
+            @terra-blur=${this._blur}
+            @terra-focus=${this._focus}
+            @keydown=${this._keydown}
+            @click=${e=>{e.stopPropagation(),this._click(e)}}
+            name="spatial"
+            .helpText=${this.helpText}
+        >
+            <div slot="suffix" class="spatial-picker__suffix-icons">
+                ${this.mapValue?l`<button
+                          type="button"
+                          class="spatial-picker__clear-btn"
+                          aria-label="Clear input"
+                          tabindex="-1"
+                          @click=${e=>{e.stopPropagation(),this._clearValue()}}
+                      >
+                          <svg
+                              xmlns="http://www.w3.org/2000/svg"
+                              viewBox="0 0 24 24"
+                              fill="currentColor"
+                          >
+                              <path
+                                  fill-rule="evenodd"
+                                  d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z"
+                                  clip-rule="evenodd"
+                              />
+                          </svg>
+                      </button>`:p}
+                <svg
+                    class="spatial-picker__input_icon"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke-width="1.5"
+                    stroke="currentColor"
+                    @click=${this._click}
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"
+                    />
+                </svg>
+            </div>
+        </terra-input>`}render(){return this.inline?l`
+                <div class="spatial-picker">
+                    ${this._inputTemplate()}
+                    <slot name="additional-text"></slot>
+                    <div
+                        class="spatial-picker__map-container spatial-picker__map-container--inline"
+                    >
+                        ${this.renderMap()}
+                    </div>
+                    ${this.error?l`<div class="spatial-picker__error">${this.error}</div>`:p}
+                </div>
+            `:l`
+            <div class="spatial-picker">
+                <terra-dropdown
+                    ${y(this.dropdownRef)}
+                    placement="bottom-start"
+                    distance="4"
+                    @terra-show=${this.handleDropdownShow}
+                    @terra-hide=${this.handleDropdownHide}
+                    hoist
+                >
+                    ${this._inputTemplate("trigger")}
+                    <slot name="additional-text"></slot>
+                    <div
+                        class="spatial-picker__map-container"
+                        @click=${t=>t.stopPropagation()}
+                    >
+                        ${this.renderMap()}
+                    </div>
+                </terra-dropdown>
+                ${this.error?l`<div class="spatial-picker__error">${this.error}</div>`:p}
+            </div>
+        `}};a.styles=[h,f],a.dependencies={"terra-map":m,"terra-input":g,"terra-dropdown":c},o([s({attribute:"min-zoom",type:Number})],a.prototype,"minZoom",2),o([s({attribute:"max-zoom",type:Number})],a.prototype,"maxZoom",2),o([s({type:Number})],a.prototype,"zoom",2),o([s({attribute:"has-navigation",type:Boolean})],a.prototype,"hasNavigation",2),o([s({attribute:"has-coord-tracker",type:Boolean})],a.prototype,"hasCoordTracker",2),o([s({attribute:"has-shape-selector",type:Boolean})],a.prototype,"hasShapeSelector",2),o([s({attribute:"show-bounding-box-selection",type:Boolean})],a.prototype,"showBoundingBoxSelection",2),o([s({attribute:"hide-bounding-box-selection",type:Boolean})],a.prototype,"hideBoundingBoxSelection",1),o([s({attribute:"show-point-selection",type:Boolean})],a.prototype,"showPointSelection",2),o([s({attribute:"hide-point-selection",type:Boolean})],a.prototype,"hidePointSelection",1),o([s({attribute:"initial-value"})],a.prototype,"initialValue",2),o([s({attribute:"hide-label",type:Boolean})],a.prototype,"hideLabel",2),o([s()],a.prototype,"label",2),o([s({attribute:"spatial-constraints"})],a.prototype,"spatialConstraints",2),o([s({attribute:"is-expanded",type:Boolean,reflect:!0})],a.prototype,"isExpanded",2),o([s({attribute:"world-wrap",type:Boolean})],a.prototype,"worldWrap",2),o([s({type:Boolean})],a.prototype,"inline",2),o([s({attribute:"show-map-on-focus",type:Boolean})],a.prototype,"showMapOnFocus",2),o([s({attribute:"url-state",type:Boolean})],a.prototype,"urlState",2),o([s({attribute:"help-text"})],a.prototype,"helpText",2),o([w()],a.prototype,"mapValue",2),o([w()],a.prototype,"error",2),o([v("terra-input")],a.prototype,"terraInput",2),o([v("terra-map")],a.prototype,"map",2);export{a};

package/dist/chunks/chunk.QDFHF7LY.js

@@ -0,0 +1 @@
+import{a as u}from"./chunk.7J2F6HQM.js";import{QueryClient as f}from"@tanstack/query-core";import{persistQueryClient as P}from"@tanstack/query-persist-client-core";import{openDB as y}from"idb";function c(t,e){let o=e.dbName,n=e.storeName,a=y(o,1,{upgrade(i){i.objectStoreNames.contains(n)||i.createObjectStore(n)}});return{persistClient:async i=>{await(await a).put(n,i,t)},restoreClient:async()=>await(await a).get(n,t),removeClient:async()=>{await(await a).delete(n,t)}}}var m=1e3*60*15,Q=new f({defaultOptions:{queries:{gcTime:m,retry:(t,e)=>e instanceof u&&e.status>=400&&e.status<500&&e.status!==401?!1:t<3}}}),l=0,s,r,b=t=>{if(!s){let e=c("terraQuery",{dbName:"terra-query",storeName:"query-client"}),[o,n]=P({queryClient:t,persister:e,maxAge:m});r=o,s=n.catch(()=>{}).then(()=>{t.mount()})}return s},v=t=>{class e extends t{constructor(){super(...arguments);this.queryClient=Q}connectedCallback(){super.connectedCallback(),++l===1&&b(this.queryClient)}disconnectedCallback(){super.disconnectedCallback(),--l===0&&(s?s.then(()=>{r==null||r(),this.queryClient.unmount()}):(r==null||r(),this.queryClient.unmount()))}}return e};export{v as a};

package/dist/chunks/chunk.QMLZIOGK.js

@@ -0,0 +1 @@
+import{b as O}from"./chunk.SJ7SUN6N.js";import{a as g,b as J}from"./chunk.7J2F6HQM.js";import{a as Q}from"./chunk.DDNVEBZH.js";import{a as c,b as h,g as f,i as b}from"./chunk.INFVQQSJ.js";async function v(n,{method:e="GET",body:t,headers:r={},signal:o}={}){var a,p,l,i,u,N;try{let s=await fetch(n,{method:e,headers:r,body:t?JSON.stringify(t):void 0,signal:o});if(!s.ok){if(s.status===401&&Q.logout(),!((a=s.headers.get("Content-Type"))!=null&&a.includes("json"))){let M=await s.text();throw new g({status:s.status,message:M||`HTTP ${s.status}`})}let A=await s.json();throw new g({status:s.status,message:(u=(i=(p=A.message)!=null?p:A.description)!=null?i:(l=A.errors)==null?void 0:l[0])!=null?u:`HTTP ${s.status}`})}if(s.status===204)return;if(!((N=s.headers.get("Content-Type"))!=null&&N.includes("json")))throw new g({status:500,message:`Expected JSON response but got ${s.headers.get("Content-Type")}`});return s.json()}catch(s){if(s instanceof DOMException&&s.name==="AbortError")return;throw s instanceof g&&s.status!==500?s:(console.error(s),console.error(`Failed to fetch ${n}`),new g({status:500,message:"An unknown error occurred when attempting to fetch, please try again later.",cause:s}))}}var P={get:(n,e)=>v(n,c({},e)),post:(n,e,t)=>v(n,c({method:"POST",body:e},t)),put:(n,e)=>v(n,{method:"PUT",body:e}),patch:(n,e)=>v(n,{method:"PATCH",body:e}),delete:(n,e)=>v(n,c({method:"DELETE"},e))};var $="3",T={PROD:"PROD",UAT:"UAT"},q={[T.PROD]:"https://harmony.earthdata.nasa.gov",[T.UAT]:"https://harmony.uat.earthdata.nasa.gov",ANONYMOUS_ACCESS:"https://sjldutoe6c.execute-api.us-east-1.amazonaws.com/default/harmony-proxy"},U={[T.PROD]:"https://api.giovanni.earthdata.nasa.gov",[T.UAT]:"https://api.giovanni.uat.earthdata.nasa.gov"};var I=new Set(["successful","failed","canceled","complete_with_errors"]);var y,m,F,L,E,k,D,G,w,_,H=class{constructor(){f(this,y);f(this,F);f(this,E);f(this,D);f(this,w)}async getCollectionCapabilities(e,t){if(!e)throw new J({message:"`collectionConceptId` is required"});let r=await b(this,y,m).call(this,`capabilities?collectionId=${e}&version=${$}`,t);return r.variables=this.addConceptIdToVariables(r.variables),r.configuredOutputFormats=this.getOutputFormatOptions(r),r}async getJobs(e,t){let r=new URLSearchParams;return e!=null&&e.page&&r.append("page",e.page.toString()),e!=null&&e.limit&&r.append("limit",e.limit.toString()),e!=null&&e.label&&r.append("label",e.label),b(this,y,m).call(this,`jobs?${r.toString()}`,t)}async createJob(e,t){return b(this,y,m).call(this,e.requestUrl,t)}async getJobStatus(e,t){return b(this,y,m).call(this,`jobs/${e}`,t)}async removeJobLabels(e,t){let r=`${q[T.PROD]}/labels`;return P.delete(r,{body:{jobID:e.jobIDs,label:e.labels},headers:c({"Content-Type":"application/json"},(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`}),signal:t==null?void 0:t.signal})}async cancelJob(e,t){return b(this,y,m).call(this,`jobs/${e}/cancel`,t)}async fetchUrl(e,t){let r=e.replace(U.PROD,"").replace(U.UAT,"");return b(this,y,m).call(this,r,t)}addConceptIdToVariables(e){return e.map(t=>{let r=t.href.match(/\/concepts\/(V\d+-\w+)$/);return r&&(t.conceptId=r[1]),t})}getOutputFormatOptions(e){let t=b(this,E,k).call(this,e),r=b(this,F,L).call(this,e),o=r?b(this,w,_).call(this,e):[];if(r&&!t)return o;let a=[];return b(this,D,G).call(this,e).forEach(l=>{let i=l,u=`Download data in ${l} format`;switch(l){case"application/x-hdf":case"application/octet-stream":i="HDF-EOS5",u="Download data in HDF-EOS5 format";break;case"application/x-netcdf4":case"application/netcdf":i="NetCDF",u="Download data in NetCDF format";break;case"application/x-netcdf4;profile=opendap_url":i="OPeNDAP URL (x-netcdf4)",u="Download data in OPeNDAP URL (x-netcdf4) format";break;case"text/csv":i="CSV",u="Download data in CSV format";break;case"image/tiff":case"image/tif":i="TIFF",u="Download data in TIFF format";break;case"image/png":i="PNG",u="Download data in PNG format";break;case"image/jpg":case"image/jpeg":i="JPEG",u="Download data in JPEG format";break;case"application/shapefile+zip":i="Shapefile+zip",u="Download data in Shapefile+zip format";break;case"application/x-zarr":i="ZARR",u="Download data in ZARR format";break;default:i=l,u=`Download data in ${l} format`}a.push({key:l,label:i,description:u})}),r&&t&&a.push(...o),a}};y=new WeakSet,m=function(e,t){let r=q[T.PROD];return t!=null&&t.bearerToken||(r=q.ANONYMOUS_ACCESS),e.startsWith("http")||(e=`${r}/${e}`),P.get(e,{signal:t==null?void 0:t.signal,headers:c({},(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`})})},F=new WeakSet,L=function(e){var t,r;return(r=(t=e==null?void 0:e.services)==null?void 0:t.some(o=>o.name.toLowerCase().includes("giovanni")))!=null?r:!1},E=new WeakSet,k=function(e){var t,r;return(r=(t=e==null?void 0:e.services)==null?void 0:t.some(o=>!o.name.toLowerCase().includes("giovanni")))!=null?r:!1},D=new WeakSet,G=function(e){if(!(e!=null&&e.services))return[];let t=e.services.filter(a=>!a.name.toLowerCase().includes("giovanni")),r=new Set;t.forEach(a=>{var p;(p=a.capabilities.outputFormats)==null||p.forEach(l=>{r.add(l)})});let o=Array.from(r);return o.includes("application/netcdf")&&o.includes("application/x-netcdf4")?o.filter(a=>a!=="application/netcdf"):o},w=new WeakSet,_=function(e){let t=[];return e.services.forEach(r=>{let o=r.name.toLowerCase();o.includes("giovanni-time-series")&&t.push({key:"text/csv",label:"CSV (point-based time series; one file)",description:"Single variable plotted over time",isGiovanniFormat:!0}),o.includes("giovanni-averaging")&&t.push({key:"image/tiff",label:"GeoTIFF (time-averaged map; one file)",description:"Time averaged representation as map",isGiovanniFormat:!0},{key:"text/csv",label:"CSV (area-averaged time series; one file)",description:"Area averaged data over time",isGiovanniFormat:!0})}),t.filter((r,o,a)=>a.findIndex(p=>p.label===r.label)===o)};var d=new H;var x=class{async store(e,t){await O(async r=>{let o={harmonyJobId:e,blob:t,createdAt:Date.now()};await r.put("thumbnails",o)})}async get(e){return O(async t=>{let r=await t.get("thumbnails",e);return r==null?void 0:r.blob})}async delete(e){await O(async t=>{await t.delete("thumbnails",e)})}};var K=3e3,B=5e3,z=new x;function j(n){return!!(n&&n!=="new")}function Te(n,e){return{queryKey:["harmony","capabilities",n],queryFn:async({signal:t})=>d.getCollectionCapabilities(n,h(c({},e),{signal:t})),enabled:!!n}}function ve(n,e){return{queryKey:["harmony","jobs",n],queryFn:async({signal:t})=>{let r=await d.getJobs(n,h(c({},e),{signal:t})),o=await Promise.all(r.jobs.map(async a=>{let p=await z.get(a.jobID);return p?h(c({},a),{thumbnailBlob:p}):a}));return h(c({},r),{jobs:o})},enabled:!!(e!=null&&e.bearerToken),refetchInterval:()=>n!=null&&n.page&&n.page!==1?!1:B}}function Oe(n,e){return{queryKey:["harmony","jobs",n],queryFn:async({signal:t})=>j(n)?d.getJobStatus(n,h(c({},e),{signal:t})):null,enabled:j(n),refetchInterval:t=>{var o;let r=(o=t.state.data)==null?void 0:o.status;return r&&I.has(r)?!1:K},staleTime:0,gcTime:0}}function Se(){return{mutationFn:({harmonyRequest:n,options:e})=>d.createJob(n,e)}}function Ce(){return{mutationFn:({jobId:n,options:e})=>d.cancelJob(n,e)}}function Re(){return{mutationFn:({jobIDs:n,labels:e,options:t})=>d.removeJobLabels({jobIDs:n,labels:e},t)}}import{QueryObserver as W}from"@tanstack/query-core";var V=class{constructor(e,t,r){this.host=e;this.optionsFn=t;this.host.addController(this),this.hostPropertyName=r,this.optionsFn&&this.observeQuery(this.optionsFn)}observeQuery(e,t=!0){let r=this.host.queryClient,o=typeof e=="function"?e():e,a=r.defaultQueryOptions(o);this.queryObserver=new W(r,a),this.result=t?this.queryObserver.getOptimisticResult(a):void 0,this.host.requestUpdate()}hostUpdate(){if(!this.optionsFn||!this.queryObserver)return;let e=this.host.queryClient.defaultQueryOptions(this.optionsFn());this.queryObserver.setOptions(e)}hostConnected(){this.subscribe()}async subscribe(){var e;!this.queryObserver&&(this.optionsFn&&this.observeQuery(this.optionsFn),!this.queryObserver)||((e=this.unsubscribe)==null||e.call(this),this.unsubscribe=this.queryObserver.subscribe(t=>{this.result=t,this.hostPropertyName&&(this.host[this.hostPropertyName]=t),this.host.requestUpdate()}),this.queryObserver.updateResult(),this.host.requestUpdate())}hostDisconnected(){var e;(e=this.unsubscribe)==null||e.call(this),this.unsubscribe=void 0}};export{P as a,T as b,q as c,I as d,x as e,Te as f,ve as g,Oe as h,Se as i,Ce as j,Re as k,V as l};

package/dist/chunks/chunk.QQO5GUXS.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.DMPAY35P.js";var l=e;e.define("terra-variable-combobox");export{l as a};

package/dist/chunks/chunk.QUPFWO2W.js

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

package/dist/chunks/chunk.QXFOLPTE.js

@@ -0,0 +1,157 @@
+import{a as $}from"./chunk.5JBQBY62.js";import{a as I}from"./chunk.GXTFJZWR.js";import{c as D}from"./chunk.77X2UDZ7.js";import{a as E}from"./chunk.4CN24QEJ.js";import{a as f,c as g}from"./chunk.VOQBVUDI.js";import{a as b,c as v}from"./chunk.U6R2SR47.js";import{a as k}from"./chunk.X5OPH5X7.js";import{b as x}from"./chunk.UTJA3S5Z.js";import{a as w}from"./chunk.S3WSRAXA.js";import{a as m}from"./chunk.CUJNKBC6.js";import{a as y}from"./chunk.6PEAAW4E.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as C,b as O}from"./chunk.OILCN37O.js";import{e as s}from"./chunk.INFVQQSJ.js";import{classMap as L}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as n,query as c,state as u}from"lit/decorators.js";import{unsafeHTML as _}from"lit/directives/unsafe-html.js";var i=class extends O{constructor(){super(...arguments);this.formControlController=new x(this,{assumeInteractionOn:["terra-blur","terra-input"]});this.hasSlotController=new y(this,"help-text","label");this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.name="";this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptionsVisible=3;this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.filled=!1;this.pill=!1;this.label="";this.placement="bottom";this.helpText="";this.form="";this.required=!1;this.getTag=t=>p`
+            <terra-tag
+                part="tag"
+                variant="topic"
+                size=${this.size}
+                @terra-remove=${e=>this.handleTagRemove(e,t)}
+            >
+                ${t.getTextLabel()}
+            </terra-tag>
+        `;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let e=t.target,o=e.closest(".select__clear")!==null,l=e.closest("terra-icon-button")!==null;if(!(o||l)){if(t.key==="Escape"&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let r=this.getAllOptions(),a=r.indexOf(this.currentOption),h=Math.max(0,a);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(h=a+1,h>r.length-1&&(h=0)):t.key==="ArrowUp"?(h=a-1,h<0&&(h=r.length-1)):t.key==="Home"?h=0:t.key==="End"&&(h=r.length-1),this.setCurrentOption(r[h])}if(t.key&&t.key.length===1||t.key==="Backspace"){let r=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let a of r)if(a.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(a);break}}}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}get value(){return this._value}set value(t){this.multiple?t=Array.isArray(t)?t:t.split(" "):t=Array.isArray(t)?t.join(" "):t,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.handleDefaultSlotChange()}),this.open=!1}addOpenListeners(){var t;document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn),"CloseWatcher"in window&&((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){var t;document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn),(t=this.closeWatcher)==null||t.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(t){let o=t.composedPath().some(l=>l instanceof Element&&l.tagName.toLowerCase()==="terra-icon-button");this.disabled||o||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(t){t.key!=="Tab"&&(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.valueHasChanged=!0,this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("terra-clear"),this.emit("terra-input"),this.emit("terra-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let o=t.target.closest("terra-option"),l=this.value;o&&!o.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(o):this.setSelectedOptions(o),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==l&&this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){customElements.get("terra-option")||customElements.whenDefined("terra-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),e=this.valueHasChanged?this.value:this.defaultValue,o=Array.isArray(e)?e:[e],l=[];t.forEach(r=>l.push(r.value)),this.setSelectedOptions(t.filter(r=>o.includes(r.value)))}handleTagRemove(t,e){t.stopPropagation(),this.valueHasChanged=!0,this.disabled||(this.toggleOptionSelection(e,!1),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}))}getAllOptions(){return[...this.querySelectorAll("terra-option")]}getFirstOption(){return this.querySelector("terra-option")}setCurrentOption(t){this.getAllOptions().forEach(o=>{o.current=!1,o.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus())}setSelectedOptions(t){let e=this.getAllOptions(),o=Array.isArray(t)?t:[t];e.forEach(l=>l.selected=!1),o.length&&o.forEach(l=>l.selected=!0),this.selectionChanged()}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var o,l,r;let t=this.getAllOptions();this.selectedOptions=t.filter(a=>a.selected);let e=this.valueHasChanged;if(this.multiple)this.value=this.selectedOptions.map(a=>a.value),this.placeholder&&this.value.length===0?this.displayLabel="":this.displayLabel=`${this.selectedOptions.length} selected`;else{let a=this.selectedOptions[0];this.value=(o=a==null?void 0:a.value)!=null?o:"",this.displayLabel=(r=(l=a==null?void 0:a.getTextLabel)==null?void 0:l.call(a))!=null?r:""}this.valueHasChanged=e,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let o=this.getTag(t,e);return p`<div
+                    @terra-remove=${l=>this.handleTagRemove(l,t)}
+                >
+                    ${typeof o=="string"?_(o):o}
+                </div>`}else if(e===this.maxOptionsVisible)return p`<terra-tag size=${this.size}
+                    >+${this.selectedOptions.length-e}</terra-tag
+                >`;return p``})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}attributeChangedCallback(t,e,o){if(super.attributeChangedCallback(t,e,o),t==="value"){let l=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=l}}handleValueChange(){if(!this.valueHasChanged){let o=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=o}let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(o=>e.includes(o.value)))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("terra-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=v(this,"select.show",{dir:"ltr"});await f(this.popup.popup,t,e),this.currentOption&&D(this.currentOption,this.listbox,"vertical","auto"),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=v(this,"select.hide",{dir:"ltr"});await f(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,m(this,"terra-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,m(this,"terra-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),o=this.label?!0:!!t,l=this.helpText?!0:!!e,r=this.clearable&&!this.disabled&&this.value.length>0,a=this.placeholder&&this.value&&this.value.length<=0;return p`
+            <div
+                part="form-control"
+                class=${L({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":o,"form-control--has-help-text":l})}
+            >
+                <label
+                    id="label"
+                    part="form-control-label"
+                    class="form-control__label"
+                    aria-hidden=${o?"false":"true"}
+                    @click=${this.handleLabelClick}
+                >
+                    <slot name="label">${this.label}</slot>
+                </label>
+
+                <div part="form-control-input" class="form-control-input">
+                    <terra-popup
+                        class=${L({select:!0,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":a,"select--top":this.placement==="top","select--bottom":this.placement==="bottom","select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large"})}
+                        placement=${this.placement}
+                        strategy=${this.hoist?"fixed":"absolute"}
+                        flip
+                        shift
+                        sync="width"
+                        auto-size="vertical"
+                        auto-size-padding="10"
+                    >
+                        <div
+                            part="combobox"
+                            class="select__combobox"
+                            slot="anchor"
+                            @keydown=${this.handleComboboxKeyDown}
+                            @mousedown=${this.handleComboboxMouseDown}
+                        >
+                            <slot
+                                part="prefix"
+                                name="prefix"
+                                class="select__prefix"
+                            ></slot>
+
+                            <input
+                                part="display-input"
+                                class="select__display-input"
+                                type="text"
+                                placeholder=${this.placeholder}
+                                .disabled=${this.disabled}
+                                .value=${this.displayLabel}
+                                autocomplete="off"
+                                spellcheck="false"
+                                autocapitalize="off"
+                                readonly
+                                aria-controls="listbox"
+                                aria-expanded=${this.open?"true":"false"}
+                                aria-haspopup="listbox"
+                                aria-labelledby="label"
+                                aria-disabled=${this.disabled?"true":"false"}
+                                aria-describedby="help-text"
+                                role="combobox"
+                                tabindex="0"
+                                @focus=${this.handleFocus}
+                                @blur=${this.handleBlur}
+                            />
+
+                            ${this.multiple?p`<div part="tags" class="select__tags">
+                                      ${this.tags}
+                                  </div>`:""}
+
+                            <input
+                                class="select__value-input"
+                                type="text"
+                                ?disabled=${this.disabled}
+                                ?required=${this.required}
+                                .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
+                                tabindex="-1"
+                                aria-hidden="true"
+                                @focus=${()=>this.focus()}
+                                @invalid=${this.handleInvalid}
+                            />
+
+                            ${r?p`
+                                      <button
+                                          part="clear-button"
+                                          class="select__clear"
+                                          type="button"
+                                          aria-label="Clear selection"
+                                          @mousedown=${this.handleClearMouseDown}
+                                          @click=${this.handleClearClick}
+                                          tabindex="-1"
+                                      >
+                                          <slot name="clear-icon">
+                                              <terra-icon
+                                                  name="solid-x-circle"
+                                                  library="heroicons"
+                                              ></terra-icon>
+                                          </slot>
+                                      </button>
+                                  `:""}
+
+                            <slot
+                                name="suffix"
+                                part="suffix"
+                                class="select__suffix"
+                            ></slot>
+
+                            <slot
+                                name="expand-icon"
+                                part="expand-icon"
+                                class="select__expand-icon"
+                            >
+                                <terra-icon
+                                    library="heroicons"
+                                    name="solid-chevron-down"
+                                ></terra-icon>
+                            </slot>
+                        </div>
+
+                        <div
+                            id="listbox"
+                            role="listbox"
+                            aria-expanded=${this.open?"true":"false"}
+                            aria-multiselectable=${this.multiple?"true":"false"}
+                            aria-labelledby="label"
+                            part="listbox"
+                            class="select__listbox"
+                            tabindex="-1"
+                            @mouseup=${this.handleOptionClick}
+                            @slotchange=${this.handleDefaultSlotChange}
+                        >
+                            <slot></slot>
+                        </div>
+                    </terra-popup>
+                </div>
+
+                <div
+                    part="form-control-help-text"
+                    id="help-text"
+                    class="form-control__help-text"
+                    aria-hidden=${l?"false":"true"}
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};i.styles=[C,k,I],i.dependencies={"terra-icon":w,"terra-popup":E,"terra-tag":$},s([c(".select")],i.prototype,"popup",2),s([c(".select__combobox")],i.prototype,"combobox",2),s([c(".select__display-input")],i.prototype,"displayInput",2),s([c(".select__value-input")],i.prototype,"valueInput",2),s([c(".select__listbox")],i.prototype,"listbox",2),s([u()],i.prototype,"hasFocus",2),s([u()],i.prototype,"displayLabel",2),s([u()],i.prototype,"currentOption",2),s([u()],i.prototype,"selectedOptions",2),s([u()],i.prototype,"valueHasChanged",2),s([n()],i.prototype,"name",2),s([u()],i.prototype,"value",1),s([n({attribute:"value"})],i.prototype,"defaultValue",2),s([n({reflect:!0})],i.prototype,"size",2),s([n()],i.prototype,"placeholder",2),s([n({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([n({attribute:"max-options-visible",type:Number})],i.prototype,"maxOptionsVisible",2),s([n({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([n({type:Boolean})],i.prototype,"clearable",2),s([n({type:Boolean,reflect:!0})],i.prototype,"open",2),s([n({type:Boolean})],i.prototype,"hoist",2),s([n({type:Boolean,reflect:!0})],i.prototype,"filled",2),s([n({type:Boolean,reflect:!0})],i.prototype,"pill",2),s([n()],i.prototype,"label",2),s([n({reflect:!0})],i.prototype,"placement",2),s([n({attribute:"help-text"})],i.prototype,"helpText",2),s([n({reflect:!0})],i.prototype,"form",2),s([n({type:Boolean,reflect:!0})],i.prototype,"required",2),s([n()],i.prototype,"getTag",2),s([d("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([d(["defaultValue","value"],{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),s([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1);b("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});b("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/dist/chunks/chunk.QZB7YAW4.js

@@ -0,0 +1 @@
+import{a}from"./chunk.RTZZX2UG.js";var f=a;a.define("terra-avatar");export{f as a};

package/dist/chunks/chunk.QZWCO7EF.js

@@ -0,0 +1,321 @@
+import{css as r}from"lit";var n=r`
+    :host {
+        display: block;
+    }
+
+    .input-wrapper {
+        width: 100%;
+    }
+
+    .input__label {
+        display: block;
+        margin: 0 0 var(--terra-spacing-x-small, 0.5rem) 0;
+        font-family: var(--terra-input-label-font-family);
+        font-size: var(--terra-input-label-font-size);
+        font-weight: var(--terra-input-label-line-weight);
+        line-height: var(--terra-input-label-line-height);
+        color: var(--terra-input-label-color);
+    }
+
+    .input__label--hidden {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border-width: 0;
+    }
+
+    .input__required-indicator {
+        color: var(--terra-input-required-content-color);
+        margin-left: var(--terra-input-required-content-offset);
+    }
+
+    .input {
+        position: relative;
+        display: var(--terra-input-display, flex);
+        align-items: center;
+        width: 100%;
+        background: var(--terra-input-background-color);
+        border-width: var(--terra-input-border-width);
+        border-color: var(--terra-input-border-color);
+        border-style: solid;
+        border-radius: var(--terra-input-border-radius);
+        transition:
+            border-color var(--terra-transition-fast),
+            box-shadow var(--terra-transition-fast);
+    }
+
+    .input:hover:not(.input--disabled) {
+        border-color: var(--terra-input-border-color-hover);
+    }
+
+    .input--focused:not(.input--disabled) {
+        outline: none;
+        border-color: var(--terra-input-border-color-focus);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width, 3px)
+            var(--terra-input-focus-ring-color);
+    }
+
+    .input--disabled {
+        background-color: var(--terra-input-background-color-disabled);
+        border-color: var(--terra-input-border-color-disabled);
+        cursor: not-allowed;
+    }
+
+    .form-control-input {
+        position: relative;
+    }
+
+    .input__control {
+        flex: 1;
+        width: 100%;
+        padding: var(--terra-input-spacing-medium) var(--terra-input-spacing-medium);
+        background: transparent;
+        border: none;
+        outline: none;
+        box-shadow: none;
+        font-family: var(--terra-input-font-family);
+        font-size: var(--terra-input-font-size);
+        font-weight: var(--terra-input-font-weight);
+        line-height: var(--terra-input-line-height);
+        letter-spacing: var(--terra-input-letter-spacing);
+        color: var(--terra-input-color);
+    }
+
+    /* Size variants */
+    .input--small .input__control {
+        padding: var(--terra-input-spacing-x-small) var(--terra-input-spacing-small);
+        font-size: var(--terra-font-size-small);
+    }
+
+    .input--large .input__control {
+        padding: var(--terra-input-spacing-large) var(--terra-input-spacing-large);
+        font-size: var(--terra-font-size-large);
+    }
+
+    /* Filled variant */
+    .input--filled {
+        background: var(--terra-color-carbon-5);
+    }
+
+    .input--filled:hover:not(.input--disabled) {
+        background: var(--terra-color-carbon-10);
+    }
+
+    .input--filled.input--focused:not(.input--disabled) {
+        background: var(--terra-color-carbon-5);
+    }
+
+    /* Pill variant */
+    .input--pill {
+        border-radius: 9999px;
+    }
+
+    /* No spin buttons */
+    .input--no-spin-buttons .input__control[type='number']::-webkit-outer-spin-button,
+    .input--no-spin-buttons
+        .input__control[type='number']::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    .input--no-spin-buttons .input__control[type='number'] {
+        -moz-appearance: textfield;
+    }
+
+    .input__control::placeholder {
+        color: var(--terra-input-placeholder-color);
+    }
+
+    .input__control:disabled {
+        color: var(--terra-input-color-disabled);
+        cursor: not-allowed;
+    }
+
+    .input__control:disabled::placeholder {
+        color: var(--terra-input-placeholder-color-disabled);
+    }
+
+    .input__control:hover:not(:disabled) {
+        color: var(--terra-input-color-hover);
+    }
+
+    .input__control:focus:not(:disabled) {
+        color: var(--terra-input-color-focus);
+    }
+
+    .input__control:read-only {
+        cursor: default;
+    }
+
+    /* Hide browser spinners for number inputs */
+    .input__control::-webkit-outer-spin-button,
+    .input__control::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    .input__control[type='number'] {
+        -moz-appearance: textfield;
+    }
+
+    /* Prefix and Suffix */
+    .input__prefix,
+    .input__suffix {
+        align-items: center;
+        color: var(--terra-input-icon-color);
+        flex-shrink: 0;
+    }
+
+    .input__prefix {
+        display: var(--terra-input-prefix-display, flex);
+        padding-left: var(--terra-input-spacing-medium);
+        gap: var(--terra-spacing-x-small);
+    }
+
+    .input__suffix {
+        display: var(--terra-input-suffix-display, flex);
+        padding-right: var(--terra-input-spacing-medium);
+        gap: var(--terra-spacing-x-small);
+    }
+
+    .input--has-prefix .input__control {
+        padding-left: var(--terra-input-spacing-small);
+    }
+
+    .input--has-suffix .input__control {
+        padding-right: var(--terra-input-spacing-small);
+    }
+
+    .input:hover:not(.input--disabled) .input__prefix,
+    .input:hover:not(.input--disabled) .input__suffix {
+        color: var(--terra-input-icon-color-hover);
+    }
+
+    .input--focused:not(.input--disabled) .input__prefix,
+    .input--focused:not(.input--disabled) .input__suffix {
+        color: var(--terra-input-icon-color-focus);
+    }
+
+    .input__clear,
+    .input__reset {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: transparent;
+        border: none;
+        padding: 0;
+        margin: 0;
+        margin-right: var(--terra-input-spacing-medium);
+        cursor: pointer;
+        color: inherit;
+        transition: color var(--terra-transition-fast);
+    }
+
+    .input__clear terra-icon,
+    .input__reset terra-icon {
+        --color: var(--terra-color-carbon-40);
+    }
+
+    .input__clear:hover,
+    .input__reset:hover {
+        color: var(--terra-input-icon-color-hover);
+    }
+
+    .input__clear:focus-visible,
+    .input__reset:focus-visible {
+        outline: 2px solid var(--terra-input-border-color-focus);
+        outline-offset: 2px;
+        border-radius: var(--terra-border-radius-small);
+    }
+
+    .input--disabled .input__clear,
+    .input--disabled .input__reset {
+        cursor: not-allowed;
+        opacity: 0.5;
+    }
+
+    /* Password toggle button */
+    .input__password-toggle {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: transparent;
+        border: none;
+        padding: 0;
+        margin: 0;
+        margin-right: var(--terra-input-spacing-medium);
+        cursor: pointer;
+        color: inherit;
+        transition: color var(--terra-transition-fast);
+    }
+
+    .input__password-toggle terra-icon {
+        --color: var(--terra-color-carbon-40);
+    }
+
+    .input__password-toggle:hover {
+        color: var(--terra-input-icon-color-hover);
+    }
+
+    .input__password-toggle:focus-visible {
+        outline: 2px solid var(--terra-input-border-color-focus);
+        outline-offset: 2px;
+        border-radius: var(--terra-border-radius-small);
+    }
+
+    .input--disabled .input__password-toggle {
+        cursor: not-allowed;
+        opacity: 0.5;
+    }
+
+    /* Error State - using data attributes from FormControlController */
+    :host([data-user-invalid]) .input {
+        border-color: var(--terra-color-nasa-red);
+    }
+
+    :host([data-user-invalid]) .input:hover:not(.input--disabled) {
+        border-color: var(--terra-color-nasa-red-shade);
+    }
+
+    :host([data-user-invalid]) .input.input--focused:not(.input--disabled) {
+        border-color: var(--terra-color-nasa-red);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width, 3px)
+            var(--terra-color-nasa-red-tint);
+    }
+
+    /* Error Text */
+    .form-control__error-text {
+        display: none;
+        color: var(--terra-color-nasa-red-shade);
+        font-size: var(--terra-font-size-small);
+        margin-top: var(--terra-spacing-3x-small);
+    }
+
+    .form-control--has-error-text .form-control__error-text {
+        display: block;
+    }
+
+    /* Hide help text when error is shown */
+    .form-control--has-error-text .form-control__help-text {
+        display: none;
+    }
+
+    /* Error label color */
+    :host([data-user-invalid]) .input__label {
+        color: var(--terra-color-nasa-red-shade);
+    }
+
+    /* Form control size variants */
+    .form-control--small .input__label {
+        font-size: var(--terra-font-size-small);
+    }
+
+    .form-control--large .input__label {
+        font-size: var(--terra-font-size-large);
+    }
+`;export{n as a};