@nasa-terra/components 0.0.173 → 0.0.175

package/dist/chunks/chunk.JBPRUIZD.js

@@ -0,0 +1,170 @@
+import{gql as t}from"@apollo/client/core";var i=t`
+    query GetCMRCollectionByEntryId($entryId: String!) {
+        collections(params: { entryId: [$entryId] }) {
+            items {
+                doi
+                collectionCitations
+            }
+        }
+    }
+`,d=t`
+    query GetVariableDetails($collectionConceptId: String!) {
+        collection(params: { conceptId: $collectionConceptId }) {
+            variables {
+                items {
+                    name
+                    units
+                    longName
+                }
+            }
+        }
+    }
+`,n=t`
+    query GetCMRSearchResultsAll($keyword: String!) {
+        collections(params: { keyword: $keyword }) {
+            items {
+                conceptId
+                nativeId
+                provider
+                title
+            }
+        }
+        variables(params: { keyword: $keyword }) {
+            items {
+                conceptId
+                name
+                providerId
+                longName
+                collections {
+                    items {
+                        conceptId
+                        nativeId
+                        title
+                    }
+                }
+            }
+        }
+    }
+`,l=t`
+    query GetCMRSearchResultsCollections($keyword: String!) {
+        collections(params: { keyword: $keyword }) {
+            items {
+                conceptId
+                nativeId
+                provider
+                title
+            }
+        }
+    }
+`,c=t`
+    query GetCMRSearchResultsVariables($keyword: String!) {
+        variables(params: { keyword: $keyword }) {
+            items {
+                conceptId
+                name
+                providerId
+                longName
+                collections {
+                    items {
+                        conceptId
+                        nativeId
+                    }
+                }
+            }
+        }
+    }
+`,s=t`
+    query Collections(
+        $collectionEntryId: String!
+        $search: [String]
+        $limit: Int
+        $offset: Int
+        $sortKey: String
+        $temporal: String
+        $boundingBox: [String]
+        $cloudCover: JSON
+    ) {
+        collections(params: { entryId: [$collectionEntryId] }) {
+            items {
+                conceptId
+                granules(
+                    params: {
+                        limit: $limit
+                        offset: $offset
+                        sortKey: [$sortKey]
+                        readableGranuleName: $search
+                        options: { readableGranuleName: { pattern: true } }
+                        temporal: $temporal
+                        boundingBox: $boundingBox
+                        cloudCover: $cloudCover
+                    }
+                ) {
+                    count
+                    items {
+                        conceptId
+                        dataGranule
+                        title
+                        timeEnd
+                        timeStart
+                        relatedUrls
+                        cloudCover
+                    }
+                }
+            }
+        }
+    }
+`,u=t`
+    query {
+        aesirKeywords {
+            id
+        }
+    }
+`,m=t`
+    query GetVariables(
+        $q: String
+        $includeFields: String
+        $rows: String
+        $filter: FilterInput
+        $variableEntryIds: [String]
+    ) {
+        getVariables(
+            q: $q
+            includeFields: $includeFields
+            rows: $rows
+            filter: $filter
+            variableEntryIds: $variableEntryIds
+        ) {
+            count
+            total
+            variables {
+                dataFieldId
+                dataProductShortName
+                dataProductVersion
+                dataFieldShortName
+                dataFieldAccessName
+                dataFieldLongName
+                dataProductLongName
+                dataProductTimeInterval
+                dataProductWest
+                dataProductSouth
+                dataProductEast
+                dataProductNorth
+                dataProductSpatialResolution
+                dataProductBeginDateTime
+                dataProductEndDateTime
+                dataFieldKeywords
+                dataFieldUnits
+                dataProductDescriptionUrl
+                dataFieldDescriptionUrl
+                dataProductInstrumentShortName
+            }
+            facets {
+                category
+                values {
+                    name
+                    count
+                }
+            }
+        }
+    }
+`;export{i as a,d as b,n as c,l as d,c as e,s as f,u as g,m as h};

package/dist/chunks/chunk.JDTRASZ4.js

@@ -0,0 +1,26 @@
+import{a}from"./chunk.7G6ZJIAY.js";import{a as l}from"./chunk.3G6QKB5Z.js";import{a as s,b as r}from"./chunk.4S7M2RKR.js";import{e}from"./chunk.INFVQQSJ.js";import{html as m}from"lit";import{property as o}from"lit/decorators.js";var t=class extends r{constructor(){super(...arguments);this.open=!1;this.showArrow=!0}render(){return m`
+            <details
+                class="accordion"
+                ?open=${this.open}
+                @toggle=${this.handleToggle}
+            >
+                <summary class="accordion-summary">
+                    <slot name="summary"> ${this.summary} </slot>
+
+                    <div class="accordion-summary-right">
+                        <slot name="summary-right"></slot>
+
+                        ${this.showArrow&&m`
+                            <terra-icon
+                                name="chevron-down-circle"
+                                font-size="24px"
+                            ></terra-icon>
+                        `}
+                    </div>
+                </summary>
+
+                <div class="accordion-content">
+                    <slot></slot>
+                </div>
+            </details>
+        `}handleToggle(n){let i=n.currentTarget;this.open=i.open,this.emit("terra-accordion-toggle",{detail:{open:this.open}})}};t.styles=[s,l],t.dependencies={"terra-icon":a},e([o()],t.prototype,"summary",2),e([o({reflect:!0,type:Boolean})],t.prototype,"open",2),e([o({type:Boolean})],t.prototype,"showArrow",2);export{t as a};

package/dist/chunks/chunk.JMSFWPYN.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ZKOAGT54.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-radio-group";e.define("terra-radio-group");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraChange:"terra-change",onTerraInput:"terra-input",onTerraInvalid:"terra-invalid"},displayName:"TerraRadioGroup"}),E=a;export{E as a};

package/dist/chunks/chunk.JPBCRN7I.js

@@ -0,0 +1,145 @@
+import{a as P}from"./chunk.OIUVQPNF.js";import{a as L,b as T}from"./chunk.WXZVHMVF.js";import{a as O}from"./chunk.J5Q4TWEG.js";import{a as q,b as A}from"./chunk.4S7M2RKR.js";import{a as S,b as G,e as n,f as t,g as l,h as u}from"./chunk.INFVQQSJ.js";import F from"fuse.js";import{LitElement as W,html as h,nothing as H}from"lit";import{property as c,state as N}from"lit/decorators.js";import{ref as U}from"lit/directives/ref.js";import{repeat as C}from"lit/directives/repeat.js";import{cache as B}from"lit/directives/cache.js";import{choose as Q}from"lit/directives/choose.js";import{map as x}from"lit/directives/map.js";var r,p,m,d,E,b,I,k,g,v,$,w,M,f,y,a=class a extends A{constructor(){super(...arguments);l(this,r,null);l(this,p,null);l(this,m,null);l(this,d,null);this.label="Search for Items";this.name="Item";this.hideHelp=!1;this.hideLabel=!1;this.status="INITIAL";this.content={type:"GroupedListItem",data:[]};this.isExpanded=!1;this.query=a.initialQuery;this.searchResults=[];l(this,E,(e,i)=>h`
+            <li
+                id="listbox-option-${i}"
+                role="option"
+                class="listbox-option"
+                data-name=${e.name}
+                data-event-detail=${JSON.stringify({name:e.name,value:e.value})}
+            >
+                ${e.name}
+            </li>
+        `);l(this,b,(e,i)=>h`
+            <li class="listbox-option-group" data-tree-walker="filter_skip">
+                <span class="group-title" data-tree-walker="filter_skip"
+                    >${e.name}</span
+                >
+                <ul data-tree-walker="filter_skip">
+                    ${C(e.items,s=>`${s.name}_${s.value}`,(s,o)=>h`
+                                <li
+                                    id="listbox-option-${i}.${o}"
+                                    role="option"
+                                    class="listbox-option"
+                                    data-name=${s.title?s.title:s.name}
+                                    data-event-detail=${JSON.stringify({name:s.name,value:s.value})}
+                                >
+                                    ${s.title?s.title:s.name}
+                                </li>
+                            `)}
+                </ul>
+            </li>
+        `);l(this,I,()=>h`
+            <li class="error listbox-option-group">${this.content.data}</li>
+        `);l(this,k,()=>h`
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+        `);l(this,g,e=>{this.emit("terra-combobox-change",{detail:JSON.parse(e)})});l(this,v,()=>{var e;this.isExpanded=!this.isExpanded,(e=t(this,r))==null||e.focus()});l(this,$,e=>{var s;let i=e.target;this.query=i.value,i.value&&(this.isExpanded=!0),this.searchResults=(s=t(this,m))==null?void 0:s.search(i.value).map(({item:o})=>o)});l(this,w,e=>{let i=e.composedPath(),[s]=i.filter(o=>o.role==="option");s&&t(this,y).call(this,s)});l(this,M,e=>{var i;switch(e.key){case"ArrowDown":{if(L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),e.altKey)break;T(t(this,d),t(this,r),"next");break}case"ArrowUp":{L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),T(t(this,d),t(this,r),"previous");break}case"Enter":{t(this,y).call(this,(i=t(this,d))==null?void 0:i.currentNode);break}case"Escape":{L(t(this,r),t(this,p)),this.isExpanded?this.isExpanded=!1:this.query=a.initialQuery;break}default:break}});l(this,f,e=>{e.composedPath().some(o=>o.localName===a.tagName)||(this.isExpanded=!1)});l(this,y,e=>{let{name:i,eventDetail:s}=e.dataset;this.query=`${i}`,t(this,g).call(this,s),this.isExpanded=!1,L(t(this,r),t(this,p))})}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f));let e=this.content.type==="GroupedListItem"||this.content.type==="ListItem"?this.content.data:[];u(this,m,new F(e,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}disconnectedCallback(){super.disconnectedCallback(),globalThis.addEventListener("click",t(this,f))}contentChanged(e,i){let s=i.type==="GroupedListItem"||i.type==="ListItem"?i.data:[];u(this,m,new F(s,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}render(){var e;return h`<search part="base" title="Search through the list.">
+            <label for="combobox" class=${this.hideLabel?"sr-only":"input-label"}
+                >${this.label}</label
+            >
+            <div class="search-input-group">
+                <input
+                    ${U(i=>{var s;i&&((s=t(this,r))!=null||u(this,r,i))})}
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    .placeholder=${(e=this.placeholder)!=null?e:`${this.label}\u2026`}
+                    .value=${this.query}
+                    @input=${t(this,$)}
+                    @keydown=${t(this,M)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Items"
+                    class="combobox-button"
+                    id="combobox-button"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${t(this,v)}
+                >
+                    ${["COMPLETE","ERROR","INITIAL"].includes(this.status)?h`<svg
+                              aria-hidden="true"
+                              class="button-icon chevron"
+                              focusable="false"
+                              viewBox="0 0 400 400"
+                              xmlns="http://www.w3.org/2000/svg"
+                              fill="currentColor"
+                          >
+                              <path
+                                  d="m4.2 122.2 195.1 195.1 196.5-196.6-37.9-38-157.8 157.8-156.8-156.8z"
+                              ></path>
+                          </svg> `:h`<svg
+                              class="button-icon spinner"
+                              stroke="currentColor"
+                              viewBox="0 0 24 24"
+                              xmlns="http://www.w3.org/2000/svg"
+                          >
+                              <circle
+                                  cx="12"
+                                  cy="12"
+                                  r="9.5"
+                                  fill="none"
+                                  stroke-width="3"
+                              ></circle>
+                          </svg>`}
+                </terra-button>
+
+                ${this.hideHelp?H:h`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              target="_blank"
+                              >extended search syntax
+                              <svg
+                                  aria-hidden="true"
+                                  class="external-link"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  width="14"
+                                  height="14"
+                                  viewBox="0 0 24 24"
+                              >
+                                  <path
+                                      d="M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                                  /></svg></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${U(i=>{var s;i&&((s=t(this,p))!=null||u(this,p,i),u(this,d,document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,o=>o.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,w)}
+                aria-label=${this.query?`${this.name} Matching ${this.query}`:this.name}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${Q(this.status,[["INITIAL",()=>H],["PENDING",t(this,k)],["COMPLETE",()=>this.content.type==="ListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,E)):x(this.searchResults,t(this,E))):this.content.type==="GroupedListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,b)):x(this.searchResults,t(this,b))):H],["ERROR",t(this,I)]])}
+            </ul>
+        </search>`}};r=new WeakMap,p=new WeakMap,m=new WeakMap,d=new WeakMap,E=new WeakMap,b=new WeakMap,I=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,$=new WeakMap,w=new WeakMap,M=new WeakMap,f=new WeakMap,y=new WeakMap,a.styles=[q,P],a.shadowRootOptions=G(S({},W.shadowRootOptions),{delegatesFocus:!0}),a.tagName="terra-combobox",a.initialQuery="",n([c()],a.prototype,"label",2),n([c()],a.prototype,"name",2),n([c()],a.prototype,"placeholder",2),n([c({attribute:"hide-help",type:Boolean})],a.prototype,"hideHelp",2),n([c({attribute:"hide-label",type:Boolean})],a.prototype,"hideLabel",2),n([c()],a.prototype,"status",2),n([c({type:Object})],a.prototype,"content",2),n([N()],a.prototype,"isExpanded",2),n([N()],a.prototype,"query",2),n([N()],a.prototype,"searchResults",2),n([O("content")],a.prototype,"contentChanged",1);var R=a;export{R as a};

package/dist/chunks/chunk.JR4CVT6A.js

@@ -0,0 +1,15 @@
+import{createRef as d,ref as m}from"lit/directives/ref.js";import{html as l}from"lit";var p=class{constructor(e,i){this.popupRef=d();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var i;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="terra-menu-item"||(i=e.target.role)!=null&&i.startsWith("menuitem"))&&this.disableSubmenu()};this.handleFocusOut=e=>{e.relatedTarget&&e.relatedTarget instanceof Element&&this.host.contains(e.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=e=>{e.stopPropagation()};this.handlePopupReposition=()=>{let e=this.host.renderRoot.querySelector("slot[name='submenu']"),i=e==null?void 0:e.assignedElements({flatten:!0}).filter(a=>a.localName==="terra-menu")[0],t=getComputedStyle(this.host).direction==="rtl";if(!i)return;let{left:s,top:o,width:n,height:r}=i.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${t?s+n:s}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${t?s+n:s}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${o+r}px`)};(this.host=e).addController(this),this.hasSlotController=i}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("terra-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("terra-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){let i=this.host.renderRoot.querySelector("slot[name='submenu']");if(!i){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let t=null;for(let s of i.assignedElements())if(t=s.querySelectorAll("terra-menu-item, [role^='menuitem']"),t.length!==0)break;if(!(!t||t.length===0)){t[0].setAttribute("tabindex","0");for(let s=1;s!==t.length;++s)t[s].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?t[0]instanceof HTMLElement&&t[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{t[0]instanceof HTMLElement&&t[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var s;if(!((s=this.host.parentElement)!=null&&s.computedStyleMap))return;let e=this.host.parentElement.computedStyleMap(),t=["padding-top","border-top-width","margin-top"].reduce((o,n)=>{var u;let r=(u=e.get(n))!=null?u:new CSSUnitValue(0,"px"),h=(r instanceof CSSUnitValue?r:new CSSUnitValue(0,"px")).to("px");return o-h.value},0);this.skidding=t}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let e=getComputedStyle(this.host).direction==="rtl";return this.isConnected?l`
+            <terra-popup
+                ${m(this.popupRef)}
+                placement=${e?"left-start":"right-start"}
+                anchor="anchor"
+                flip
+                flip-fallback-strategy="best-fit"
+                skidding="${this.skidding}"
+                strategy="fixed"
+                auto-size="vertical"
+                auto-size-padding="10"
+            >
+                <slot name="submenu"></slot>
+            </terra-popup>
+        `:l` <slot name="submenu" hidden></slot> `}};export{p as a};

package/dist/chunks/chunk.JV6OBGSH.js

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

package/dist/chunks/chunk.JXE6DOO5.js

@@ -0,0 +1,16 @@
+import{css as r}from"lit";var l=r`
+    :host {
+        display: block;
+        position: relative;
+        background: var(--terra-panel-background-color);
+        border: solid var(--terra-panel-border-width) var(--terra-panel-border-color);
+        border-radius: var(--terra-border-radius-medium);
+        padding: var(--terra-spacing-x-small) 0;
+        overflow: auto;
+        overscroll-behavior: none;
+    }
+
+    ::slotted(terra-divider) {
+        --spacing: var(--terra-spacing-x-small);
+    }
+`;export{l as a};

package/dist/chunks/chunk.JZCZ6SCJ.js

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

package/dist/chunks/chunk.K4HDIQTT.js

@@ -0,0 +1,23 @@
+import{a as h}from"./chunk.ZXSLGF4Q.js";import{a as c}from"./chunk.7G6ZJIAY.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as r,b as n}from"./chunk.4S7M2RKR.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)),this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}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,h],e.dependencies={"terra-icon":c},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};

package/dist/chunks/chunk.KAEEI4RX.js

@@ -0,0 +1,121 @@
+import{css as r}from"lit";var d=r`
+    :host {
+        display: block;
+    }
+
+    :host(:focus-visible) {
+        outline: 0px;
+    }
+
+    .radio {
+        display: inline-flex;
+        align-items: flex-start;
+        font-family: var(--terra-radio-label-font-family);
+        font-size: var(--terra-radio-label-font-size);
+        font-weight: var(--terra-radio-label-font-weight);
+        color: var(--terra-radio-label-color);
+        vertical-align: middle;
+        cursor: pointer;
+    }
+
+    .radio--small {
+        --radio-size: var(--terra-radio-size-small);
+        font-size: var(--terra-radio-label-font-size);
+    }
+
+    .radio--medium {
+        --radio-size: var(--terra-radio-size-medium);
+        font-size: var(--terra-radio-label-font-size);
+    }
+
+    .radio--large {
+        --radio-size: var(--terra-radio-size-large);
+        font-size: var(--terra-radio-label-font-size);
+    }
+
+    .radio__checked-icon {
+        display: inline-flex;
+        width: var(--radio-size);
+        height: var(--radio-size);
+        color: var(--terra-radio-icon-color);
+    }
+
+    .radio__control {
+        flex: 0 0 auto;
+        position: relative;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: var(--radio-size);
+        height: var(--radio-size);
+        border: solid var(--terra-radio-border-width) var(--terra-radio-border-color);
+        border-radius: 50%;
+        background-color: var(--terra-radio-background-color);
+        color: transparent;
+        transition:
+            var(--terra-transition-fast) border-color,
+            var(--terra-transition-fast) background-color,
+            var(--terra-transition-fast) color,
+            var(--terra-transition-fast) box-shadow;
+    }
+
+    .radio__input {
+        position: absolute;
+        opacity: 0;
+        padding: 0;
+        margin: 0;
+        pointer-events: none;
+        width: 0;
+        height: 0;
+    }
+
+    /* Hover - unchecked */
+    .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {
+        border-color: var(--terra-radio-border-color-hover);
+        background-color: var(--terra-radio-background-color-hover);
+    }
+
+    /* Checked */
+    .radio--checked .radio__control {
+        border-color: var(--terra-radio-border-color-checked);
+        background-color: var(--terra-radio-background-color-checked);
+    }
+
+    /* Checked + hover */
+    .radio.radio--checked:not(.radio--disabled) .radio__control:hover {
+        border-color: var(--terra-radio-border-color-checked-hover);
+        background-color: var(--terra-radio-background-color-checked-hover);
+    }
+
+    /* Focus */
+    .radio:not(.radio--disabled) .radio__input:focus-visible ~ .radio__control {
+        outline: var(--terra-focus-ring-style) var(--terra-radio-focus-ring-width)
+            var(--terra-radio-focus-ring-color);
+        outline-offset: var(--terra-radio-focus-ring-offset);
+    }
+
+    /* Disabled */
+    .radio--disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+    }
+
+    .radio--disabled .radio__control {
+        background-color: var(--terra-radio-background-color-disabled);
+        border-color: var(--terra-radio-border-color-disabled);
+    }
+
+    /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */
+    .radio:not(.radio--checked) svg circle {
+        opacity: 0;
+    }
+
+    .radio__label {
+        display: inline-block;
+        color: var(--terra-radio-label-color);
+        line-height: var(--radio-size);
+        margin-inline-start: 0.5em;
+        user-select: none;
+        -webkit-user-select: none;
+    }
+`;export{d as a};