@ncino/web-components 8.0.0-preview.4 → 8.0.0-preview.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/boolean/boolean.gator.js +5 -5
- package/dist/components/input/base/input-base.gator.js +7 -7
- package/dist/components/radio/radio.gator.js +5 -5
- package/dist/components/radio-group/radio-group.gator.js +5 -5
- package/dist/packages/web-components/src/components/boolean/boolean.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/button/gator/button.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/input/input.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/radio/radio.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/radio-group/radio-group.gator.scss.js +1 -1
- package/dist/types/components/input/base/input-base.d.ts +1 -1
- package/dist/types/components/input/base/input-base.gator.d.ts +5 -1
- package/dist/types/components/input/gator/dropdown/input-dropdown.gator.d.ts +1 -1
- package/dist/types/components/radio-group/radio-group.gator.d.ts +2 -2
- package/package.json +1 -1
- package/web-types.json +1 -1
- package/dist/packages/web-components/src/components/boolean/boolean.gator.tokens.scss.js +0 -1
- package/dist/packages/web-components/src/components/radio/radio.gator.tokens.scss.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as h}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as
|
|
1
|
+
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as h}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as m}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{classMap as u}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";import{generateRandomId as c,getElementId as g}from"../../utils/string-utils.js";import{NgcInputText as f}from"../input/gator/input-text/input-text.gator.js";import{NgcInputBase as b}from"../input/base/input-base.gator.js";import"../radio-group/radio-group.gator.js";import v from"../../packages/web-components/src/tokens/primitive-new.tokens.scss.js";import _ from"../../packages/web-components/src/tokens/semantic-new.tokens.scss.js";import $ from"../../packages/web-components/src/components/boolean/boolean.gator.scss.js";import{unsafeCSS as p}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var w=Object.defineProperty,y=Object.getOwnPropertyDescriptor,I=Object.getPrototypeOf,x=Reflect.get,d=(e,t,o,a)=>{for(var r=a>1?void 0:a?y(t,o):t,i=e.length-1,l;i>=0;i--)(l=e[i])&&(r=(a?l(t,o,r):l(r))||r);return a&&r&&w(t,o,r),r},C=(e,t,o)=>x(I(e),o,t);let s=class extends f{constructor(){super(...arguments),this.options=[{label:"Yes",value:!0},{label:"No",value:!1}],this._randomId=c()}firstUpdated(){this.handleResize(),window.addEventListener("resize",()=>this.handleResize())}render(){return n`
|
|
2
2
|
<ngc-radio-group
|
|
3
|
-
class=${
|
|
3
|
+
class=${u(this.booleanClasses)}
|
|
4
4
|
id=${this.elementId}
|
|
5
5
|
.value=${this.value}
|
|
6
6
|
.disabled=${this.disabled}
|
|
@@ -11,11 +11,11 @@ import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/re
|
|
|
11
11
|
?skeleton=${this.skeleton}
|
|
12
12
|
>
|
|
13
13
|
${this.booleanOptions}
|
|
14
|
-
</ngc-radio-group>`}get elementId(){return
|
|
14
|
+
</ngc-radio-group>`}get elementId(){return g(this.id,this._randomId)}get booleanClasses(){return{"gator-boolean":!0,"gator-boolean_wrapped":this.isWrapped,"gator-boolean_error":!!this.errorText,"gator-boolean_disabled":this.disabled,"gator-boolean_skeleton":this.skeleton}}get booleanOptions(){if(!this.options)return null;const e=this.options.map((t,o)=>n`
|
|
15
15
|
<ngc-radio
|
|
16
16
|
id="${this.elementId}-option-${o}"
|
|
17
17
|
class="gator-boolean-option-${o}${this.selectedClass(t)}"
|
|
18
|
-
value=${t.value}
|
|
18
|
+
.value=${t.value}
|
|
19
19
|
title-text=${t.label}
|
|
20
20
|
></ngc-radio>
|
|
21
|
-
`);return n`${e}`}get isWrapped(){const e=this.shadowRoot?.querySelectorAll("ngc-radio");return e&&e.length>1?e[0].offsetTop<e[1].offsetTop:window.innerWidth<475}handleChange(e){const t=e;t.stopImmediatePropagation(),this.
|
|
21
|
+
`);return n`${e}`}get isWrapped(){const e=this.shadowRoot?.querySelectorAll("ngc-radio");return e&&e.length>1?e[0].offsetTop<e[1].offsetTop:window.innerWidth<475}handleChange(e){const t=e;t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:t.detail}))}handleResize(){const e=this.shadowRoot?.querySelector("ngc-radio-group");this.isWrapped?e?.classList.add("gator-boolean_wrapped"):e?.classList.remove("gator-boolean_wrapped")}selectedClass(e){return this.value===e.value?" gator-boolean-option_selected":""}};s.styles=[...C(s,s,"styles").filter(b.primitiveAndSemanticStyleFilter),p(v),p(_),p($)];d([m({type:Array})],s.prototype,"options",2);s=d([h("ngc-boolean")],s);export{s as NgcBoolean};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as i}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import"../gator/input-label/input-label.gator.js";import"../gator/help-text/help-text.gator.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/add-link.js";import"../../icon/gator/templates/airplane.js";import"../../icon/gator/templates/alarm.js";import"../../icon/gator/templates/apartment.js";import"../../icon/gator/templates/arrow-around.js";import"../../icon/gator/templates/arrow-down.js";import"../../icon/gator/templates/arrow-left.js";import"../../icon/gator/templates/arrow-line-left.js";import"../../icon/gator/templates/arrow-line-right.js";import"../../icon/gator/templates/arrow-right.js";import"../../icon/gator/templates/arrow-up.js";import"../../icon/gator/templates/bank.js";import"../../icon/gator/templates/bell-disabled.js";import"../../icon/gator/templates/bell.js";import"../../icon/gator/templates/binoculars.js";import"../../icon/gator/templates/book.js";import"../../icon/gator/templates/box.js";import"../../icon/gator/templates/cake.js";import"../../icon/gator/templates/calculator.js";import"../../icon/gator/templates/calendar.js";import"../../icon/gator/templates/camera.js";import"../../icon/gator/templates/caret-up-down.js";import"../../icon/gator/templates/case.js";import"../../icon/gator/templates/chart-bar-horizontal.js";import"../../icon/gator/templates/chart-bar.js";import"../../icon/gator/templates/chart-donut.js";import"../../icon/gator/templates/chart-line.js";import"../../icon/gator/templates/chart-pie.js";import"../../icon/gator/templates/chart-rise.js";import"../../icon/gator/templates/chart-scatter.js";import"../../icon/gator/templates/chat-circle-ai.js";import"../../icon/gator/templates/chat-circle-dots.js";import"../../icon/gator/templates/chat-circle-slash.js";import"../../icon/gator/templates/chat-circle-text.js";import"../../icon/gator/templates/chat-circle.js";import"../../icon/gator/templates/chat.js";import"../../icon/gator/templates/check-circle-filled.js";import"../../icon/gator/templates/check-circle.js";import"../../icon/gator/templates/check.js";import"../../icon/gator/templates/checkbox-indeterminate.js";import"../../icon/gator/templates/checkbox-selected.js";import"../../icon/gator/templates/checkbox.js";import"../../icon/gator/templates/checkerboard.js";import"../../icon/gator/templates/chevron-down.js";import"../../icon/gator/templates/chevron-left.js";import"../../icon/gator/templates/chevron-right.js";import"../../icon/gator/templates/chevron-up.js";import"../../icon/gator/templates/circle-arrow-down.js";import"../../icon/gator/templates/circle-arrow-left.js";import"../../icon/gator/templates/circle-arrow-right.js";import"../../icon/gator/templates/circle-arrow-up.js";import"../../icon/gator/templates/circle-dashed.js";import"../../icon/gator/templates/circle-filled.js";import"../../icon/gator/templates/circle.js";import"../../icon/gator/templates/city.js";import"../../icon/gator/templates/clipboard.js";import"../../icon/gator/templates/clock-clockwise.js";import"../../icon/gator/templates/clock-counter-clockwise.js";import"../../icon/gator/templates/clock.js";import"../../icon/gator/templates/collapse.js";import"../../icon/gator/templates/cone.js";import"../../icon/gator/templates/contact-info.js";import"../../icon/gator/templates/copy.js";import"../../icon/gator/templates/credit-card.js";import"../../icon/gator/templates/crop.js";import"../../icon/gator/templates/crosshairs.js";import"../../icon/gator/templates/currency-dollar-simple.js";import"../../icon/gator/templates/currency-eur.js";import"../../icon/gator/templates/currency-gbp.js";import"../../icon/gator/templates/currency-inr.js";import"../../icon/gator/templates/currency-jpy.js";import"../../icon/gator/templates/currency-krw.js";import"../../icon/gator/templates/currency-kzt.js";import"../../icon/gator/templates/currency-ngn.js";import"../../icon/gator/templates/currency-rub.js";import"../../icon/gator/templates/cursor-arrow.js";import"../../icon/gator/templates/cursor-hand.js";import"../../icon/gator/templates/cursor.js";import"../../icon/gator/templates/dashboard.js";import"../../icon/gator/templates/delete.js";import"../../icon/gator/templates/dna.js";import"../../icon/gator/templates/document-add.js";import"../../icon/gator/templates/document-check.js";import"../../icon/gator/templates/document-e-sign.js";import"../../icon/gator/templates/document-image.js";import"../../icon/gator/templates/document-pdf.js";import"../../icon/gator/templates/document-sign.js";import"../../icon/gator/templates/document-zip.js";import"../../icon/gator/templates/document.js";import"../../icon/gator/templates/dollar-bills.js";import"../../icon/gator/templates/dollar-house.js";import"../../icon/gator/templates/down-payment.js";import"../../icon/gator/templates/download.js";import"../../icon/gator/templates/drag-drop.js";import"../../icon/gator/templates/earth.js";import"../../icon/gator/templates/exclude-square.js";import"../../icon/gator/templates/exit-circle.js";import"../../icon/gator/templates/exit-left.js";import"../../icon/gator/templates/exit.js";import"../../icon/gator/templates/expand-arrows.js";import"../../icon/gator/templates/expand.js";import"../../icon/gator/templates/export.js";import"../../icon/gator/templates/eye-closed.js";import"../../icon/gator/templates/eye-crossed.js";import"../../icon/gator/templates/eye.js";import"../../icon/gator/templates/facebook-logo.js";import"../../icon/gator/templates/file-code.js";import"../../icon/gator/templates/files.js";import"../../icon/gator/templates/filter-funnel.js";import"../../icon/gator/templates/filters-2.js";import"../../icon/gator/templates/filters.js";import"../../icon/gator/templates/flags/flag-ad-andorra.js";import"../../icon/gator/templates/flags/flag-ae-united-arab-emirates.js";import"../../icon/gator/templates/flags/flag-af-afghanistan.js";import"../../icon/gator/templates/flags/flag-ag-antigua-and-barbuda.js";import"../../icon/gator/templates/flags/flag-ai-anguilla.js";import"../../icon/gator/templates/flags/flag-al-albania.js";import"../../icon/gator/templates/flags/flag-am-armenia.js";import"../../icon/gator/templates/flags/flag-ao-angola.js";import"../../icon/gator/templates/flags/flag-aq-antarctica.js";import"../../icon/gator/templates/flags/flag-ar-argentina.js";import"../../icon/gator/templates/flags/flag-as-american-smoa.js";import"../../icon/gator/templates/flags/flag-at-austria.js";import"../../icon/gator/templates/flags/flag-au-australia.js";import"../../icon/gator/templates/flags/flag-aw-aruba.js";import"../../icon/gator/templates/flags/flag-ax-aland-islands.js";import"../../icon/gator/templates/flags/flag-az-azerbaijan.js";import"../../icon/gator/templates/flags/flag-ba-bosnia-and-herzegovina.js";import"../../icon/gator/templates/flags/flag-bb-barbados.js";import"../../icon/gator/templates/flags/flag-bd-bangladesh.js";import"../../icon/gator/templates/flags/flag-be-belgium.js";import"../../icon/gator/templates/flags/flag-bf-burkina-faso.js";import"../../icon/gator/templates/flags/flag-bg-bulgaria.js";import"../../icon/gator/templates/flags/flag-bh-bahrain.js";import"../../icon/gator/templates/flags/flag-bi-burundi.js";import"../../icon/gator/templates/flags/flag-bj-benin.js";import"../../icon/gator/templates/flags/flag-bl-saint-barthelemy.js";import"../../icon/gator/templates/flags/flag-bm-bermuda.js";import"../../icon/gator/templates/flags/flag-bn-brunei-darussalam.js";import"../../icon/gator/templates/flags/flag-bo-bolivia.js";import"../../icon/gator/templates/flags/flag-bq-bo-bonaire.js";import"../../icon/gator/templates/flags/flag-bq-sa-sba.js";import"../../icon/gator/templates/flags/flag-bq-se-snt-eustatius.js";import"../../icon/gator/templates/flags/flag-br-brazil.js";import"../../icon/gator/templates/flags/flag-bs-bahamas.js";import"../../icon/gator/templates/flags/flag-bt-bhutan.js";import"../../icon/gator/templates/flags/flag-bv-bouvet-island.js";import"../../icon/gator/templates/flags/flag-bw-botswana.js";import"../../icon/gator/templates/flags/flag-by-belarus.js";import"../../icon/gator/templates/flags/flag-bz-belize.js";import"../../icon/gator/templates/flags/flag-ca-canada.js";import"../../icon/gator/templates/flags/flag-cc-cocos-keeling-islands.js";import"../../icon/gator/templates/flags/flag-cd-democratic-republic-of-the-congo.js";import"../../icon/gator/templates/flags/flag-cf-central-african-republic.js";import"../../icon/gator/templates/flags/flag-cg-republic-of-the-congo.js";import"../../icon/gator/templates/flags/flag-ch-switzerland.js";import"../../icon/gator/templates/flags/flag-ci-côte-divoire-ivory-coast.js";import"../../icon/gator/templates/flags/flag-ck-cook-islands.js";import"../../icon/gator/templates/flags/flag-cl-chile.js";import"../../icon/gator/templates/flags/flag-cm-cameroon.js";import"../../icon/gator/templates/flags/flag-cn-china.js";import"../../icon/gator/templates/flags/flag-co-colombia.js";import"../../icon/gator/templates/flags/flag-cr-costa-rica.js";import"../../icon/gator/templates/flags/flag-cu-cuba.js";import"../../icon/gator/templates/flags/flag-cv-cabo-verde.js";import"../../icon/gator/templates/flags/flag-cw-curaçao.js";import"../../icon/gator/templates/flags/flag-cx-christmas-island.js";import"../../icon/gator/templates/flags/flag-cy-cyprus.js";import"../../icon/gator/templates/flags/flag-cz-czech-republic.js";import"../../icon/gator/templates/flags/flag-de-germany.js";import"../../icon/gator/templates/flags/flag-dj-djibouti.js";import"../../icon/gator/templates/flags/flag-dk-denmark.js";import"../../icon/gator/templates/flags/flag-dm-dominica.js";import"../../icon/gator/templates/flags/flag-do-dominican-republic.js";import"../../icon/gator/templates/flags/flag-dz-algeria.js";import"../../icon/gator/templates/flags/flag-ec-ecuador.js";import"../../icon/gator/templates/flags/flag-ee-estonia.js";import"../../icon/gator/templates/flags/flag-eg-egypt.js";import"../../icon/gator/templates/flags/flag-eh-western-sahara.js";import"../../icon/gator/templates/flags/flag-er-eritrea.js";import"../../icon/gator/templates/flags/flag-es-sain.js";import"../../icon/gator/templates/flags/flag-et-ethiopia.js";import"../../icon/gator/templates/flags/flag-fi-finland.js";import"../../icon/gator/templates/flags/flag-fj-fiji.js";import"../../icon/gator/templates/flags/flag-fk-falkland-islands.js";import"../../icon/gator/templates/flags/flag-fm-federated-states-of-micronesia.js";import"../../icon/gator/templates/flags/flag-fo-faroe-islands.js";import"../../icon/gator/templates/flags/flag-fr-france.js";import"../../icon/gator/templates/flags/flag-ga-gabon.js";import"../../icon/gator/templates/flags/flag-gb-eng-england.js";import"../../icon/gator/templates/flags/flag-gb-nir-northern-ireland.js";import"../../icon/gator/templates/flags/flag-gb-sct-sotland.js";import"../../icon/gator/templates/flags/flag-gb-ukm-united-kingdom.js";import"../../icon/gator/templates/flags/flag-gb-wls-wales.js";import"../../icon/gator/templates/flags/flag-gd-grenada.js";import"../../icon/gator/templates/flags/flag-ge-georgia.js";import"../../icon/gator/templates/flags/flag-gf-french-guiana.js";import"../../icon/gator/templates/flags/flag-gg-guernsey.js";import"../../icon/gator/templates/flags/flag-gh-ghana.js";import"../../icon/gator/templates/flags/flag-gi-gibraltar.js";import"../../icon/gator/templates/flags/flag-gl-greenland.js";import"../../icon/gator/templates/flags/flag-gm-gambia.js";import"../../icon/gator/templates/flags/flag-gn-guinea.js";import"../../icon/gator/templates/flags/flag-gp-guadeloupe-2.js";import"../../icon/gator/templates/flags/flag-gp-guadeloupe.js";import"../../icon/gator/templates/flags/flag-gq-equatorial-guinea.js";import"../../icon/gator/templates/flags/flag-gr-greece.js";import"../../icon/gator/templates/flags/flag-gs-s-georgia-and-s-sandwich-islands.js";import"../../icon/gator/templates/flags/flag-gt-guatemala.js";import"../../icon/gator/templates/flags/flag-gu-guam.js";import"../../icon/gator/templates/flags/flag-gw-guinea-bissau.js";import"../../icon/gator/templates/flags/flag-gy-guyana.js";import"../../icon/gator/templates/flags/flag-hk-hong-kong.js";import"../../icon/gator/templates/flags/flag-hm-heard-and-mcdonald-islands.js";import"../../icon/gator/templates/flags/flag-hn-honduras.js";import"../../icon/gator/templates/flags/flag-hr-croatia-hrvatska.js";import"../../icon/gator/templates/flags/flag-ht-haiti.js";import"../../icon/gator/templates/flags/flag-hu-hungary.js";import"../../icon/gator/templates/flags/flag-id-indonesia.js";import"../../icon/gator/templates/flags/flag-ie-ireland.js";import"../../icon/gator/templates/flags/flag-il-isreal.js";import"../../icon/gator/templates/flags/flag-im-isle-of-man.js";import"../../icon/gator/templates/flags/flag-in-india.js";import"../../icon/gator/templates/flags/flag-io-british-indian-ocean-territory.js";import"../../icon/gator/templates/flags/flag-iq-iraq.js";import"../../icon/gator/templates/flags/flag-ir-iran.js";import"../../icon/gator/templates/flags/flag-is-iceland.js";import"../../icon/gator/templates/flags/flag-it-italy.js";import"../../icon/gator/templates/flags/flag-je-jersey.js";import"../../icon/gator/templates/flags/flag-jm-jamaica.js";import"../../icon/gator/templates/flags/flag-jo-jordan.js";import"../../icon/gator/templates/flags/flag-jp-japan.js";import"../../icon/gator/templates/flags/flag-ke-kenia.js";import"../../icon/gator/templates/flags/flag-kg-kyrgyzstan.js";import"../../icon/gator/templates/flags/flag-kh-cambodia.js";import"../../icon/gator/templates/flags/flag-ki--kiribati.js";import"../../icon/gator/templates/flags/flag-km-comoros.js";import"../../icon/gator/templates/flags/flag-kn-saint-kitts-and-nevis.js";import"../../icon/gator/templates/flags/flag-kp-korea-north.js";import"../../icon/gator/templates/flags/flag-kr-korea-south.js";import"../../icon/gator/templates/flags/flag-kw-kuwait.js";import"../../icon/gator/templates/flags/flag-ky-cayman-islands.js";import"../../icon/gator/templates/flags/flag-kz-kazakhstan.js";import"../../icon/gator/templates/flags/flag-la-laos.js";import"../../icon/gator/templates/flags/flag-lb-lebanon.js";import"../../icon/gator/templates/flags/flag-lc-saint-lucia.js";import"../../icon/gator/templates/flags/flag-li-liechtenstein.js";import"../../icon/gator/templates/flags/flag-lk-sri-lanka.js";import"../../icon/gator/templates/flags/flag-lr-liberia.js";import"../../icon/gator/templates/flags/flag-ls-lesotho.js";import"../../icon/gator/templates/flags/flag-lt-lithuania.js";import"../../icon/gator/templates/flags/flag-lu-luxembourg.js";import"../../icon/gator/templates/flags/flag-lv-latvia.js";import"../../icon/gator/templates/flags/flag-ly-libya.js";import"../../icon/gator/templates/flags/flag-ma-morocco.js";import"../../icon/gator/templates/flags/flag-mc-monaco.js";import"../../icon/gator/templates/flags/flag-md-moldova.js";import"../../icon/gator/templates/flags/flag-me-montenegro.js";import"../../icon/gator/templates/flags/flag-mf-saint-martin.js";import"../../icon/gator/templates/flags/flag-mg-madagascar.js";import"../../icon/gator/templates/flags/flag-mh-marshall-islands.js";import"../../icon/gator/templates/flags/flag-mk-north-macedonia.js";import"../../icon/gator/templates/flags/flag-ml-mali.js";import"../../icon/gator/templates/flags/flag-mm-myanmar.js";import"../../icon/gator/templates/flags/flag-mn-mongolia.js";import"../../icon/gator/templates/flags/flag-mo-macao.js";import"../../icon/gator/templates/flags/flag-mp-northern-mariana-islands.js";import"../../icon/gator/templates/flags/flag-mq-martinique-2.js";import"../../icon/gator/templates/flags/flag-mq-martinique.js";import"../../icon/gator/templates/flags/flag-mr-mauritania.js";import"../../icon/gator/templates/flags/flag-ms-montserrat.js";import"../../icon/gator/templates/flags/flag-mt-malta.js";import"../../icon/gator/templates/flags/flag-mu-mauritius.js";import"../../icon/gator/templates/flags/flag-mv-maldives.js";import"../../icon/gator/templates/flags/flag-mw-malawi.js";import"../../icon/gator/templates/flags/flag-mx-mexico.js";import"../../icon/gator/templates/flags/flag-my-malaysia.js";import"../../icon/gator/templates/flags/flag-mz-mozambique.js";import"../../icon/gator/templates/flags/flag-na-namibia.js";import"../../icon/gator/templates/flags/flag-nc-new-caledonia.js";import"../../icon/gator/templates/flags/flag-ne-niger.js";import"../../icon/gator/templates/flags/flag-nf-norfolk-island.js";import"../../icon/gator/templates/flags/flag-ng-nigeria.js";import"../../icon/gator/templates/flags/flag-ni-nicaragua.js";import"../../icon/gator/templates/flags/flag-nl-netherlands.js";import"../../icon/gator/templates/flags/flag-no-norway.js";import"../../icon/gator/templates/flags/flag-np-nepal.js";import"../../icon/gator/templates/flags/flag-nr-nauru.js";import"../../icon/gator/templates/flags/flag-nu-niue.js";import"../../icon/gator/templates/flags/flag-nz-new-zealand-aotearoa.js";import"../../icon/gator/templates/flags/flag-om-oman.js";import"../../icon/gator/templates/flags/flag-pa-panama.js";import"../../icon/gator/templates/flags/flag-pe-peru.js";import"../../icon/gator/templates/flags/flag-pf-french-polynesia.js";import"../../icon/gator/templates/flags/flag-pg-papua-new-guinea.js";import"../../icon/gator/templates/flags/flag-ph-philippines.js";import"../../icon/gator/templates/flags/flag-pk-pakistan.js";import"../../icon/gator/templates/flags/flag-pl-poland.js";import"../../icon/gator/templates/flags/flag-pm-saint-pierre-and-miquelon.js";import"../../icon/gator/templates/flags/flag-pm-st-pierre-and-miquelon.js";import"../../icon/gator/templates/flags/flag-pn-pitcairn-islands.js";import"../../icon/gator/templates/flags/flag-pr-puerto-rico.js";import"../../icon/gator/templates/flags/flag-ps-palestinian-territory.js";import"../../icon/gator/templates/flags/flag-pt-portugal.js";import"../../icon/gator/templates/flags/flag-pw-palau.js";import"../../icon/gator/templates/flags/flag-py-paraguay.js";import"../../icon/gator/templates/flags/flag-qa-qatar.js";import"../../icon/gator/templates/flags/flag-re-reunion.js";import"../../icon/gator/templates/flags/flag-ro-romania.js";import"../../icon/gator/templates/flags/flag-rs-srbia.js";import"../../icon/gator/templates/flags/flag-ru-russian-federation.js";import"../../icon/gator/templates/flags/flag-rw-rwanda.js";import"../../icon/gator/templates/flags/flag-sa-sudi-arabia.js";import"../../icon/gator/templates/flags/flag-sb-slomon-islands.js";import"../../icon/gator/templates/flags/flag-sc-sychelles.js";import"../../icon/gator/templates/flags/flag-sd-sdan.js";import"../../icon/gator/templates/flags/flag-se-seden.js";import"../../icon/gator/templates/flags/flag-sg-sngapore.js";import"../../icon/gator/templates/flags/flag-sh-sint-helena.js";import"../../icon/gator/templates/flags/flag-si-sovenia.js";import"../../icon/gator/templates/flags/flag-sj-salbard-and-jan-mayen.js";import"../../icon/gator/templates/flags/flag-sk-sovakia.js";import"../../icon/gator/templates/flags/flag-sl-serra-leone.js";import"../../icon/gator/templates/flags/flag-sm-sn-marino.js";import"../../icon/gator/templates/flags/flag-sn-snegal.js";import"../../icon/gator/templates/flags/flag-so-smalia.js";import"../../icon/gator/templates/flags/flag-sr-sriname.js";import"../../icon/gator/templates/flags/flag-ss-south-sudan.js";import"../../icon/gator/templates/flags/flag-st-so-tome-and-principe.js";import"../../icon/gator/templates/flags/flag-sv-el-slvador.js";import"../../icon/gator/templates/flags/flag-sx-snt-maarten.js";import"../../icon/gator/templates/flags/flag-sy-sria.js";import"../../icon/gator/templates/flags/flag-sz-saziland.js";import"../../icon/gator/templates/flags/flag-tc-turks-and-caicos-islands.js";import"../../icon/gator/templates/flags/flag-td-chad.js";import"../../icon/gator/templates/flags/flag-tf-french-southern-and-antarctic-lands.js";import"../../icon/gator/templates/flags/flag-tg-togo.js";import"../../icon/gator/templates/flags/flag-th-thailand.js";import"../../icon/gator/templates/flags/flag-tj-tajikistan.js";import"../../icon/gator/templates/flags/flag-tk-tokelau.js";import"../../icon/gator/templates/flags/flag-tl-timor-leste.js";import"../../icon/gator/templates/flags/flag-tm-turkmenistan.js";import"../../icon/gator/templates/flags/flag-tn-tunisia.js";import"../../icon/gator/templates/flags/flag-to-tonga.js";import"../../icon/gator/templates/flags/flag-tr-turkey.js";import"../../icon/gator/templates/flags/flag-tt-trinidad-and-tobago.js";import"../../icon/gator/templates/flags/flag-tv-tuvalu.js";import"../../icon/gator/templates/flags/flag-tw-taiwan.js";import"../../icon/gator/templates/flags/flag-tz-tanzania.js";import"../../icon/gator/templates/flags/flag-ua-ukraine.js";import"../../icon/gator/templates/flags/flag-ug-uganda.js";import"../../icon/gator/templates/flags/flag-um-united-states-minor-outlying-islands.js";import"../../icon/gator/templates/flags/flag-us-united-states.js";import"../../icon/gator/templates/flags/flag-uy-uruguay.js";import"../../icon/gator/templates/flags/flag-uz-uzbekistan.js";import"../../icon/gator/templates/flags/flag-va-vatican-city-state.js";import"../../icon/gator/templates/flags/flag-vc-saint-vincent-and-the-grenadines.js";import"../../icon/gator/templates/flags/flag-ve-venezuela.js";import"../../icon/gator/templates/flags/flag-vg-virgin-islands-british.js";import"../../icon/gator/templates/flags/flag-vi-virgin-islands-us.js";import"../../icon/gator/templates/flags/flag-vn-vietnam.js";import"../../icon/gator/templates/flags/flag-vu-vanuatu.js";import"../../icon/gator/templates/flags/flag-wf-wallis-and-futuna.js";import"../../icon/gator/templates/flags/flag-ws-smoa.js";import"../../icon/gator/templates/flags/flag-ye-yemen.js";import"../../icon/gator/templates/flags/flag-yt-unf-mayotte.js";import"../../icon/gator/templates/flags/flag-za-south-africa.js";import"../../icon/gator/templates/flags/flag-zm-zambia.js";import"../../icon/gator/templates/flags/flag-zw-zimbabwe.js";import"../../icon/gator/templates/flame.js";import"../../icon/gator/templates/flash-off.js";import"../../icon/gator/templates/flash-on.js";import"../../icon/gator/templates/folder.js";import"../../icon/gator/templates/gauge.js";import"../../icon/gator/templates/grid-four.js";import"../../icon/gator/templates/grid-nine.js";import"../../icon/gator/templates/hammer.js";import"../../icon/gator/templates/hand-pointing.js";import"../../icon/gator/templates/heart.js";import"../../icon/gator/templates/home-door.js";import"../../icon/gator/templates/home-finance-arrow.js";import"../../icon/gator/templates/home-finance.js";import"../../icon/gator/templates/home-search.js";import"../../icon/gator/templates/house-simple.js";import"../../icon/gator/templates/house.js";import"../../icon/gator/templates/inbox.js";import"../../icon/gator/templates/info.js";import"../../icon/gator/templates/instagram-logo.js";import"../../icon/gator/templates/interest-rate.js";import"../../icon/gator/templates/invoice.js";import"../../icon/gator/templates/kanban.js";import"../../icon/gator/templates/label.js";import"../../icon/gator/templates/laptop.js";import"../../icon/gator/templates/layout.js";import"../../icon/gator/templates/lightbulb-filament.js";import"../../icon/gator/templates/lightbulb.js";import"../../icon/gator/templates/link.js";import"../../icon/gator/templates/linkedin-logo.js";import"../../icon/gator/templates/list-star.js";import"../../icon/gator/templates/list.js";import"../../icon/gator/templates/loading-spinner-gif.js";import"../../icon/gator/templates/loading.js";import"../../icon/gator/templates/lock.js";import"../../icon/gator/templates/magic-wand.js";import"../../icon/gator/templates/mail-open.js";import"../../icon/gator/templates/mail.js";import"../../icon/gator/templates/mailbox.js";import"../../icon/gator/templates/map.js";import"../../icon/gator/templates/menu-hamburger.js";import"../../icon/gator/templates/microsoft-excel-logo.js";import"../../icon/gator/templates/microsoft-outlook-logo.js";import"../../icon/gator/templates/microsoft-powerpoint-logo.js";import"../../icon/gator/templates/microsoft-teams-logo.js";import"../../icon/gator/templates/microsoft-word-logo.js";import"../../icon/gator/templates/minus-circle.js";import"../../icon/gator/templates/minus-square.js";import"../../icon/gator/templates/minus.js";import"../../icon/gator/templates/mobile-phone-2.js";import"../../icon/gator/templates/monitor.js";import"../../icon/gator/templates/move-doc.js";import"../../icon/gator/templates/move.js";import"../../icon/gator/templates/music.js";import"../../icon/gator/templates/number-1.js";import"../../icon/gator/templates/number-2.js";import"../../icon/gator/templates/number-3.js";import"../../icon/gator/templates/overflow-menu.js";import"../../icon/gator/templates/paper-airplane.js";import"../../icon/gator/templates/paperclip.js";import"../../icon/gator/templates/pause-circle.js";import"../../icon/gator/templates/pause.js";import"../../icon/gator/templates/payments/payment-amazon-pay.js";import"../../icon/gator/templates/payments/payment-amex.js";import"../../icon/gator/templates/payments/payment-apple-pay.js";import"../../icon/gator/templates/payments/payment-discover.js";import"../../icon/gator/templates/payments/payment-google-pay.js";import"../../icon/gator/templates/payments/payment-mastercard.js";import"../../icon/gator/templates/payments/payment-visa.js";import"../../icon/gator/templates/pen.js";import"../../icon/gator/templates/pencil-paper.js";import"../../icon/gator/templates/pencil.js";import"../../icon/gator/templates/people-multiple.js";import"../../icon/gator/templates/people-share.js";import"../../icon/gator/templates/percent.js";import"../../icon/gator/templates/person-add.js";import"../../icon/gator/templates/person-check.js";import"../../icon/gator/templates/person-lock.js";import"../../icon/gator/templates/person.js";import"../../icon/gator/templates/phone-alert.js";import"../../icon/gator/templates/phone-mobile.js";import"../../icon/gator/templates/phone.js";import"../../icon/gator/templates/picture.js";import"../../icon/gator/templates/pin.js";import"../../icon/gator/templates/pinterest-logo.js";import"../../icon/gator/templates/play-circle.js";import"../../icon/gator/templates/play.js";import"../../icon/gator/templates/plus-circle.js";import"../../icon/gator/templates/plus.js";import"../../icon/gator/templates/printer.js";import"../../icon/gator/templates/question-chat-bubble.js";import"../../icon/gator/templates/question-circle.js";import"../../icon/gator/templates/question-mark.js";import"../../icon/gator/templates/radio-selected.js";import"../../icon/gator/templates/radio.js";import"../../icon/gator/templates/receipt.js";import"../../icon/gator/templates/restricted-filled.js";import"../../icon/gator/templates/restricted.js";import"../../icon/gator/templates/sandals.js";import"../../icon/gator/templates/save.js";import"../../icon/gator/templates/screen.js";import"../../icon/gator/templates/search.js";import"../../icon/gator/templates/selection.js";import"../../icon/gator/templates/send-filled.js";import"../../icon/gator/templates/send.js";import"../../icon/gator/templates/settings.js";import"../../icon/gator/templates/share-1.js";import"../../icon/gator/templates/share-2.js";import"../../icon/gator/templates/shield-lock.js";import"../../icon/gator/templates/shield-warning.js";import"../../icon/gator/templates/sidebar-simple.js";import"../../icon/gator/templates/sidebar.js";import"../../icon/gator/templates/smart-home.js";import"../../icon/gator/templates/sort-arrow-solid-down.js";import"../../icon/gator/templates/sort-arrow-solid-left.js";import"../../icon/gator/templates/sort-arrow-solid-right.js";import"../../icon/gator/templates/sort-arrow-solid-up-down.js";import"../../icon/gator/templates/sort-arrow-solid-up.js";import"../../icon/gator/templates/sort-reverse-variant.js";import"../../icon/gator/templates/sort-variant.js";import"../../icon/gator/templates/sparkle-filled.js";import"../../icon/gator/templates/sparkle.js";import"../../icon/gator/templates/speech-bubble.js";import"../../icon/gator/templates/square-split-horizontal.js";import"../../icon/gator/templates/square-split-vertical.js";import"../../icon/gator/templates/square.js";import"../../icon/gator/templates/stack.js";import"../../icon/gator/templates/stamp.js";import"../../icon/gator/templates/star-four-filled.js";import"../../icon/gator/templates/star-four.js";import"../../icon/gator/templates/star.js";import"../../icon/gator/templates/stopwatch.js";import"../../icon/gator/templates/sun.js";import"../../icon/gator/templates/sync.js";import"../../icon/gator/templates/tab-arrows.js";import"../../icon/gator/templates/table.js";import"../../icon/gator/templates/target.js";import"../../icon/gator/templates/text-aa.js";import"../../icon/gator/templates/thumbs-down.js";import"../../icon/gator/templates/thumbs-up.js";import"../../icon/gator/templates/tools.js";import"../../icon/gator/templates/touch-id.js";import"../../icon/gator/templates/trash.js";import"../../icon/gator/templates/trend-up.js";import"../../icon/gator/templates/twitter-logo.js";import"../../icon/gator/templates/unlink.js";import"../../icon/gator/templates/unlock.js";import"../../icon/gator/templates/upload.js";import"../../icon/gator/templates/video.js";import"../../icon/gator/templates/waffle.js";import"../../icon/gator/templates/warning-circle.js";import"../../icon/gator/templates/warning-diamond.js";import"../../icon/gator/templates/warning-filled.js";import"../../icon/gator/templates/warning-octagon.js";import"../../icon/gator/templates/warning.js";import"../../icon/gator/templates/wet-sign.js";import"../../icon/gator/templates/wifi-off.js";import"../../icon/gator/templates/wifi.js";import"../../icon/gator/templates/x-logo.js";import"../../icon/gator/templates/yelp-logo.js";import"../../icon/gator/templates/youtube-logo.js";import"../../icon/gator/templates/zillow-logo.js";import u from"../../../packages/web-components/src/components/input/input.gator.scss.js";import c from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import g from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import b from"../../../packages/web-components/src/components/input/input.gator.tokens.scss.js";import f from"../../../packages/web-components/src/styles/_gator-utils.scss.js";import{InputBase as I}from"./input-base.js";import{createRef as x}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{state as h}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{ifDefined as l}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as o}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var T=Object.defineProperty,d=(s,t,n,$)=>{for(var r=void 0,m=s.length-1,a;m>=0;m--)(a=s[m])&&(r=a(t,n,r)||r);return r&&T(t,n,r),r};const e=class e extends I{constructor(){super(...arguments),this.controlRef=x()}get shouldHaveStartMarkup(){return this.startIcon||this._startIconAsText}get shouldHaveEndMarkup(){return this.endIcon||this.type==="password"}get startIconMarkup(){return this.startIcon?i`<ngc-icon
|
|
1
|
+
import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as o}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import"../gator/input-label/input-label.gator.js";import"../gator/help-text/help-text.gator.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/add-link.js";import"../../icon/gator/templates/airplane.js";import"../../icon/gator/templates/alarm.js";import"../../icon/gator/templates/apartment.js";import"../../icon/gator/templates/arrow-around.js";import"../../icon/gator/templates/arrow-down.js";import"../../icon/gator/templates/arrow-left.js";import"../../icon/gator/templates/arrow-line-left.js";import"../../icon/gator/templates/arrow-line-right.js";import"../../icon/gator/templates/arrow-right.js";import"../../icon/gator/templates/arrow-up.js";import"../../icon/gator/templates/bank.js";import"../../icon/gator/templates/bell-disabled.js";import"../../icon/gator/templates/bell.js";import"../../icon/gator/templates/binoculars.js";import"../../icon/gator/templates/book.js";import"../../icon/gator/templates/box.js";import"../../icon/gator/templates/cake.js";import"../../icon/gator/templates/calculator.js";import"../../icon/gator/templates/calendar.js";import"../../icon/gator/templates/camera.js";import"../../icon/gator/templates/caret-up-down.js";import"../../icon/gator/templates/case.js";import"../../icon/gator/templates/chart-bar-horizontal.js";import"../../icon/gator/templates/chart-bar.js";import"../../icon/gator/templates/chart-donut.js";import"../../icon/gator/templates/chart-line.js";import"../../icon/gator/templates/chart-pie.js";import"../../icon/gator/templates/chart-rise.js";import"../../icon/gator/templates/chart-scatter.js";import"../../icon/gator/templates/chat-circle-ai.js";import"../../icon/gator/templates/chat-circle-dots.js";import"../../icon/gator/templates/chat-circle-slash.js";import"../../icon/gator/templates/chat-circle-text.js";import"../../icon/gator/templates/chat-circle.js";import"../../icon/gator/templates/chat.js";import"../../icon/gator/templates/check-circle-filled.js";import"../../icon/gator/templates/check-circle.js";import"../../icon/gator/templates/check.js";import"../../icon/gator/templates/checkbox-indeterminate.js";import"../../icon/gator/templates/checkbox-selected.js";import"../../icon/gator/templates/checkbox.js";import"../../icon/gator/templates/checkerboard.js";import"../../icon/gator/templates/chevron-down.js";import"../../icon/gator/templates/chevron-left.js";import"../../icon/gator/templates/chevron-right.js";import"../../icon/gator/templates/chevron-up.js";import"../../icon/gator/templates/circle-arrow-down.js";import"../../icon/gator/templates/circle-arrow-left.js";import"../../icon/gator/templates/circle-arrow-right.js";import"../../icon/gator/templates/circle-arrow-up.js";import"../../icon/gator/templates/circle-dashed.js";import"../../icon/gator/templates/circle-filled.js";import"../../icon/gator/templates/circle.js";import"../../icon/gator/templates/city.js";import"../../icon/gator/templates/clipboard.js";import"../../icon/gator/templates/clock-clockwise.js";import"../../icon/gator/templates/clock-counter-clockwise.js";import"../../icon/gator/templates/clock.js";import"../../icon/gator/templates/collapse.js";import"../../icon/gator/templates/cone.js";import"../../icon/gator/templates/contact-info.js";import"../../icon/gator/templates/copy.js";import"../../icon/gator/templates/credit-card.js";import"../../icon/gator/templates/crop.js";import"../../icon/gator/templates/crosshairs.js";import"../../icon/gator/templates/currency-dollar-simple.js";import"../../icon/gator/templates/currency-eur.js";import"../../icon/gator/templates/currency-gbp.js";import"../../icon/gator/templates/currency-inr.js";import"../../icon/gator/templates/currency-jpy.js";import"../../icon/gator/templates/currency-krw.js";import"../../icon/gator/templates/currency-kzt.js";import"../../icon/gator/templates/currency-ngn.js";import"../../icon/gator/templates/currency-rub.js";import"../../icon/gator/templates/cursor-arrow.js";import"../../icon/gator/templates/cursor-hand.js";import"../../icon/gator/templates/cursor.js";import"../../icon/gator/templates/dashboard.js";import"../../icon/gator/templates/delete.js";import"../../icon/gator/templates/dna.js";import"../../icon/gator/templates/document-add.js";import"../../icon/gator/templates/document-check.js";import"../../icon/gator/templates/document-e-sign.js";import"../../icon/gator/templates/document-image.js";import"../../icon/gator/templates/document-pdf.js";import"../../icon/gator/templates/document-sign.js";import"../../icon/gator/templates/document-zip.js";import"../../icon/gator/templates/document.js";import"../../icon/gator/templates/dollar-bills.js";import"../../icon/gator/templates/dollar-house.js";import"../../icon/gator/templates/down-payment.js";import"../../icon/gator/templates/download.js";import"../../icon/gator/templates/drag-drop.js";import"../../icon/gator/templates/earth.js";import"../../icon/gator/templates/exclude-square.js";import"../../icon/gator/templates/exit-circle.js";import"../../icon/gator/templates/exit-left.js";import"../../icon/gator/templates/exit.js";import"../../icon/gator/templates/expand-arrows.js";import"../../icon/gator/templates/expand.js";import"../../icon/gator/templates/export.js";import"../../icon/gator/templates/eye-closed.js";import"../../icon/gator/templates/eye-crossed.js";import"../../icon/gator/templates/eye.js";import"../../icon/gator/templates/facebook-logo.js";import"../../icon/gator/templates/file-code.js";import"../../icon/gator/templates/files.js";import"../../icon/gator/templates/filter-funnel.js";import"../../icon/gator/templates/filters-2.js";import"../../icon/gator/templates/filters.js";import"../../icon/gator/templates/flags/flag-ad-andorra.js";import"../../icon/gator/templates/flags/flag-ae-united-arab-emirates.js";import"../../icon/gator/templates/flags/flag-af-afghanistan.js";import"../../icon/gator/templates/flags/flag-ag-antigua-and-barbuda.js";import"../../icon/gator/templates/flags/flag-ai-anguilla.js";import"../../icon/gator/templates/flags/flag-al-albania.js";import"../../icon/gator/templates/flags/flag-am-armenia.js";import"../../icon/gator/templates/flags/flag-ao-angola.js";import"../../icon/gator/templates/flags/flag-aq-antarctica.js";import"../../icon/gator/templates/flags/flag-ar-argentina.js";import"../../icon/gator/templates/flags/flag-as-american-smoa.js";import"../../icon/gator/templates/flags/flag-at-austria.js";import"../../icon/gator/templates/flags/flag-au-australia.js";import"../../icon/gator/templates/flags/flag-aw-aruba.js";import"../../icon/gator/templates/flags/flag-ax-aland-islands.js";import"../../icon/gator/templates/flags/flag-az-azerbaijan.js";import"../../icon/gator/templates/flags/flag-ba-bosnia-and-herzegovina.js";import"../../icon/gator/templates/flags/flag-bb-barbados.js";import"../../icon/gator/templates/flags/flag-bd-bangladesh.js";import"../../icon/gator/templates/flags/flag-be-belgium.js";import"../../icon/gator/templates/flags/flag-bf-burkina-faso.js";import"../../icon/gator/templates/flags/flag-bg-bulgaria.js";import"../../icon/gator/templates/flags/flag-bh-bahrain.js";import"../../icon/gator/templates/flags/flag-bi-burundi.js";import"../../icon/gator/templates/flags/flag-bj-benin.js";import"../../icon/gator/templates/flags/flag-bl-saint-barthelemy.js";import"../../icon/gator/templates/flags/flag-bm-bermuda.js";import"../../icon/gator/templates/flags/flag-bn-brunei-darussalam.js";import"../../icon/gator/templates/flags/flag-bo-bolivia.js";import"../../icon/gator/templates/flags/flag-bq-bo-bonaire.js";import"../../icon/gator/templates/flags/flag-bq-sa-sba.js";import"../../icon/gator/templates/flags/flag-bq-se-snt-eustatius.js";import"../../icon/gator/templates/flags/flag-br-brazil.js";import"../../icon/gator/templates/flags/flag-bs-bahamas.js";import"../../icon/gator/templates/flags/flag-bt-bhutan.js";import"../../icon/gator/templates/flags/flag-bv-bouvet-island.js";import"../../icon/gator/templates/flags/flag-bw-botswana.js";import"../../icon/gator/templates/flags/flag-by-belarus.js";import"../../icon/gator/templates/flags/flag-bz-belize.js";import"../../icon/gator/templates/flags/flag-ca-canada.js";import"../../icon/gator/templates/flags/flag-cc-cocos-keeling-islands.js";import"../../icon/gator/templates/flags/flag-cd-democratic-republic-of-the-congo.js";import"../../icon/gator/templates/flags/flag-cf-central-african-republic.js";import"../../icon/gator/templates/flags/flag-cg-republic-of-the-congo.js";import"../../icon/gator/templates/flags/flag-ch-switzerland.js";import"../../icon/gator/templates/flags/flag-ci-côte-divoire-ivory-coast.js";import"../../icon/gator/templates/flags/flag-ck-cook-islands.js";import"../../icon/gator/templates/flags/flag-cl-chile.js";import"../../icon/gator/templates/flags/flag-cm-cameroon.js";import"../../icon/gator/templates/flags/flag-cn-china.js";import"../../icon/gator/templates/flags/flag-co-colombia.js";import"../../icon/gator/templates/flags/flag-cr-costa-rica.js";import"../../icon/gator/templates/flags/flag-cu-cuba.js";import"../../icon/gator/templates/flags/flag-cv-cabo-verde.js";import"../../icon/gator/templates/flags/flag-cw-curaçao.js";import"../../icon/gator/templates/flags/flag-cx-christmas-island.js";import"../../icon/gator/templates/flags/flag-cy-cyprus.js";import"../../icon/gator/templates/flags/flag-cz-czech-republic.js";import"../../icon/gator/templates/flags/flag-de-germany.js";import"../../icon/gator/templates/flags/flag-dj-djibouti.js";import"../../icon/gator/templates/flags/flag-dk-denmark.js";import"../../icon/gator/templates/flags/flag-dm-dominica.js";import"../../icon/gator/templates/flags/flag-do-dominican-republic.js";import"../../icon/gator/templates/flags/flag-dz-algeria.js";import"../../icon/gator/templates/flags/flag-ec-ecuador.js";import"../../icon/gator/templates/flags/flag-ee-estonia.js";import"../../icon/gator/templates/flags/flag-eg-egypt.js";import"../../icon/gator/templates/flags/flag-eh-western-sahara.js";import"../../icon/gator/templates/flags/flag-er-eritrea.js";import"../../icon/gator/templates/flags/flag-es-sain.js";import"../../icon/gator/templates/flags/flag-et-ethiopia.js";import"../../icon/gator/templates/flags/flag-fi-finland.js";import"../../icon/gator/templates/flags/flag-fj-fiji.js";import"../../icon/gator/templates/flags/flag-fk-falkland-islands.js";import"../../icon/gator/templates/flags/flag-fm-federated-states-of-micronesia.js";import"../../icon/gator/templates/flags/flag-fo-faroe-islands.js";import"../../icon/gator/templates/flags/flag-fr-france.js";import"../../icon/gator/templates/flags/flag-ga-gabon.js";import"../../icon/gator/templates/flags/flag-gb-eng-england.js";import"../../icon/gator/templates/flags/flag-gb-nir-northern-ireland.js";import"../../icon/gator/templates/flags/flag-gb-sct-sotland.js";import"../../icon/gator/templates/flags/flag-gb-ukm-united-kingdom.js";import"../../icon/gator/templates/flags/flag-gb-wls-wales.js";import"../../icon/gator/templates/flags/flag-gd-grenada.js";import"../../icon/gator/templates/flags/flag-ge-georgia.js";import"../../icon/gator/templates/flags/flag-gf-french-guiana.js";import"../../icon/gator/templates/flags/flag-gg-guernsey.js";import"../../icon/gator/templates/flags/flag-gh-ghana.js";import"../../icon/gator/templates/flags/flag-gi-gibraltar.js";import"../../icon/gator/templates/flags/flag-gl-greenland.js";import"../../icon/gator/templates/flags/flag-gm-gambia.js";import"../../icon/gator/templates/flags/flag-gn-guinea.js";import"../../icon/gator/templates/flags/flag-gp-guadeloupe-2.js";import"../../icon/gator/templates/flags/flag-gp-guadeloupe.js";import"../../icon/gator/templates/flags/flag-gq-equatorial-guinea.js";import"../../icon/gator/templates/flags/flag-gr-greece.js";import"../../icon/gator/templates/flags/flag-gs-s-georgia-and-s-sandwich-islands.js";import"../../icon/gator/templates/flags/flag-gt-guatemala.js";import"../../icon/gator/templates/flags/flag-gu-guam.js";import"../../icon/gator/templates/flags/flag-gw-guinea-bissau.js";import"../../icon/gator/templates/flags/flag-gy-guyana.js";import"../../icon/gator/templates/flags/flag-hk-hong-kong.js";import"../../icon/gator/templates/flags/flag-hm-heard-and-mcdonald-islands.js";import"../../icon/gator/templates/flags/flag-hn-honduras.js";import"../../icon/gator/templates/flags/flag-hr-croatia-hrvatska.js";import"../../icon/gator/templates/flags/flag-ht-haiti.js";import"../../icon/gator/templates/flags/flag-hu-hungary.js";import"../../icon/gator/templates/flags/flag-id-indonesia.js";import"../../icon/gator/templates/flags/flag-ie-ireland.js";import"../../icon/gator/templates/flags/flag-il-isreal.js";import"../../icon/gator/templates/flags/flag-im-isle-of-man.js";import"../../icon/gator/templates/flags/flag-in-india.js";import"../../icon/gator/templates/flags/flag-io-british-indian-ocean-territory.js";import"../../icon/gator/templates/flags/flag-iq-iraq.js";import"../../icon/gator/templates/flags/flag-ir-iran.js";import"../../icon/gator/templates/flags/flag-is-iceland.js";import"../../icon/gator/templates/flags/flag-it-italy.js";import"../../icon/gator/templates/flags/flag-je-jersey.js";import"../../icon/gator/templates/flags/flag-jm-jamaica.js";import"../../icon/gator/templates/flags/flag-jo-jordan.js";import"../../icon/gator/templates/flags/flag-jp-japan.js";import"../../icon/gator/templates/flags/flag-ke-kenia.js";import"../../icon/gator/templates/flags/flag-kg-kyrgyzstan.js";import"../../icon/gator/templates/flags/flag-kh-cambodia.js";import"../../icon/gator/templates/flags/flag-ki--kiribati.js";import"../../icon/gator/templates/flags/flag-km-comoros.js";import"../../icon/gator/templates/flags/flag-kn-saint-kitts-and-nevis.js";import"../../icon/gator/templates/flags/flag-kp-korea-north.js";import"../../icon/gator/templates/flags/flag-kr-korea-south.js";import"../../icon/gator/templates/flags/flag-kw-kuwait.js";import"../../icon/gator/templates/flags/flag-ky-cayman-islands.js";import"../../icon/gator/templates/flags/flag-kz-kazakhstan.js";import"../../icon/gator/templates/flags/flag-la-laos.js";import"../../icon/gator/templates/flags/flag-lb-lebanon.js";import"../../icon/gator/templates/flags/flag-lc-saint-lucia.js";import"../../icon/gator/templates/flags/flag-li-liechtenstein.js";import"../../icon/gator/templates/flags/flag-lk-sri-lanka.js";import"../../icon/gator/templates/flags/flag-lr-liberia.js";import"../../icon/gator/templates/flags/flag-ls-lesotho.js";import"../../icon/gator/templates/flags/flag-lt-lithuania.js";import"../../icon/gator/templates/flags/flag-lu-luxembourg.js";import"../../icon/gator/templates/flags/flag-lv-latvia.js";import"../../icon/gator/templates/flags/flag-ly-libya.js";import"../../icon/gator/templates/flags/flag-ma-morocco.js";import"../../icon/gator/templates/flags/flag-mc-monaco.js";import"../../icon/gator/templates/flags/flag-md-moldova.js";import"../../icon/gator/templates/flags/flag-me-montenegro.js";import"../../icon/gator/templates/flags/flag-mf-saint-martin.js";import"../../icon/gator/templates/flags/flag-mg-madagascar.js";import"../../icon/gator/templates/flags/flag-mh-marshall-islands.js";import"../../icon/gator/templates/flags/flag-mk-north-macedonia.js";import"../../icon/gator/templates/flags/flag-ml-mali.js";import"../../icon/gator/templates/flags/flag-mm-myanmar.js";import"../../icon/gator/templates/flags/flag-mn-mongolia.js";import"../../icon/gator/templates/flags/flag-mo-macao.js";import"../../icon/gator/templates/flags/flag-mp-northern-mariana-islands.js";import"../../icon/gator/templates/flags/flag-mq-martinique-2.js";import"../../icon/gator/templates/flags/flag-mq-martinique.js";import"../../icon/gator/templates/flags/flag-mr-mauritania.js";import"../../icon/gator/templates/flags/flag-ms-montserrat.js";import"../../icon/gator/templates/flags/flag-mt-malta.js";import"../../icon/gator/templates/flags/flag-mu-mauritius.js";import"../../icon/gator/templates/flags/flag-mv-maldives.js";import"../../icon/gator/templates/flags/flag-mw-malawi.js";import"../../icon/gator/templates/flags/flag-mx-mexico.js";import"../../icon/gator/templates/flags/flag-my-malaysia.js";import"../../icon/gator/templates/flags/flag-mz-mozambique.js";import"../../icon/gator/templates/flags/flag-na-namibia.js";import"../../icon/gator/templates/flags/flag-nc-new-caledonia.js";import"../../icon/gator/templates/flags/flag-ne-niger.js";import"../../icon/gator/templates/flags/flag-nf-norfolk-island.js";import"../../icon/gator/templates/flags/flag-ng-nigeria.js";import"../../icon/gator/templates/flags/flag-ni-nicaragua.js";import"../../icon/gator/templates/flags/flag-nl-netherlands.js";import"../../icon/gator/templates/flags/flag-no-norway.js";import"../../icon/gator/templates/flags/flag-np-nepal.js";import"../../icon/gator/templates/flags/flag-nr-nauru.js";import"../../icon/gator/templates/flags/flag-nu-niue.js";import"../../icon/gator/templates/flags/flag-nz-new-zealand-aotearoa.js";import"../../icon/gator/templates/flags/flag-om-oman.js";import"../../icon/gator/templates/flags/flag-pa-panama.js";import"../../icon/gator/templates/flags/flag-pe-peru.js";import"../../icon/gator/templates/flags/flag-pf-french-polynesia.js";import"../../icon/gator/templates/flags/flag-pg-papua-new-guinea.js";import"../../icon/gator/templates/flags/flag-ph-philippines.js";import"../../icon/gator/templates/flags/flag-pk-pakistan.js";import"../../icon/gator/templates/flags/flag-pl-poland.js";import"../../icon/gator/templates/flags/flag-pm-saint-pierre-and-miquelon.js";import"../../icon/gator/templates/flags/flag-pm-st-pierre-and-miquelon.js";import"../../icon/gator/templates/flags/flag-pn-pitcairn-islands.js";import"../../icon/gator/templates/flags/flag-pr-puerto-rico.js";import"../../icon/gator/templates/flags/flag-ps-palestinian-territory.js";import"../../icon/gator/templates/flags/flag-pt-portugal.js";import"../../icon/gator/templates/flags/flag-pw-palau.js";import"../../icon/gator/templates/flags/flag-py-paraguay.js";import"../../icon/gator/templates/flags/flag-qa-qatar.js";import"../../icon/gator/templates/flags/flag-re-reunion.js";import"../../icon/gator/templates/flags/flag-ro-romania.js";import"../../icon/gator/templates/flags/flag-rs-srbia.js";import"../../icon/gator/templates/flags/flag-ru-russian-federation.js";import"../../icon/gator/templates/flags/flag-rw-rwanda.js";import"../../icon/gator/templates/flags/flag-sa-sudi-arabia.js";import"../../icon/gator/templates/flags/flag-sb-slomon-islands.js";import"../../icon/gator/templates/flags/flag-sc-sychelles.js";import"../../icon/gator/templates/flags/flag-sd-sdan.js";import"../../icon/gator/templates/flags/flag-se-seden.js";import"../../icon/gator/templates/flags/flag-sg-sngapore.js";import"../../icon/gator/templates/flags/flag-sh-sint-helena.js";import"../../icon/gator/templates/flags/flag-si-sovenia.js";import"../../icon/gator/templates/flags/flag-sj-salbard-and-jan-mayen.js";import"../../icon/gator/templates/flags/flag-sk-sovakia.js";import"../../icon/gator/templates/flags/flag-sl-serra-leone.js";import"../../icon/gator/templates/flags/flag-sm-sn-marino.js";import"../../icon/gator/templates/flags/flag-sn-snegal.js";import"../../icon/gator/templates/flags/flag-so-smalia.js";import"../../icon/gator/templates/flags/flag-sr-sriname.js";import"../../icon/gator/templates/flags/flag-ss-south-sudan.js";import"../../icon/gator/templates/flags/flag-st-so-tome-and-principe.js";import"../../icon/gator/templates/flags/flag-sv-el-slvador.js";import"../../icon/gator/templates/flags/flag-sx-snt-maarten.js";import"../../icon/gator/templates/flags/flag-sy-sria.js";import"../../icon/gator/templates/flags/flag-sz-saziland.js";import"../../icon/gator/templates/flags/flag-tc-turks-and-caicos-islands.js";import"../../icon/gator/templates/flags/flag-td-chad.js";import"../../icon/gator/templates/flags/flag-tf-french-southern-and-antarctic-lands.js";import"../../icon/gator/templates/flags/flag-tg-togo.js";import"../../icon/gator/templates/flags/flag-th-thailand.js";import"../../icon/gator/templates/flags/flag-tj-tajikistan.js";import"../../icon/gator/templates/flags/flag-tk-tokelau.js";import"../../icon/gator/templates/flags/flag-tl-timor-leste.js";import"../../icon/gator/templates/flags/flag-tm-turkmenistan.js";import"../../icon/gator/templates/flags/flag-tn-tunisia.js";import"../../icon/gator/templates/flags/flag-to-tonga.js";import"../../icon/gator/templates/flags/flag-tr-turkey.js";import"../../icon/gator/templates/flags/flag-tt-trinidad-and-tobago.js";import"../../icon/gator/templates/flags/flag-tv-tuvalu.js";import"../../icon/gator/templates/flags/flag-tw-taiwan.js";import"../../icon/gator/templates/flags/flag-tz-tanzania.js";import"../../icon/gator/templates/flags/flag-ua-ukraine.js";import"../../icon/gator/templates/flags/flag-ug-uganda.js";import"../../icon/gator/templates/flags/flag-um-united-states-minor-outlying-islands.js";import"../../icon/gator/templates/flags/flag-us-united-states.js";import"../../icon/gator/templates/flags/flag-uy-uruguay.js";import"../../icon/gator/templates/flags/flag-uz-uzbekistan.js";import"../../icon/gator/templates/flags/flag-va-vatican-city-state.js";import"../../icon/gator/templates/flags/flag-vc-saint-vincent-and-the-grenadines.js";import"../../icon/gator/templates/flags/flag-ve-venezuela.js";import"../../icon/gator/templates/flags/flag-vg-virgin-islands-british.js";import"../../icon/gator/templates/flags/flag-vi-virgin-islands-us.js";import"../../icon/gator/templates/flags/flag-vn-vietnam.js";import"../../icon/gator/templates/flags/flag-vu-vanuatu.js";import"../../icon/gator/templates/flags/flag-wf-wallis-and-futuna.js";import"../../icon/gator/templates/flags/flag-ws-smoa.js";import"../../icon/gator/templates/flags/flag-ye-yemen.js";import"../../icon/gator/templates/flags/flag-yt-unf-mayotte.js";import"../../icon/gator/templates/flags/flag-za-south-africa.js";import"../../icon/gator/templates/flags/flag-zm-zambia.js";import"../../icon/gator/templates/flags/flag-zw-zimbabwe.js";import"../../icon/gator/templates/flame.js";import"../../icon/gator/templates/flash-off.js";import"../../icon/gator/templates/flash-on.js";import"../../icon/gator/templates/folder.js";import"../../icon/gator/templates/gauge.js";import"../../icon/gator/templates/grid-four.js";import"../../icon/gator/templates/grid-nine.js";import"../../icon/gator/templates/hammer.js";import"../../icon/gator/templates/hand-pointing.js";import"../../icon/gator/templates/heart.js";import"../../icon/gator/templates/home-door.js";import"../../icon/gator/templates/home-finance-arrow.js";import"../../icon/gator/templates/home-finance.js";import"../../icon/gator/templates/home-search.js";import"../../icon/gator/templates/house-simple.js";import"../../icon/gator/templates/house.js";import"../../icon/gator/templates/inbox.js";import"../../icon/gator/templates/info.js";import"../../icon/gator/templates/instagram-logo.js";import"../../icon/gator/templates/interest-rate.js";import"../../icon/gator/templates/invoice.js";import"../../icon/gator/templates/kanban.js";import"../../icon/gator/templates/label.js";import"../../icon/gator/templates/laptop.js";import"../../icon/gator/templates/layout.js";import"../../icon/gator/templates/lightbulb-filament.js";import"../../icon/gator/templates/lightbulb.js";import"../../icon/gator/templates/link.js";import"../../icon/gator/templates/linkedin-logo.js";import"../../icon/gator/templates/list-star.js";import"../../icon/gator/templates/list.js";import"../../icon/gator/templates/loading-spinner-gif.js";import"../../icon/gator/templates/loading.js";import"../../icon/gator/templates/lock.js";import"../../icon/gator/templates/magic-wand.js";import"../../icon/gator/templates/mail-open.js";import"../../icon/gator/templates/mail.js";import"../../icon/gator/templates/mailbox.js";import"../../icon/gator/templates/map.js";import"../../icon/gator/templates/menu-hamburger.js";import"../../icon/gator/templates/microsoft-excel-logo.js";import"../../icon/gator/templates/microsoft-outlook-logo.js";import"../../icon/gator/templates/microsoft-powerpoint-logo.js";import"../../icon/gator/templates/microsoft-teams-logo.js";import"../../icon/gator/templates/microsoft-word-logo.js";import"../../icon/gator/templates/minus-circle.js";import"../../icon/gator/templates/minus-square.js";import"../../icon/gator/templates/minus.js";import"../../icon/gator/templates/mobile-phone-2.js";import"../../icon/gator/templates/monitor.js";import"../../icon/gator/templates/move-doc.js";import"../../icon/gator/templates/move.js";import"../../icon/gator/templates/music.js";import"../../icon/gator/templates/number-1.js";import"../../icon/gator/templates/number-2.js";import"../../icon/gator/templates/number-3.js";import"../../icon/gator/templates/overflow-menu.js";import"../../icon/gator/templates/paper-airplane.js";import"../../icon/gator/templates/paperclip.js";import"../../icon/gator/templates/pause-circle.js";import"../../icon/gator/templates/pause.js";import"../../icon/gator/templates/payments/payment-amazon-pay.js";import"../../icon/gator/templates/payments/payment-amex.js";import"../../icon/gator/templates/payments/payment-apple-pay.js";import"../../icon/gator/templates/payments/payment-discover.js";import"../../icon/gator/templates/payments/payment-google-pay.js";import"../../icon/gator/templates/payments/payment-mastercard.js";import"../../icon/gator/templates/payments/payment-visa.js";import"../../icon/gator/templates/pen.js";import"../../icon/gator/templates/pencil-paper.js";import"../../icon/gator/templates/pencil.js";import"../../icon/gator/templates/people-multiple.js";import"../../icon/gator/templates/people-share.js";import"../../icon/gator/templates/percent.js";import"../../icon/gator/templates/person-add.js";import"../../icon/gator/templates/person-check.js";import"../../icon/gator/templates/person-lock.js";import"../../icon/gator/templates/person.js";import"../../icon/gator/templates/phone-alert.js";import"../../icon/gator/templates/phone-mobile.js";import"../../icon/gator/templates/phone.js";import"../../icon/gator/templates/picture.js";import"../../icon/gator/templates/pin.js";import"../../icon/gator/templates/pinterest-logo.js";import"../../icon/gator/templates/play-circle.js";import"../../icon/gator/templates/play.js";import"../../icon/gator/templates/plus-circle.js";import"../../icon/gator/templates/plus.js";import"../../icon/gator/templates/printer.js";import"../../icon/gator/templates/question-chat-bubble.js";import"../../icon/gator/templates/question-circle.js";import"../../icon/gator/templates/question-mark.js";import"../../icon/gator/templates/radio-selected.js";import"../../icon/gator/templates/radio.js";import"../../icon/gator/templates/receipt.js";import"../../icon/gator/templates/restricted-filled.js";import"../../icon/gator/templates/restricted.js";import"../../icon/gator/templates/sandals.js";import"../../icon/gator/templates/save.js";import"../../icon/gator/templates/screen.js";import"../../icon/gator/templates/search.js";import"../../icon/gator/templates/selection.js";import"../../icon/gator/templates/send-filled.js";import"../../icon/gator/templates/send.js";import"../../icon/gator/templates/settings.js";import"../../icon/gator/templates/share-1.js";import"../../icon/gator/templates/share-2.js";import"../../icon/gator/templates/shield-lock.js";import"../../icon/gator/templates/shield-warning.js";import"../../icon/gator/templates/sidebar-simple.js";import"../../icon/gator/templates/sidebar.js";import"../../icon/gator/templates/smart-home.js";import"../../icon/gator/templates/sort-arrow-solid-down.js";import"../../icon/gator/templates/sort-arrow-solid-left.js";import"../../icon/gator/templates/sort-arrow-solid-right.js";import"../../icon/gator/templates/sort-arrow-solid-up-down.js";import"../../icon/gator/templates/sort-arrow-solid-up.js";import"../../icon/gator/templates/sort-reverse-variant.js";import"../../icon/gator/templates/sort-variant.js";import"../../icon/gator/templates/sparkle-filled.js";import"../../icon/gator/templates/sparkle.js";import"../../icon/gator/templates/speech-bubble.js";import"../../icon/gator/templates/square-split-horizontal.js";import"../../icon/gator/templates/square-split-vertical.js";import"../../icon/gator/templates/square.js";import"../../icon/gator/templates/stack.js";import"../../icon/gator/templates/stamp.js";import"../../icon/gator/templates/star-four-filled.js";import"../../icon/gator/templates/star-four.js";import"../../icon/gator/templates/star.js";import"../../icon/gator/templates/stopwatch.js";import"../../icon/gator/templates/sun.js";import"../../icon/gator/templates/sync.js";import"../../icon/gator/templates/tab-arrows.js";import"../../icon/gator/templates/table.js";import"../../icon/gator/templates/target.js";import"../../icon/gator/templates/text-aa.js";import"../../icon/gator/templates/thumbs-down.js";import"../../icon/gator/templates/thumbs-up.js";import"../../icon/gator/templates/tools.js";import"../../icon/gator/templates/touch-id.js";import"../../icon/gator/templates/trash.js";import"../../icon/gator/templates/trend-up.js";import"../../icon/gator/templates/twitter-logo.js";import"../../icon/gator/templates/unlink.js";import"../../icon/gator/templates/unlock.js";import"../../icon/gator/templates/upload.js";import"../../icon/gator/templates/video.js";import"../../icon/gator/templates/waffle.js";import"../../icon/gator/templates/warning-circle.js";import"../../icon/gator/templates/warning-diamond.js";import"../../icon/gator/templates/warning-filled.js";import"../../icon/gator/templates/warning-octagon.js";import"../../icon/gator/templates/warning.js";import"../../icon/gator/templates/wet-sign.js";import"../../icon/gator/templates/wifi-off.js";import"../../icon/gator/templates/wifi.js";import"../../icon/gator/templates/x-logo.js";import"../../icon/gator/templates/yelp-logo.js";import"../../icon/gator/templates/youtube-logo.js";import"../../icon/gator/templates/zillow-logo.js";import u from"../../../packages/web-components/src/components/input/input.gator.scss.js";import c from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import g from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import b from"../../../packages/web-components/src/components/input/input.gator.tokens.scss.js";import f from"../../../packages/web-components/src/styles/_gator-utils.scss.js";import{InputBase as x}from"./input-base.js";import{createRef as I}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{state as h}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{ifDefined as l}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as p}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var y=Object.defineProperty,d=(s,t,n,T)=>{for(var i=void 0,m=s.length-1,a;m>=0;m--)(a=s[m])&&(i=a(t,n,i)||i);return i&&y(t,n,i),i},r;const e=(r=class extends x{constructor(){super(...arguments),this.controlRef=I()}get shouldHaveStartMarkup(){return this.startIcon||this._startIconAsText}get shouldHaveEndMarkup(){return this.endIcon||this.type==="password"}get startIconMarkup(){return this.startIcon?o`<ngc-icon
|
|
2
2
|
id="${this.startIconId}"
|
|
3
3
|
label="${l(this.iconAsLabel?this.label:void 0)}"
|
|
4
4
|
.name="${this.startIcon}"
|
|
5
|
-
></ngc-icon>`:null}get startIconId(){return`${this.id}-start-icon`}get endIconMarkup(){return this.endIcon?
|
|
6
|
-
<ngc-icon .name="${this.endIcon}"></ngc-icon>`:null}get labelMarkup(){return
|
|
5
|
+
></ngc-icon>`:null}get startIconId(){return`${this.id}-start-icon`}get endIconMarkup(){return this.endIcon?o`
|
|
6
|
+
<ngc-icon .name="${this.endIcon}"></ngc-icon>`:null}get labelMarkup(){return o`
|
|
7
7
|
<ngc-input-label
|
|
8
8
|
id="${this.labelId}"
|
|
9
9
|
?required="${this.required}"
|
|
@@ -11,15 +11,15 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
11
11
|
?skeleton="${this.skeleton}"
|
|
12
12
|
>
|
|
13
13
|
${this.label}
|
|
14
|
-
</ngc-input-label>`}get labelId(){return`${this.id}-label`}get ariaLabelledbyValue(){return this.iconAsLabel?this.startIconId:this.label?this.labelId:""}get helpTextMarkup(){return this.helpText?
|
|
14
|
+
</ngc-input-label>`}get labelId(){return`${this.id}-label`}get ariaLabelledbyValue(){return this.iconAsLabel?this.startIconId:this.label?this.labelId:""}get helpTextMarkup(){return this.helpText?o`
|
|
15
15
|
<ngc-help-text icon id=${this.helpTextId}>
|
|
16
16
|
${this.helpText}
|
|
17
|
-
</ngc-help-text>`:null}get helpTextId(){return`${this.id}-help-text`}get bottomText(){return
|
|
17
|
+
</ngc-help-text>`:null}get helpTextId(){return`${this.id}-help-text`}get bottomText(){return o`
|
|
18
18
|
${this.errorTextMarkup}
|
|
19
19
|
${this.helpTextMarkup}
|
|
20
|
-
`}get errorTextMarkup(){return this.errorText?
|
|
20
|
+
`}get errorTextMarkup(){return this.errorText?o`
|
|
21
21
|
<ngc-help-text icon error
|
|
22
22
|
data-testid=${l(this.errorMessageDataTestid)}
|
|
23
23
|
id=${this.errorTextId}>
|
|
24
24
|
${this.errorText}
|
|
25
|
-
</ngc-help-text>`:null}get errorTextId(){return`${this.id}-error-text`}get ariaDescribedby(){const t=[];return this._ariaDescribedBy&&t.push(this._ariaDescribedBy),this.errorTextMarkup&&t.push(this.errorTextId),this.helpTextMarkup&&t.push(this.helpTextId),t.length?t.join(" "):""}get controlClasses(){return{"gator-form-element-control":!0,"gator-has-error":this.errorTextMarkup!==null,"gator-disabled":this.disabled,"gator-readonly":this.readonly}}handleClick(t){}handleKeydown(t){}handleKeyup(t){}handleInputFocusIn(){this.controlRef.value?.classList.add("gator-input-has-focus")}handleInputFocusOut(){this.controlRef.value?.classList.remove("gator-input-has-focus")}dispatchChangeEvent(t){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:t}}))}dispatchInputEvent(t){this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:t}}))}}
|
|
25
|
+
</ngc-help-text>`:null}get errorTextId(){return`${this.id}-error-text`}get ariaDescribedby(){const t=[];return this._ariaDescribedBy&&t.push(this._ariaDescribedBy),this.errorTextMarkup&&t.push(this.errorTextId),this.helpTextMarkup&&t.push(this.helpTextId),t.length?t.join(" "):""}get controlClasses(){return{"gator-form-element-control":!0,"gator-has-error":this.errorTextMarkup!==null,"gator-disabled":this.disabled,"gator-readonly":this.readonly}}handleClick(t){}handleKeydown(t){}handleKeyup(t){}handleInputFocusIn(){this.controlRef.value?.classList.add("gator-input-has-focus")}handleInputFocusOut(){this.controlRef.value?.classList.remove("gator-input-has-focus")}dispatchChangeEvent(t){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:t}}))}dispatchInputEvent(t){this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:t}}))}},r.primitiveStyles=p(g),r.semanticStyles=p(c),r.primitiveAndSemanticStyleFilter=t=>t!==r.primitiveStyles&&t!==r.semanticStyles,r.styles=[r.primitiveStyles,r.semanticStyles,p(u),p(b),p(f)],r);d([h()],e.prototype,"_startIconAsText");d([h()],e.prototype,"_ariaDescribedBy");let Aa=e;export{Aa as NgcInputBase};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as
|
|
1
|
+
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as p,nothing as u}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as c}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as d}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{createRef as m,ref as f}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{generateRandomId as b,getElementId as g}from"../../utils/string-utils.js";import{NgcInputText as v}from"../input/gator/input-text/input-text.gator.js";import{NgcInputBase as x}from"../input/base/input-base.gator.js";import y from"../../packages/web-components/src/tokens/primitive-new.tokens.scss.js";import k from"../../packages/web-components/src/tokens/semantic-new.tokens.scss.js";import T from"../../packages/web-components/src/components/radio/radio.gator.scss.js";import{unsafeCSS as h}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var $=Object.defineProperty,R=Object.getOwnPropertyDescriptor,_=Object.getPrototypeOf,I=Reflect.get,a=(e,r,s,o)=>{for(var i=o>1?void 0:o?R(r,s):r,l=e.length-1,n;l>=0;l--)(n=e[l])&&(i=(o?n(r,s,i):n(i))||i);return o&&i&&$(r,s,i),i},C=(e,r,s)=>I(_(e),s,r);let t=class extends v{constructor(){super(...arguments),this.titleText="",this.selected=!1,this.radioTabindex=-1,this.grouped=!1,this.inputRef=m(),this._randomId=b()}updated(e){super.updated(e),e.has("errorText")&&this.inputRef.value&&this.inputRef.value.setCustomValidity(this.errorText?"true":""),e.has("selected")&&this.inputRef.value&&(this.inputRef.value.checked=this.selected)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.click)}render(){return this.skeleton?this.skeletonMarkup:p`
|
|
2
2
|
<div class="gator-form-element">
|
|
3
3
|
<div id="${this.elementId}-radio" class="gator-radio">
|
|
4
4
|
<div class="gator-radio-input-wrapper">
|
|
5
5
|
<div class="gator-radio-hover-overlay"></div>
|
|
6
6
|
<input
|
|
7
|
-
${
|
|
7
|
+
${f(this.inputRef)}
|
|
8
8
|
id="${this.elementId}"
|
|
9
9
|
class="gator-radio-input"
|
|
10
10
|
type="radio"
|
|
@@ -23,12 +23,12 @@ import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/re
|
|
|
23
23
|
</div>
|
|
24
24
|
${this.bottomText}
|
|
25
25
|
</div>
|
|
26
|
-
`}get bottomText(){return this.grouped?u:
|
|
26
|
+
`}get bottomText(){return this.grouped?u:p`
|
|
27
27
|
${this.errorTextMarkup}
|
|
28
28
|
${this.helpTextMarkup}
|
|
29
|
-
`}get skeletonMarkup(){return
|
|
29
|
+
`}get skeletonMarkup(){return p`
|
|
30
30
|
<div class="gator-radio">
|
|
31
31
|
<ngc-skeleton-loader width="18" height="18" radius="999"></ngc-skeleton-loader>
|
|
32
32
|
<ngc-skeleton-loader width="50" height="18" radius="2"></ngc-skeleton-loader>
|
|
33
33
|
</div>
|
|
34
|
-
`}get elementId(){return
|
|
34
|
+
`}get elementId(){return g(this.id,this._randomId)}get tabindex(){let e=this.radioTabindex;return this.selected&&(e=0),this.disabled&&(e=-1),e}handleChange(){this.selected=!this.selected,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this.value}))}click(){this.disabled||this.inputRef.value?.click()}focus(){this.disabled||this.inputRef.value?.focus()}};t.styles=[...C(t,t,"styles").filter(x.primitiveAndSemanticStyleFilter),h(y),h(k),h(T)];a([d({type:String,attribute:"title-text"})],t.prototype,"titleText",2);a([d({type:Boolean})],t.prototype,"selected",2);a([d({type:Number,attribute:"radio-tabindex"})],t.prototype,"radioTabindex",2);a([d({type:Boolean,attribute:"grouped"})],t.prototype,"grouped",2);t=a([c("ngc-radio")],t);export{t as NgcRadio};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as
|
|
2
|
-
<div class="gator-radio-group-container" ${
|
|
3
|
-
${this.label?n`<ngc-input-label id="${this.elementId}-label" data-testid=${
|
|
1
|
+
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as u}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as c}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{ifDefined as f}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";import{createRef as g,ref as b}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{generateRandomId as v,getElementId as y}from"../../utils/string-utils.js";import{handleDataTestid as $}from"../../utils/datatestid-utils.js";import{KEY_CONSTANTS as d}from"../../consts/key-constants.js";import{NgcInputBase as x}from"../input/base/input-base.gator.js";import{NgcInputText as T}from"../input/gator/input-text/input-text.gator.js";import"../radio/radio.gator.js";import E from"../../packages/web-components/src/tokens/primitive-new.tokens.scss.js";import I from"../../packages/web-components/src/tokens/semantic-new.tokens.scss.js";import R from"../../packages/web-components/src/components/radio-group/radio-group.gator.scss.js";import{unsafeCSS as m}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var S=Object.defineProperty,_=Object.getOwnPropertyDescriptor,O=Object.getPrototypeOf,w=Reflect.get,p=(e,t,s,o)=>{for(var i=o>1?void 0:o?_(t,s):t,l=e.length-1,r;l>=0;l--)(r=e[l])&&(i=(o?r(t,s,i):r(i))||i);return o&&i&&S(t,s,i),i},A=(e,t,s)=>w(O(e),s,t);let a=class extends T{constructor(){super(...arguments),this.options=[],this._randomId=v(),this.groupRef=g()}render(){return n`
|
|
2
|
+
<div class="gator-radio-group-container" ${b(this.groupRef)} role="group">
|
|
3
|
+
${this.label?n`<ngc-input-label id="${this.elementId}-label" data-testid=${f(this.labelDataTestid)} ?skeleton=${this.skeleton}>${this.label}</ngc-input-label>`:null}
|
|
4
4
|
<div id="${this.elementId}-group"
|
|
5
5
|
role="radiogroup"
|
|
6
6
|
class="gator-radio-group"
|
|
@@ -13,7 +13,7 @@ import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/re
|
|
|
13
13
|
</div>
|
|
14
14
|
</div>
|
|
15
15
|
${this.bottomText}
|
|
16
|
-
`}get elementId(){return
|
|
16
|
+
`}get elementId(){return y(this.id,this._randomId)}get radiosFromOptions(){return n`
|
|
17
17
|
${this.options.map(e=>n`
|
|
18
18
|
<ngc-radio
|
|
19
19
|
title-text=${e.title}
|
|
@@ -23,4 +23,4 @@ import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/re
|
|
|
23
23
|
error-text=${this.errorText}
|
|
24
24
|
></ngc-radio>
|
|
25
25
|
`)}
|
|
26
|
-
`}get radioElements(){if(this.options.length>0)return this.shadowRoot?.querySelectorAll("ngc-radio");const e=this.shadowRoot?.querySelector("slot")?.assignedElements();return e&&e.length===1&&e[0]instanceof HTMLSlotElement?e[0].assignedElements():e}get describedBy(){const e=[];return this.errorText&&e.push(`${this.elementId}-error`),this.helpText&&e.push(`${this.elementId}-help`),e.join(" ")}handleRadioSelectionChange(e){const t=e;t.stopImmediatePropagation(),this.value=t.detail.value??t.detail,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:this.value}))}handleRadioKeydown(e){const t=this.radioElements;if(t){const
|
|
26
|
+
`}get radioElements(){if(this.options.length>0)return this.shadowRoot?.querySelectorAll("ngc-radio");const e=this.shadowRoot?.querySelector("slot")?.assignedElements();return e&&e.length===1&&e[0]instanceof HTMLSlotElement?e[0].assignedElements():e}get describedBy(){const e=[];return this.errorText&&e.push(`${this.elementId}-error`),this.helpText&&e.push(`${this.elementId}-help`),e.join(" ")}handleRadioSelectionChange(e){const t=e;t.stopImmediatePropagation(),this.value=t.detail.value??t.detail,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:this.value}))}handleRadioKeydown(e){const t=this.radioElements;if(t){const s=Array.from(t).findIndex(r=>r.selected),o=e.key===d.RIGHT||e.key===d.DOWN,i=e.key===d.LEFT||e.key===d.UP,l=e.key===d.SPACE;if(o||i||l){e.preventDefault();let r=s===-1?0:s;o?r=(r+1)%t.length:i?r=(r-1+t.length)%t.length:l&&s===-1&&(r=0);const h=t[r];h&&(h.focus(),h.click())}}}updated(){this.radioElements?.forEach((e,t)=>{e.selected=this.value===e.value,e.disabled=this.disabled,e.errorText=this.errorText,e.grouped=!0,e.radioTabindex=this.getItemTabindex(t),e.skeleton=this.skeleton,$(e,this.dataTestid,`radio-${t}`)}),requestAnimationFrame(()=>{const e=this.shadowRoot?.querySelector("ngc-input-label"),t=this.shadowRoot?.querySelectorAll("ngc-help-text");e&&this.groupRef.value&&(this.groupRef.value.ariaLabelledByElements=[e]),t&&this.groupRef.value&&(this.groupRef.value.ariaDescribedByElements=Array.from(t))})}getItemTabindex(e){return e===0&&!this.value?0:-1}};a.styles=[...A(a,a,"styles").filter(x.primitiveAndSemanticStyleFilter),m(E),m(I),m(R)];p([c({type:Array})],a.prototype,"options",2);a=p([u("ngc-radio-group")],a);export{a as NgcRadioGroup};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o=":root,:host{--ngc-radio-group-flex-direction: row;--ngc-radio-group-gap: 0}ngc-radio{display:flex;padding:1.5rem 5.1875rem;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;cursor:pointer;z-index:0;border:1px solid var(--ngc-boolean-border-color);background:var(--ngc-boolean-background-color)}.gator-boolean-option-0{border-radius:var(--ngc-boolean-outer-border-radius) 0 0 var(--ngc-boolean-outer-border-radius)}.gator-boolean-option-1{margin-top:0;margin-left:-1px;border-radius:0 var(--ngc-boolean-outer-border-radius) var(--ngc-boolean-outer-border-radius) 0}.gator-boolean_wrapped .gator-boolean-option-0{border-radius:var(--ngc-boolean-outer-border-radius) var(--ngc-boolean-outer-border-radius) 0 0}.gator-boolean_wrapped .gator-boolean-option-1{margin-top:-1px;margin-left:0;border-radius:0 0 var(--ngc-boolean-outer-border-radius) var(--ngc-boolean-outer-border-radius)}.gator-boolean:not(.gator-boolean_skeleton,.gator-boolean_disabled) .gator-boolean-option_selected{z-index:1;background:var(--ngc-boolean-background-color-selected);border:var(--ngc-boolean-border-selected);animation:.3s ease-out selectBoolean}@keyframes selectBoolean{0%{background:var(--ngc-boolean-background-color);border:var(--ngc-boolean-border)}to{background:var(--ngc-boolean-background-color-selected);border:var(--ngc-boolean-border-selected)}}ngc-radio:hover{z-index:1;box-shadow:var(--ngc-boolean-box-shadow-hover)}ngc-radio:hover:not(.gator-boolean_error) ngc-radio:hover{border:var(--ngc-boolean-border-hover)}.gator-boolean_disabled ngc-radio{--ngc-boolean-background-color: var(--color-surface-tertiary, #F2F2F2);--ngc-boolean-background-color-selected: var(--color-surface-tertiary, #F2F2F2);cursor:not-allowed}.gator-boolean_disabled ngc-radio:hover{box-shadow:none}ngc-radio:focus-within{
|
|
1
|
+
const o=":root,:host{--ngc-radio-group-flex-direction: row;--ngc-radio-group-gap: 0}ngc-radio{display:flex;padding:1.5rem 5.1875rem;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;cursor:pointer;z-index:0;border:1px solid var(--ngc-boolean-border-color, var(--color-border-primary, #6D6D6D));background:var(--ngc-boolean-background-color, var(--color-surface-primary, #FFFFFF))}.gator-boolean-option-0{border-radius:var(--ngc-boolean-outer-border-radius, var(--border-radius-x-small, 2px)) 0 0 var(--ngc-boolean-outer-border-radius, var(--border-radius-x-small, 2px))}.gator-boolean-option-1{margin-top:0;margin-left:-1px;border-radius:0 var(--ngc-boolean-outer-border-radius, var(--border-radius-x-small, 2px)) var(--ngc-boolean-outer-border-radius, var(--border-radius-x-small, 2px)) 0}.gator-boolean_wrapped .gator-boolean-option-0{border-radius:var(--ngc-boolean-outer-border-radius, var(--border-radius-x-small, 2px)) var(--ngc-boolean-outer-border-radius, var(--border-radius-x-small, 2px)) 0 0}.gator-boolean_wrapped .gator-boolean-option-1{margin-top:-1px;margin-left:0;border-radius:0 0 var(--ngc-boolean-outer-border-radius, var(--border-radius-x-small, 2px)) var(--ngc-boolean-outer-border-radius, var(--border-radius-x-small, 2px))}.gator-boolean:not(.gator-boolean_skeleton,.gator-boolean_disabled) .gator-boolean-option_selected{z-index:1;background:var(--ngc-boolean-background-color-selected, var(--color-surface-brand-secondary, #DAE7F1));border:var(--ngc-boolean-border-selected, 1px solid var(--ngc-boolean-border-color-selected, var(--color-feedback-brand, #103656)));animation:.3s ease-out selectBoolean}@keyframes selectBoolean{0%{background:var(--ngc-boolean-background-color, var(--color-surface-primary, #FFFFFF));border:var(--ngc-boolean-border, 1px solid var(--ngc-boolean-border-color, var(--color-border-primary, #6D6D6D)))}to{background:var(--ngc-boolean-background-color-selected, var(--color-surface-brand-secondary, #DAE7F1));border:var(--ngc-boolean-border-selected, 1px solid var(--ngc-boolean-border-color-selected, var(--color-feedback-brand, #103656)))}}ngc-radio:hover{z-index:1;box-shadow:var(--ngc-boolean-box-shadow-hover, var(--shadow-2-card-raised, 0 5px 10px 0px var(--shadow-color-5), 0 7px 14px 0px var(--shadow-color-8), 0 3px 6px 0px var(--shadow-color-4)))}ngc-radio:hover:not(.gator-boolean_error) ngc-radio:hover{border:var(--ngc-boolean-border-hover, 1px solid var(--ngc-boolean-border-color-selected, var(--color-border-brand, #103656)))}.gator-boolean_disabled ngc-radio{--ngc-boolean-background-color: var(--color-surface-tertiary, #F2F2F2);--ngc-boolean-background-color-selected: var(--color-surface-tertiary, #F2F2F2);cursor:not-allowed}.gator-boolean_disabled ngc-radio:hover{box-shadow:none}ngc-radio:focus-within{outline:var(--ngc-boolean-outline-focus, 2px solid var(--ngc-boolean-outline-color-focus, var(--color-border-neutral, #1F1F1F)));outline-offset:2px;--ngc-radio-focus-outline: none;border:var(--ngc-boolean-border-focus, 1px solid var(--ngc-boolean-border-color-focus, var(--color-border-primary, #6D6D6D)));z-index:1}.gator-boolean.gator-boolean_error:not(.gator-boolean_skeleton) ngc-radio{border:var(--ngc-boolean-border-error, 1px solid var(--ngc-boolean-border-color-error, var(--color-border-error-secondary, #AA330E)));--ngc-radio-icon-color-error: var(--color-feedback-error-secondary, #AA330E);--ngc-boolean-background-color-selected: var(--color-surface-error, #FAEBE7);--ngc-boolean-border: var(--ngc-boolean-border-error, 1px solid var(--ngc-boolean-border-color-error, var(--color-border-error-secondary, #AA330E)));--ngc-boolean-border-selected: 1px solid var(--ngc-boolean-border-color-error, var(--color-border-error-secondary, #AA330E))}.gator-boolean_skeleton ngc-radio{--ngc-boolean-background-color: var(--color-surface-tertiary, #F2F2F2);--ngc-boolean-border-color: var(--color-border-secondary, #BFBFBF);pointer-events:none}";export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o='.gator-button{--box-shadow-default: 0 5px 10px 0px var(--shadow-color-5), 0 7px 14px 0px var(--shadow-color-8), 0 3px 6px 0px var(--shadow-color-4);display:inline-flex;align-items:center;justify-content:center;border-style:none;cursor:pointer;font-family:var(--font-family-body, "Open Sans"),sans-serif;font-weight:var(--ngc-button-font-weight, var(--font-weight-semi-bold, 600));margin:var(--ngc-button-margin, auto);width:var(--ngc-button-width, auto);position:var(--ngc-button-position, relative);border-radius:var(--ngc-button-border-radius, var(--border-radius-x-small, 2px));gap:.5rem}.gator-button:focus-visible{outline:var(--ngc-button-focus-outline, 2px solid var(--ngc-button-focus-outline-color, var(--color-border-neutral, #1F1F1F)));outline-offset:2px}.gator-button:disabled{cursor:not-allowed}.gator-button.gator-button_loading{cursor:not-allowed}.gator-button-loader{display:flex;align-items:center;justify-content:center;position:absolute}.gator-button-loader+.gator-button-text{visibility:hidden}.gator-button-skeleton{background-color:var(--color-surface-loading, #
|
|
1
|
+
const o='.gator-button{--box-shadow-default: 0 5px 10px 0px var(--shadow-color-5), 0 7px 14px 0px var(--shadow-color-8), 0 3px 6px 0px var(--shadow-color-4);display:inline-flex;align-items:center;justify-content:center;border-style:none;cursor:pointer;font-family:var(--font-family-body, "Open Sans"),sans-serif;font-weight:var(--ngc-button-font-weight, var(--font-weight-semi-bold, 600));margin:var(--ngc-button-margin, auto);width:var(--ngc-button-width, auto);position:var(--ngc-button-position, relative);border-radius:var(--ngc-button-border-radius, var(--border-radius-x-small, 2px));gap:.5rem}.gator-button:focus-visible{outline:var(--ngc-button-focus-outline, 2px solid var(--ngc-button-focus-outline-color, var(--color-border-neutral, #1F1F1F)));outline-offset:2px}.gator-button:disabled{cursor:not-allowed}.gator-button.gator-button_loading{cursor:not-allowed}.gator-button-loader{display:flex;align-items:center;justify-content:center;position:absolute}.gator-button-loader+.gator-button-text{visibility:hidden}.gator-button-skeleton{background-color:var(--color-surface-loading, #DBDBDB)}.gator-button-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.gator-button_loading .gator-button-content{visibility:hidden}.gator-button_small{font-size:var(--ngc-button-font-size, var(--font-size-body-3, .8125rem));line-height:var(--ngc-button-line-height, var(--line-height-body-3, 1.125rem));padding:var(--ngc-button-padding, 0 .75rem);min-width:var(--ngc-button-min-width, 3.5rem);height:var(--ngc-button-height, 1.75rem)}.gator-button_medium{font-size:var(--ngc-button-font-size, var(--font-size-body-2, .9375rem));line-height:var(--ngc-button-line-height, var(--line-height-body-2, 1.375rem));padding:var(--ngc-button-padding, 0 1rem);min-width:var(--ngc-button-min-width, 4rem);height:var(--ngc-button-height, 2.25rem)}.gator-button_large{font-size:var(--ngc-button-font-size, var(--font-size-body-1, 1.0625rem));line-height:var(--ngc-button-line-height, var(--line-height-body-1, 1.5rem));padding:var(--ngc-button-padding, 0 1rem);min-width:var(--ngc-button-min-width, 6rem);height:var(--ngc-button-height, 3rem)}.gator-button_xlarge{font-size:var(--ngc-button-font-size, var(--font-size-body-1, 1.0625rem));line-height:var(--ngc-button-line-height, var(--line-height-body-1, 1.5rem));padding:var(--ngc-button-padding, 0 2.5rem);min-width:var(--ngc-button-min-width, 7.5rem);height:var(--ngc-button-height, 3.5rem)}.gator-button_primary{background-color:var(--ngc-button-background-color, var(--color-feedback-brand, #103656));color:var(--ngc-button-color, var(--color-text-inverse, #FFFFFF))}.gator-button_primary:not([disabled]):not(.gator-button_loading):hover{background-color:var(--ngc-button-hover-background-color, var(--color-feedback-brand-secondary, #0D2B45));color:var(--ngc-button-hover-color, var(--color-text-inverse, #FFFFFF));box-shadow:var(--ngc-button-hover-box-shadow, var(--shadow-2-card-raised, var(--box-shadow-default)))}.gator-button_primary:not([disabled]):not(.gator-button_loading):active{background-color:var(--ngc-button-pressed-background-color, var(--color-feedback-brand-tertiary, #061622));color:var(--ngc-button-pressed-color, var(--color-text-inverse, #FFFFFF));box-shadow:none}.gator-button_primary:disabled{background-color:var(--ngc-button-disabled-background-color, var(--color-surface-disabled, #E5E5E5));color:var(--ngc-button-disabled-color, var(--color-text-disabled, #BFBFBF))}.gator-button_primary.gator-button_loading{background-color:var(--ngc-button-loading-background-color, var(--color-feedback-brand-tertiary, #061622))}.gator-button_secondary{background-color:var(--ngc-button-background-color, transparent);color:var(--ngc-button-color, var(--color-text-brand, #103656))}.gator-button_secondary:before{content:"";position:absolute;inset:0;border-radius:var(--ngc-button-border-radius, var(--border-radius-x-small, 2px));border-width:1px;border-color:var(--ngc-button-border-color, var(--color-border-brand, #103656));border-style:solid}.gator-button_secondary:not([disabled]):not(.gator-button_loading):hover{background-color:var(--ngc-button-hover-background-color, var(--color-surface-secondary, #F7F7F7));box-shadow:var(--ngc-button-hover-box-shadow, var(--shadow-2-card-raised, var(--box-shadow-default)))}.gator-button_secondary:not([disabled]):not(.gator-button_loading):active{background-color:var(--ngc-button-pressed-background-color, var(--color-surface-secondary, #F7F7F7));box-shadow:none}.gator-button_secondary:disabled{color:var(--ngc-button-disabled-color, var(--color-text-disabled, #BFBFBF));cursor:not-allowed}.gator-button_secondary:disabled:before{border-color:var(--ngc-button-border-color, var(--color-border-secondary, #BFBFBF))}.gator-button_secondary.gator-button_loading{background-color:var(--ngc-button-loading-background-color, var(--color-surface-secondary, #F7F7F7))}.gator-button_secondary.gator-button_loading:before{border-color:var(--ngc-button-border-color, var(--color-border-secondary, #BFBFBF))}.gator-button_destructive{background-color:var(--ngc-button-background-color, var(--color-feedback-error, #D44011));color:var(--ngc-button-color, var(--color-text-inverse, #FFFFFF))}.gator-button_destructive:not([disabled]):not(.gator-button_loading):hover{box-shadow:var(--ngc-button-hover-box-shadow, var(--shadow-2-card-raised, var(--box-shadow-default)));background-color:var(--ngc-button-hover-background-color, var(--color-feedback-error-secondary, #AA330E))}.gator-button_destructive:not([disabled]):not(.gator-button_loading):active{background-color:var(--ngc-button-pressed-background-color, var(--color-feedback-error-secondary, #AA330E));box-shadow:none}.gator-button_destructive:disabled{background-color:var(--ngc-button-disabled-background-color, var(--color-surface-disabled, #E5E5E5));color:var(--ngc-button-disabled-color, var(--color-text-disabled, #BFBFBF))}.gator-button_destructive.gator-button_loading{background-color:var(--ngc-button-loading-background-color, var(--color-feedback-error-tertiary, #9E2500))}.gator-button_base{background-color:var(--ngc-button-background-color, transparent);color:var(--ngc-button-color, var(--color-text-brand, #103656));padding:3px 0}.gator-button_base .gator-button-text{border-bottom:1px solid var(--color-underline-primary, #BFBFBF)}.gator-button_base.gator-button_small{min-width:2.75rem}.gator-button_base.gator-button_medium{min-width:3.125rem}.gator-button_base.gator-button_large,.gator-button_base.gator-button_xlarge{min-width:3.5625rem}.gator-button_base:not([disabled]):not(.gator-button_loading):hover .gator-button-text{box-shadow:var(--ngc-button-hover-box-shadow, none);color:var(--ngc-button-hover-color, var(--color-text-brand, #103656));border-bottom:1px solid var(--color-underline-brand, #103656)}.gator-button_base:not([disabled]):not(.gator-button_loading):active .gator-button-text{color:var(--ngc-button-pressed-color, var(--color-text-brand, #103656));border-bottom:1px solid var(--color-underline-brand, #103656)}.gator-button_base:disabled{color:var(--ngc-button-color, var(--color-text-disabled, #BFBFBF))}.gator-button_base:disabled .gator-button-text{border-bottom:1px solid var(--color-text-disabled, #BFBFBF)}';export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const r='input,textarea{border:none;background-color:transparent}input:focus,textarea:focus{outline:none}input[type=time]::-webkit-calendar-picker-indicator{background:none;display:none}.gator-form-element-control:focus-within:not(.gator-disabled){outline:2px solid var(--ngc-input-outline-color-focused, var(--color-
|
|
1
|
+
const r='input,textarea{border:none;background-color:transparent}input:focus,textarea:focus{outline:none}input[type=time]::-webkit-calendar-picker-indicator{background:none;display:none}.gator-form-element-control:focus-within:not(.gator-disabled){outline:var(--ngc-input-focus-outline, 2px solid var(--ngc-input-outline-color-focused, var(--color-border-neutral, #1F1F1F)))!important;outline-offset:0}.gator-form-element{display:block;margin-bottom:var(--ngc-input-margin-bottom, 1rem);max-width:var(--ngc-input-max-width, 200px)}.gator-form-element-control{padding:var(--ngc-input-padding);display:flex;flex-direction:column;height:var(--ngc-input-height, unset)}.gator-input,.gator-faux-input{display:flex;width:100%;height:100%;font-size:var(--ngc-input-font-size, 1.0625rem);font-family:var(--font-family-body, "Open Sans"),sans-serif;padding:0;line-height:var(--ngc-input-line-height, var(--line-height-body-1, 1.5rem))}.gator-form-element-control{margin:.5rem 0;border:1px solid var(--ngc-input-border-color, var(--color-stroke-primary, #6D6D6D));border-radius:var(--ngc-input-border-radius, 2px);flex:1;background-color:var(--ngc-input-background-color, var(--color-surface-primary, #FFFFFF))}.gator-form-element-control:hover:not(.gator-disabled){border:1px solid var(--ngc-input-border-color-hovered, var(--color-stroke-interactive, #0E304D));outline:none}.gator-readonly{border-color:var(--color-stroke-secondary, #BFBFBF);background:var(--color-surface-tertiary, #F2F2F2);color:var(--text-color-primary-base, #1F1F1F)}.gator-has-error:not(.gator-readonly){border-color:var(--ngc-input-error-border, var(--color-stroke-error, #AA330E))!important}.gator-disabled{background:var(--color-surface-secondary, #F7F7F7);border:none;cursor:not-allowed}.gator-disabled input,.gator-disabled textarea{cursor:not-allowed}.gator-disabled{--ngc-icon-color: var(--color-stroke-secondary, #BFBFBF)}.gator-form-element-control-icon-right{display:flex;align-items:center}.gator-input-container{display:flex;align-items:center;position:relative;width:100%}.gator-input-start,.gator-input-end{display:flex;align-items:center;font-family:var(--text-family-body),sans-serif;font-size:var(--text-size-body-1)}.gator-input-start{margin-right:.5rem}.gator-cursor-pointer{cursor:pointer}';export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const r='.gator-radio{display:flex;width:fit-content;flex-direction:row;align-items:center;gap:.5rem;padding-left:.5rem}.gator-radio-title{font-family:var(--
|
|
1
|
+
const r='.gator-radio{display:flex;width:fit-content;flex-direction:row;align-items:center;gap:.5rem;padding-left:.5rem}.gator-radio-title{font-family:var(--font-family-body, "Open Sans"),sans-serif;color:var(--ngc-radio-title-color-default, var(--color-text-primary, #1F1F1F));font-size:var(--ngc-radio-title-font-size, var(--font-size-body-1, 1.0625rem));line-height:var(--ngc-radio-title-line-height, var(--line-height-body-1, 1.5rem))}.gator-radio:has(input:disabled) .gator-radio-title{color:var(--ngc-radio-title-color-disabled, var(--color-text-disabled, #bfbfbf))}.gator-radio-input-wrapper:has(:focus-visible){--focus-border-default: 0 0 0 2px var(--color-surface-primary, #FFF), 0 0 0 4px var(--ngc-radio-color-focus-indicator, var(--color-border-focus, #1F1F1F));box-shadow:var(--ngc-radio-focus-outline, var(--focus-border-default))}.gator-radio-input-wrapper:has(:focus-visible) input:focus-visible{outline:none}.gator-radio-hover-overlay{width:100%;height:100%;position:absolute;top:0;border-radius:50%;opacity:.1}.gator-radio-input-wrapper{display:flex;align-items:center;border-radius:50%;outline:1px solid transparent;outline-offset:-1px;transform:scale(1.4);background:var(--color-surface-primary, #FFF)}.gator-radio-input-wrapper:has(input:not(:disabled)):has(input:not(:checked,:invalid)){outline-color:var(--ngc-radio-color-border-unselected, var(--color-border-primary, #6D6D6D))}.gator-radio-input-wrapper:has(input:not(:disabled)):has(input:not(:checked,:invalid)):hover{outline-color:var(--ngc-radio-color-selected, var(--color-border-brand, #103656))}.gator-radio-input-wrapper:has(input:not(:disabled)):hover .gator-radio-hover-overlay{background-color:var(--ngc-radio-color-selected, var(--color-border-brand, #103656))}input:not(:checked,:disabled){opacity:0}input:checked,input:disabled{opacity:1}input{margin:0;border-radius:4px;accent-color:var(--ngc-radio-color-selected, var(--color-border-brand, #103656))}input:invalid{accent-color:var(--ngc-radio-color-error, var(--color-feedback-error-secondary, #AA330E))}.gator-radio-input-wrapper:has(input:invalid:not(:disabled)):has(input:not(:checked)){outline-color:var(--ngc-radio-color-error, var(--color-feedback-error-secondary, #AA330E))}.gator-radio-input-wrapper:has(input:invalid:not(:disabled)):hover .gator-radio-hover-overlay{background-color:var(--ngc-radio-color-error, var(--color-feedback-error-secondary, #AA330E))}';export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const
|
|
1
|
+
const o=".gator-radio-group-container{display:flex;flex-direction:column;gap:8px;margin-bottom:.5rem}.gator-radio-group{display:flex;flex-direction:var(--ngc-radio-group-flex-direction, column);gap:var(--ngc-radio-group-gap, 8px);flex-wrap:wrap}::slotted(ngc-radio),ngc-radio{--ngc-input-margin-bottom: 0}";export{o as default};
|
|
@@ -48,7 +48,7 @@ export declare class InputBase extends TestableLitElement {
|
|
|
48
48
|
@property value - The value of the rendered input
|
|
49
49
|
@type string | number | undefined | null
|
|
50
50
|
*/
|
|
51
|
-
value: string | number | undefined | null | File | File[] | Date;
|
|
51
|
+
value: string | number | boolean | undefined | null | File | File[] | Date;
|
|
52
52
|
/**
|
|
53
53
|
@property errorText - The error text of the rendered input.
|
|
54
54
|
@type string
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
+
import { CSSResult } from 'lit';
|
|
1
2
|
import { InputBase } from './input-base.ts';
|
|
2
3
|
import { Ref } from 'lit/directives/ref.js';
|
|
3
4
|
export declare class NgcInputBase extends InputBase {
|
|
4
|
-
static
|
|
5
|
+
protected static primitiveStyles: CSSResult;
|
|
6
|
+
protected static semanticStyles: CSSResult;
|
|
7
|
+
protected static primitiveAndSemanticStyleFilter: (style: CSSResult) => boolean;
|
|
8
|
+
static styles: CSSResult[];
|
|
5
9
|
controlRef: Ref<HTMLDivElement>;
|
|
6
10
|
protected _startIconAsText: string | undefined;
|
|
7
11
|
protected _ariaDescribedBy: string | undefined;
|
|
@@ -103,7 +103,7 @@ export declare class NgcInputDropdown extends NgcInputBase {
|
|
|
103
103
|
private setupResizeObserver;
|
|
104
104
|
removeSelection(value: string): void;
|
|
105
105
|
get fauxInputMarkup(): import('lit').TemplateResult<1>;
|
|
106
|
-
get displayedValue(): string | number | File | File[] | Date;
|
|
106
|
+
get displayedValue(): string | number | true | File | File[] | Date;
|
|
107
107
|
get showPlaceholder(): boolean | "";
|
|
108
108
|
get listboxMarkup(): import('lit').TemplateResult<1>;
|
|
109
109
|
get selectAllIcon(): "checkbox-indeterminate" | "checkbox-selected" | "checkbox";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { NgcRadio } from '../radio/radio.gator';
|
|
2
|
-
import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
|
|
3
1
|
import { Ref } from 'lit/directives/ref.js';
|
|
2
|
+
import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
|
|
3
|
+
import { NgcRadio } from '../radio/radio.gator';
|
|
4
4
|
/**
|
|
5
5
|
* @slot - The radios within the group
|
|
6
6
|
*/
|
package/package.json
CHANGED
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@ncino/web-components",
|
|
4
|
-
"version": "8.0.0-preview.
|
|
4
|
+
"version": "8.0.0-preview.4",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const o=":host,:root{--ngc-boolean-background-color: var(--color-neutral-0, #FFF);--ngc-boolean-background-color-selected: var(--color-surface-brand-hover, #E4ECF2);--ngc-boolean-border-color: var(--color-border-primary, #6d6d6d);--ngc-boolean-border-color-selected: var(--color-brand-30, #11395B);--ngc-boolean-border-color-hover: var(--color-brand-30, #11395B);--ngc-boolean-border-color-focus: var(--color-brand-30, #11395B);--ngc-boolean-outline-color-focus: var(--color-brand-30, #11395B);--ngc-boolean-border-color-error: var(--color-stroke-error);--ngc-boolean-border: var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color);--ngc-boolean-border-selected: var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color-selected);--ngc-boolean-border-hover: var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color-hover);--ngc-boolean-border-focus: var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color-focus);--ngc-boolean-border-error: var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color-error);--ngc-boolean-outline-focus: var(--size-stroke-1, 1px) solid var(--ngc-boolean-outline-color-focus);--ngc-boolean-box-shadow-hover: 0px 5px 10px 0px rgba(31, 31, 31, .1), 0px 7px 14px 0px rgba(31, 31, 31, .08), 0px 3px 6px 0px rgba(31, 31, 31, .08);--ngc-boolean-outer-border-radius: .125rem}";export{o as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const o=":root,:host{--ngc-radio-color-error: var(--radio-icon-color-error, #AA330E);--ngc-radio-color-focus-indicator: var(--shadow-color-focus-border, #11395B);--ngc-radio-color-selected: var(--radio-color-selected, #11395B);--ngc-radio-color-border-unselected: var(--checkbox-color-unselected, #6D6D6D);--ngc-radio-title-color-default: var(--color-text-primary-base, #1F1F1F);--ngc-radio-title-color-disabled: var(--color-text-disabled, #808080);--ngc-radio-icon-spacing: var(--spacing-padding-margin-4);--ngc-radio-title-font-size: var(--text-size-body-1, 1.0625rem);--ngc-radio-title-line-height: var(--text-line-height-body-1, 1.5rem)}";export{o as default};
|