@nasa-terra/components 0.0.193 → 0.0.194

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.193",
+  "version": "0.0.194",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -431,6 +431,41 @@
             "events": []
           }
         },
+        {
+          "name": "terra-browse-variables",
+          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "catalog",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "value": { "type": "'giovanni'", "default": "'giovanni'" }
+            },
+            {
+              "name": "selected-variable-entry-ids",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "catalog",
+                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+                "type": "'giovanni'"
+              },
+              {
+                "name": "selectedVariableEntryIds",
+                "type": "string | undefined"
+              },
+              { "name": "searchQuery", "type": "string" },
+              { "name": "selectedFacets", "type": "SelectedFacets" },
+              { "name": "selectedVariables", "type": "Variable[]" },
+              { "name": "showVariablesBrowse", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-breadcrumbs",
           "description": "A collection of breadcrumb items that shows the current page's location in the site hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - The breadcrumb items. Typically `<terra-breadcrumb>` elements.\n\n### **CSS Properties:**\n - **--terra-breadcrumbs-gap** - The space between breadcrumbs. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The navigation container.",
@@ -470,41 +505,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-browse-variables",
-          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "catalog",
-              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-              "value": { "type": "'giovanni'", "default": "'giovanni'" }
-            },
-            {
-              "name": "selected-variable-entry-ids",
-              "value": { "type": "string | undefined" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "catalog",
-                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-                "type": "'giovanni'"
-              },
-              {
-                "name": "selectedVariableEntryIds",
-                "type": "string | undefined"
-              },
-              { "name": "searchQuery", "type": "string" },
-              { "name": "selectedFacets", "type": "SelectedFacets" },
-              { "name": "selectedVariables", "type": "Variable[]" },
-              { "name": "showVariablesBrowse", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-button",
           "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **terra-blur** - emitted when the button is blurred\n- **terra-focus** - emitted when the button is focused\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<terra-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
@@ -841,20 +841,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-caption",
-          "description": "Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.\n---\n\n\n### **Slots:**\n - _default_ - The caption content. Use a `<span class=\"credit\">` element for credits, which will be displayed with higher contrast.\n\n### **CSS Properties:**\n - **--terra-caption-font-family** - The font family for the caption. _(default: undefined)_\n- **--terra-caption-font-size** - The font size for the caption. _(default: undefined)_\n- **--terra-caption-font-weight** - The font weight for the caption. _(default: undefined)_\n- **--terra-caption-line-height** - The line height for the caption. _(default: undefined)_\n- **--terra-caption-color** - The text color for the caption. _(default: undefined)_\n- **--terra-caption-credit-color** - The text color for credits within the caption. _(default: undefined)_",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            {
-              "name": "",
-              "description": "The caption content. Use a `<span class=\"credit\">` element for credits, which will be displayed with higher contrast."
-            }
-          ],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
         {
           "name": "terra-card",
           "description": "Cards can be used to group related subjects in a container.\n---\n\n\n### **Slots:**\n - _default_ - The card's main content.\n- **header** - An optional header for the card.\n- **footer** - An optional footer for the card.\n- **image** - An optional image to render at the start of the card.\n\n### **CSS Properties:**\n - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_\n- **--border-radius** - The border radius for the card's edges. _(default: undefined)_\n- **--border-width** - The width of the card's borders. _(default: undefined)_\n- **--padding** - The padding to use for the card's sections. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **image** - The container that wraps the card's image.\n- **header** - The container that wraps the card's header.\n- **body** - The container that wraps the card's main content.\n- **footer** - The container that wraps the card's footer.",
@@ -1202,62 +1188,18 @@
           }
         },
         {
-          "name": "terra-data-access",
-          "description": "Discover and export collection granules with search, temporal, spatial, and cloud cover filters.\n---\n",
+          "name": "terra-caption",
+          "description": "Captions are small text blocks that describe photos, provide additional context and information, and give credit to photographers and other content owners and creators.\n---\n\n\n### **Slots:**\n - _default_ - The caption content. Use a `<span class=\"credit\">` element for credits, which will be displayed with higher contrast.\n\n### **CSS Properties:**\n - **--terra-caption-font-family** - The font family for the caption. _(default: undefined)_\n- **--terra-caption-font-size** - The font size for the caption. _(default: undefined)_\n- **--terra-caption-font-weight** - The font weight for the caption. _(default: undefined)_\n- **--terra-caption-line-height** - The line height for the caption. _(default: undefined)_\n- **--terra-caption-color** - The text color for the caption. _(default: undefined)_\n- **--terra-caption-credit-color** - The text color for credits within the caption. _(default: undefined)_",
           "doc-url": "",
-          "attributes": [
-            {
-              "name": "short-name",
-              "description": "Collection short name used to build the Collection Entry ID.",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "version",
-              "description": "Collection version used to build the Collection Entry ID.",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "collection-entry-id",
-              "value": { "type": "string | undefined" }
-            },
+          "attributes": [],
+          "slots": [
             {
-              "name": "footer-slot",
-              "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
-              "value": { "type": "boolean | undefined" }
+              "name": "",
+              "description": "The caption content. Use a `<span class=\"credit\">` element for credits, which will be displayed with higher contrast."
             }
           ],
           "events": [],
-          "js": {
-            "properties": [
-              { "name": "service" },
-              { "name": "collectionEntryId", "type": "string | undefined" },
-              { "name": "shortName", "type": "string | undefined" },
-              { "name": "version", "type": "string | undefined" },
-              {
-                "name": "footerSlot",
-                "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
-                "type": "boolean | undefined"
-              },
-              { "name": "searchParams", "type": "SearchGranulesParams" },
-              { "name": "loading", "type": "boolean" },
-              { "name": "totalGranules", "type": "number" },
-              { "name": "estimatedSize", "type": "string | null" },
-              {
-                "name": "cloudCoverRange",
-                "type": "{ min: number; max: number } | null"
-              },
-              { "name": "cloudCoverPickerOpen", "type": "boolean" },
-              { "name": "datePickerRef" },
-              { "name": "spatialPickerRef" },
-              { "name": "cloudCoverSliderRef" },
-              { "name": "gridRef" },
-              { "name": "isSubDaily", "type": "boolean" },
-              { "name": "granuleMinDate", "type": "Date | null" },
-              { "name": "granuleMaxDate", "type": "Date | null" },
-              { "name": "spatialConstraints", "type": "string" }
-            ],
-            "events": []
-          }
+          "js": { "properties": [], "events": [] }
         },
         {
           "name": "terra-data-grid",
@@ -1422,6 +1364,64 @@
             ]
           }
         },
+        {
+          "name": "terra-data-access",
+          "description": "Discover and export collection granules with search, temporal, spatial, and cloud cover filters.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "short-name",
+              "description": "Collection short name used to build the Collection Entry ID.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "version",
+              "description": "Collection version used to build the Collection Entry ID.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "collection-entry-id",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "footer-slot",
+              "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
+              "value": { "type": "boolean | undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "service" },
+              { "name": "collectionEntryId", "type": "string | undefined" },
+              { "name": "shortName", "type": "string | undefined" },
+              { "name": "version", "type": "string | undefined" },
+              {
+                "name": "footerSlot",
+                "description": "When true, the footer will be rendered with slot=\"footer\" for use in a dialog.",
+                "type": "boolean | undefined"
+              },
+              { "name": "searchParams", "type": "SearchGranulesParams" },
+              { "name": "loading", "type": "boolean" },
+              { "name": "totalGranules", "type": "number" },
+              { "name": "estimatedSize", "type": "string | null" },
+              {
+                "name": "cloudCoverRange",
+                "type": "{ min: number; max: number } | null"
+              },
+              { "name": "cloudCoverPickerOpen", "type": "boolean" },
+              { "name": "datePickerRef" },
+              { "name": "spatialPickerRef" },
+              { "name": "cloudCoverSliderRef" },
+              { "name": "gridRef" },
+              { "name": "isSubDaily", "type": "boolean" },
+              { "name": "granuleMinDate", "type": "Date | null" },
+              { "name": "granuleMaxDate", "type": "Date | null" },
+              { "name": "spatialConstraints", "type": "string" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-data-rods",
           "description": "\n---\n",
@@ -5606,7 +5606,7 @@
         },
         {
           "name": "terra-time-series",
-          "description": "A component for visualizing time series data using the GES DISC Giovanni API.\n---\n\n\n### **Events:**\n - **terra-date-range-change** - Emitted whenever the date range is modified\n- **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni\n- **terra-harmony-job-status-update** - Emitted whenever the status of a Harmony job is updated",
+          "description": "A component for visualizing time series data using the GES DISC Giovanni API.\n---\n\n\n### **Events:**\n - **terra-time-series-loading-change** - Emitted whenever loading starts or ends\n- **terra-date-range-change** - Emitted whenever the date range is modified\n- **terra-time-series-data-change** - Emitted whenever time series data has been fetched from Giovanni\n- **terra-harmony-job-status-update** - Emitted whenever the status of a Harmony job is updated\n- **terra-time-series-chunk-progress-change** - Emitted whenever chunked Harmony requests advance",
           "doc-url": "",
           "attributes": [
             {
@@ -5696,6 +5696,11 @@
             }
           ],
           "events": [
+            {
+              "name": "terra-time-series-loading-change",
+              "type": "CustomEvent",
+              "description": "Emitted whenever loading starts or ends"
+            },
             {
               "name": "terra-date-range-change",
               "type": "CustomEvent",
@@ -5708,6 +5713,10 @@
             {
               "name": "terra-harmony-job-status-update",
               "description": "Emitted whenever the status of a Harmony job is updated"
+            },
+            {
+              "name": "terra-time-series-chunk-progress-change",
+              "description": "Emitted whenever chunked Harmony requests advance"
             }
           ],
           "js": {
@@ -5800,6 +5809,11 @@
               { "name": "_fetchVariableTask" }
             ],
             "events": [
+              {
+                "name": "terra-time-series-loading-change",
+                "type": "CustomEvent",
+                "description": "Emitted whenever loading starts or ends"
+              },
               {
                 "name": "terra-date-range-change",
                 "type": "CustomEvent",
@@ -5812,6 +5826,10 @@
               {
                 "name": "terra-harmony-job-status-update",
                 "description": "Emitted whenever the status of a Harmony job is updated"
+              },
+              {
+                "name": "terra-time-series-chunk-progress-change",
+                "description": "Emitted whenever chunked Harmony requests advance"
               }
             ]
           }

package/dist/chunks/chunk.26KXEWMN.js

@@ -0,0 +1,16 @@
+import{a as L}from"./chunk.2NNF6S2I.js";import{a as G}from"./chunk.DQUUBGXN.js";import{a as A,b as M}from"./chunk.AXHBILJ4.js";import{a as C,b as D,e as l,f as o,g as h,h as c,i as u}from"./chunk.INFVQQSJ.js";import{createRef as $,ref as z}from"lit/directives/ref.js";import{html as V,nothing as B}from"lit";import{property as r,state as I}from"lit/decorators.js";import{createGrid as j,AllCommunityModule as q,ModuleRegistry as H}from"ag-grid-community";var i,d,p,f,g,F,n=class extends M{constructor(){super(...arguments);h(this,p);h(this,g);this.height="400px";this.rowModelType="clientSide";this.theme="alpine";this.showLoading=!1;this.isLoading=!1;h(this,i,void 0);h(this,d,$())}connectedCallback(){super.connectedCallback(),H.registerModules([q])}disconnectedCallback(){super.disconnectedCallback(),o(this,i)&&(o(this,i).destroy(),c(this,i,void 0))}firstVisible(){u(this,p,f).call(this)}updated(e){super.updated(e),(e.has("gridOptions")||e.has("columnDefs")||e.has("rowData")||e.has("datasource")||e.has("rowModelType"))&&o(this,i)&&o(this,d).value&&u(this,p,f).call(this)}getGridApi(){return o(this,i)}refresh(){o(this,i)&&(this.rowModelType==="infinite"?o(this,i).purgeInfiniteCache():o(this,i).refreshCells())}exportToCsv(e){o(this,i)&&o(this,i).exportDataAsCsv(e)}exportToExcel(e){var s,a;o(this,i)&&((a=(s=o(this,i)).exportDataAsExcel)==null||a.call(s,e))}render(){return V`
+            <div class="grid-container" part="base">
+                <div
+                    class="grid ag-theme-${this.theme}"
+                    part="grid"
+                    ${z(o(this,d))}
+                    style="height: ${this.height};"
+                ></div>
+
+                ${this.isLoading&&this.showLoading?V`
+                          <div class="loading-overlay" part="loading">
+                              <terra-loader indeterminate></terra-loader>
+                          </div>
+                      `:B}
+            </div>
+        `}};i=new WeakMap,d=new WeakMap,p=new WeakSet,f=function(){var k,S,O,R,x,T;if(!o(this,d).value)return;o(this,i)&&(o(this,i).destroy(),c(this,i,void 0));let e=D(C(C({},u(this,g,F).call(this)),this.gridOptions),{columnDefs:(S=this.columnDefs)!=null?S:(k=this.gridOptions)==null?void 0:k.columnDefs,rowData:(R=this.rowData)!=null?R:(O=this.gridOptions)==null?void 0:O.rowData,datasource:(T=this.datasource)!=null?T:(x=this.gridOptions)==null?void 0:x.datasource,rowModelType:this.rowModelType}),s=e.onGridReady;e.onGridReady=t=>{c(this,i,t.api),this.emit("terra-grid-ready",{detail:t}),s&&s(t)};let a=e.onSelectionChanged;e.onSelectionChanged=t=>{this.emit("terra-selection-changed",{detail:t}),a&&a(t)};let y=e.onSortChanged;e.onSortChanged=t=>{this.emit("terra-sort-changed",{detail:t}),y&&y(t)};let m=e.onFilterChanged;e.onFilterChanged=t=>{this.emit("terra-filter-changed",{detail:t}),m&&m(t)};let v=e.onRowClicked;e.onRowClicked=t=>{this.emit("terra-row-clicked",{detail:t}),v&&v(t)};let w=e.onRowDoubleClicked;e.onRowDoubleClicked=t=>{this.emit("terra-row-double-clicked",{detail:t}),w&&w(t)};let E=e.onCellClicked;e.onCellClicked=t=>{this.emit("terra-cell-clicked",{detail:t}),E&&E(t)};let b=e.onCellValueChanged;e.onCellValueChanged=t=>{this.emit("terra-cell-value-changed",{detail:t}),b&&b(t)},c(this,i,j(o(this,d).value,e))},g=new WeakSet,F=function(){return{defaultColDef:{sortable:!0,filter:!0,resizable:!0},rowBuffer:25,cacheBlockSize:50,maxConcurrentDatasourceRequests:2}},n.styles=[A,L],n.dependencies={"terra-loader":G},l([r({type:Object})],n.prototype,"gridOptions",2),l([r({type:Array})],n.prototype,"columnDefs",2),l([r({type:Array})],n.prototype,"rowData",2),l([r({type:Object})],n.prototype,"datasource",2),l([r({attribute:"height",type:String})],n.prototype,"height",2),l([r({attribute:"row-model-type",type:String})],n.prototype,"rowModelType",2),l([r({attribute:"theme",type:String})],n.prototype,"theme",2),l([r({attribute:"show-loading",type:Boolean})],n.prototype,"showLoading",2),l([I()],n.prototype,"isLoading",2);export{n as a};

package/dist/chunks/chunk.2AQNNAKL.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.CHAY5OT7.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-dropdown";e.define("terra-dropdown");var n=t({tagName:o,elementClass:e,react:r,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraDropdown"}),i=n;export{i as a};

package/dist/chunks/chunk.2FH6MYZZ.js

@@ -0,0 +1,154 @@
+import{a as w}from"./chunk.WGF6ZBTK.js";import{a as C}from"./chunk.URTV3MIW.js";import{a as _}from"./chunk.X5OPH5X7.js";import{b as g}from"./chunk.UTJA3S5Z.js";import{a as x}from"./chunk.DWUSSCJJ.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as v,b as y}from"./chunk.AXHBILJ4.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as s,query as M,state as $}from"lit/decorators.js";import{classMap as V}from"lit/directives/class-map.js";import{html as o}from"lit";import{ifDefined as l}from"lit/directives/if-defined.js";import{live as k}from"lit/directives/live.js";var e=class extends y{constructor(){super(...arguments);this.formControlController=new g(this,{value:t=>t.value,defaultValue:t=>t.defaultValue,setValue:(t,a)=>t.value=a});this.hasSlotController=new b(this,"help-text","error","clear-icon","show-password-icon","hide-password-icon");this.hasFocus=!1;this.validationErrorMessage="";this.__numberInput=Object.assign(document.createElement("input"),{type:"number"});this.__dateInput=Object.assign(document.createElement("input"),{type:"date"});this.title="";this.type="text";this.name="";this.value="";this.placeholder="";this.size="medium";this.filled=!1;this.pill=!1;this.disabled=!1;this.readonly=!1;this.required=!1;this.inputMode="text";this.label="";this.hideLabel=!1;this.helpText="";this.errorText="";this.clearable=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.noSpinButtons=!1;this.autofocus=!1;this.spellcheck=!0;this.defaultValue="";this.resettable=!1;this.form=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}get valueAsDate(){var t;return this.__dateInput.type=this.type,this.__dateInput.value=this.value,((t=this.input)==null?void 0:t.valueAsDate)||this.__dateInput.valueAsDate}set valueAsDate(t){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=t,this.value=this.__dateInput.value}get valueAsNumber(){var t;return this.__numberInput.value=this.value,((t=this.input)==null?void 0:t.valueAsNumber)||this.__numberInput.valueAsNumber}set valueAsNumber(t){this.__numberInput.valueAsNumber=t,this.value=this.__numberInput.value}firstUpdated(){this.formControlController.updateValidity()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.updateValidationErrorMessage(),this.emit("terra-input")}handleChange(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("terra-change")}handleInvalid(t){this.formControlController.setValidity(!1),this.updateValidationErrorMessage(),this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.formControlController.updateValidity(),this.updateValidationErrorMessage(),this.emit("terra-blur")}handleKeyDown(t){let a=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!a&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}updateValidationErrorMessage(){this.input?this.input.validity.valid?this.validationErrorMessage="":this.validationErrorMessage=this.input.validationMessage:this.validationErrorMessage=""}handleReset(t){t.preventDefault(),t.stopPropagation(),!(this.disabled||this.readonly)&&(this.value=this.defaultValue||"",this.input.value=this.value,this.formControlController.updateValidity(),this.emit("terra-change"),this.input.focus())}handleClearClick(t){t.preventDefault(),this.value!==""&&(this.value="",this.emit("terra-clear"),this.emit("terra-input"),this.emit("terra-change")),this.input.focus()}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input&&(this.input.step=String(this.step),this.formControlController.updateValidity())}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,a,r="none"){this.input.setSelectionRange(t,a,r)}setRangeText(t,a,r,n="preserve"){let d=a!=null?a:this.input.selectionStart,h=r!=null?r:this.input.selectionEnd;this.input.setRangeText(t,d,h,n),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}render(){let t=this.querySelector('[slot="prefix"]')!==null,a=this.querySelector('[slot="suffix"]')!==null,r=this.hasSlotController.test("help-text"),n=this.helpText?!0:!!r,d=this.hasSlotController.test("error"),h=this.hasAttribute("data-user-invalid"),u=h&&(this.errorText||d||this.validationErrorMessage),E=h&&(this.errorText||this.validationErrorMessage)||"",m=this.clearable&&!this.disabled&&!this.readonly,f=m&&(typeof this.value=="number"||this.value.length>0),c=this.resettable&&!this.clearable&&this.value!==""&&this.value!==this.defaultValue&&this.type!=="search",S=m||c||this.passwordToggle&&this.type==="password"||a;return o`
+            <div
+                part="form-control"
+                class=${V({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":n&&!u,"form-control--has-error-text":u})}
+            >
+                ${this.label?o`
+                          <label
+                              for="input"
+                              part="form-control-label"
+                              class=${this.hideLabel?"input__label input__label--hidden":"input__label"}
+                          >
+                              ${this.label}
+                              ${this.required?o`<span class="input__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+
+                <div part="form-control-input" class="form-control-input">
+                    <div
+                        part="base"
+                        class=${V({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--pill":this.pill,"input--standard":!this.filled,"input--filled":this.filled,"input--disabled":this.disabled,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-spin-buttons":this.noSpinButtons,"input--has-prefix":t,"input--has-suffix":S})}
+                    >
+                        ${t?o`
+                                  <span part="prefix" class="input__prefix">
+                                      <slot name="prefix"></slot>
+                                  </span>
+                              `:""}
+
+                        <input
+                            part="input"
+                            id="input"
+                            class="input__control"
+                            type=${this.type==="password"&&this.passwordVisible?"text":this.type}
+                            title=${this.title}
+                            name=${l(this.name||void 0)}
+                            ?disabled=${this.disabled}
+                            ?readonly=${this.readonly}
+                            ?required=${this.required}
+                            placeholder=${l(this.placeholder||void 0)}
+                            minlength=${l(this.minlength)}
+                            maxlength=${l(this.maxlength)}
+                            min=${l(this.min)}
+                            max=${l(this.max)}
+                            step=${l(this.step)}
+                            .value=${k(this.value)}
+                            autocapitalize=${l(this.getAttribute("autocapitalize"))}
+                            autocomplete=${l(this.autocomplete)}
+                            autocorrect=${l(this.getAttribute("autocorrect"))}
+                            ?autofocus=${this.autofocus}
+                            spellcheck=${this.spellcheck}
+                            pattern=${l(this.pattern)}
+                            enterkeyhint=${l(this.enterkeyhint)}
+                            inputmode=${l(this.inputMode)}
+                            aria-describedby=${u?"error-text":n?"help-text":void 0}
+                            aria-invalid=${u?"true":void 0}
+                            @input=${this.handleInput}
+                            @change=${this.handleChange}
+                            @invalid=${this.handleInvalid}
+                            @focus=${this.handleFocus}
+                            @blur=${this.handleBlur}
+                            @keydown=${this.handleKeyDown}
+                        />
+
+                        ${f?o`
+                                  <button
+                                      part="clear-button"
+                                      class="input__clear"
+                                      type="button"
+                                      aria-label="Clear input"
+                                      @click=${this.handleClearClick}
+                                      tabindex="-1"
+                                  >
+                                      <slot name="clear-icon">
+                                          <terra-icon
+                                              name="solid-x-circle"
+                                              library="heroicons"
+                                              font-size="1.2rem"
+                                          ></terra-icon>
+                                      </slot>
+                                  </button>
+                              `:""}
+                        ${this.passwordToggle&&this.type==="password"&&!this.disabled?o`
+                                  <button
+                                      part="password-toggle-button"
+                                      class="input__password-toggle"
+                                      type="button"
+                                      aria-label=${this.passwordVisible?"Hide password":"Show password"}
+                                      @click=${this.handlePasswordToggle}
+                                      tabindex="-1"
+                                  >
+                                      ${this.passwordVisible?o`
+                                                <slot name="show-password-icon">
+                                                    <terra-icon
+                                                        name="solid-eye-slash"
+                                                        library="heroicons"
+                                                    ></terra-icon>
+                                                </slot>
+                                            `:o`
+                                                <slot name="hide-password-icon">
+                                                    <terra-icon
+                                                        name="solid-eye"
+                                                        library="heroicons"
+                                                    ></terra-icon>
+                                                </slot>
+                                            `}
+                                  </button>
+                              `:""}
+                        ${c?o`
+                                  <button
+                                      type="button"
+                                      class="input__reset"
+                                      @click=${this.handleReset}
+                                      ?disabled=${this.disabled||this.readonly}
+                                      aria-label="Clear input"
+                                      tabindex="-1"
+                                  >
+                                      <terra-icon
+                                          name="solid-x-circle"
+                                          library="heroicons"
+                                          font-size="1.2rem"
+                                      ></terra-icon>
+                                  </button>
+                              `:""}
+                        ${a&&!f&&!c&&!(this.passwordToggle&&this.type==="password")?o`
+                                  <span part="suffix" class="input__suffix">
+                                      <slot name="suffix"></slot>
+                                  </span>
+                              `:""}
+                    </div>
+                </div>
+
+                ${u?o`
+                          <div
+                              aria-live="polite"
+                              aria-hidden="false"
+                              class="form-control__error-text"
+                              id="error-text"
+                              part="form-control-error-text"
+                          >
+                              <slot name="error">${E}</slot>
+                          </div>
+                      `:n?o`
+                            <div
+                                aria-hidden="false"
+                                class="form-control__help-text"
+                                id="help-text"
+                                part="form-control-help-text"
+                            >
+                                <slot name="help-text">${this.helpText}</slot>
+                            </div>
+                        `:""}
+            </div>
+        `}};e.styles=[v,_,w],e.dependencies={"terra-icon":x},i([M(".input__control")],e.prototype,"input",2),i([$()],e.prototype,"hasFocus",2),i([$()],e.prototype,"validationErrorMessage",2),i([s()],e.prototype,"title",2),i([s({reflect:!0})],e.prototype,"type",2),i([s()],e.prototype,"name",2),i([s()],e.prototype,"value",2),i([s()],e.prototype,"placeholder",2),i([s({reflect:!0})],e.prototype,"size",2),i([s({type:Boolean,reflect:!0})],e.prototype,"filled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"pill",2),i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([s({type:Boolean,reflect:!0})],e.prototype,"required",2),i([s()],e.prototype,"autocomplete",2),i([s({type:Number})],e.prototype,"minlength",2),i([s({type:Number})],e.prototype,"maxlength",2),i([s()],e.prototype,"min",2),i([s()],e.prototype,"max",2),i([s()],e.prototype,"step",2),i([s()],e.prototype,"pattern",2),i([s({attribute:"input-mode"})],e.prototype,"inputMode",2),i([s()],e.prototype,"label",2),i([s({attribute:"hide-label",type:Boolean})],e.prototype,"hideLabel",2),i([s({attribute:"help-text"})],e.prototype,"helpText",2),i([s({attribute:"error-text"})],e.prototype,"errorText",2),i([s({type:Boolean})],e.prototype,"clearable",2),i([s({attribute:"password-toggle",type:Boolean})],e.prototype,"passwordToggle",2),i([s({attribute:"password-visible",type:Boolean})],e.prototype,"passwordVisible",2),i([s({attribute:"no-spin-buttons",type:Boolean})],e.prototype,"noSpinButtons",2),i([s({type:Boolean})],e.prototype,"autofocus",2),i([s()],e.prototype,"enterkeyhint",2),i([s({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],e.prototype,"spellcheck",2),i([C("value")],e.prototype,"defaultValue",2),i([s({type:Boolean,reflect:!0})],e.prototype,"resettable",2),i([s({reflect:!0})],e.prototype,"form",2),i([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([p("step",{waitUntilFirstUpdate:!0})],e.prototype,"handleStepChange",1),i([p("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1);export{e as a};

package/dist/chunks/chunk.2HOQQP26.js

@@ -0,0 +1,23 @@
+import{a as c}from"./chunk.HRA64EJO.js";import{a as h}from"./chunk.DWUSSCJJ.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as r,b as n}from"./chunk.AXHBILJ4.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as u}from"lit/directives/class-map.js";import{html as f}from"lit";import{property as d,query as p,state as o}from"lit/decorators.js";var e=class extends n{constructor(){super(...arguments);this.isInitialized=!1;this.current=!1;this.selected=!1;this.hasHover=!1;this.value="";this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){this.isInitialized?customElements.whenDefined("terra-select").then(()=>{let l=this.closest("terra-select");l&&l.handleDefaultSlotChange()}):this.isInitialized=!0}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){typeof this.value!="string"&&(this.value=String(this.value))}getTextLabel(){let l=this.childNodes,i="";return[...l].forEach(s=>{s.nodeType===Node.ELEMENT_NODE&&(s.hasAttribute("slot")||(i+=s.textContent)),s.nodeType===Node.TEXT_NODE&&(i+=s.textContent)}),i.trim()}render(){return f`
+            <div
+                part="base"
+                class=${u({option:!0,"option--current":this.current,"option--disabled":this.disabled,"option--selected":this.selected,"option--hover":this.hasHover})}
+                @mouseenter=${this.handleMouseEnter}
+                @mouseleave=${this.handleMouseLeave}
+            >
+                <terra-icon
+                    part="checked-icon"
+                    class="option__check"
+                    name="outline-check"
+                    library="heroicons"
+                    aria-hidden="true"
+                ></terra-icon>
+                <slot part="prefix" name="prefix" class="option__prefix"></slot>
+                <slot
+                    part="label"
+                    class="option__label"
+                    @slotchange=${this.handleDefaultSlotChange}
+                ></slot>
+                <slot part="suffix" name="suffix" class="option__suffix"></slot>
+            </div>
+        `}};e.styles=[r,c],e.dependencies={"terra-icon":h},t([p(".option__label")],e.prototype,"defaultSlot",2),t([o()],e.prototype,"current",2),t([o()],e.prototype,"selected",2),t([o()],e.prototype,"hasHover",2),t([d({reflect:!0})],e.prototype,"value",2),t([d({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("disabled")],e.prototype,"handleDisabledChange",1),t([a("selected")],e.prototype,"handleSelectedChange",1),t([a("value")],e.prototype,"handleValueChange",1);export{e as a};