@ncino/web-components 6.0.0 → 6.1.0-preview.10

package/dist/_virtual/index3.js

@@ -1 +1 @@
-import{getDefaultExportFromCjs as r}from"./_commonjsHelpers.js";import{__require as o}from"../node_modules/.pnpm/color-name@1.1.4/node_modules/color-name/index.js";var e=o();const m=r(e);export{m as default};
+var e={exports:{}};export{e as __module};

package/dist/_virtual/index4.js

@@ -1 +1 @@
-var e={exports:{}};export{e as __module};
+import{getDefaultExportFromCjs as r}from"./_commonjsHelpers.js";import{__require as o}from"../node_modules/.pnpm/color-name@1.1.4/node_modules/color-name/index.js";var e=o();const m=r(e);export{m as default};

package/dist/components/boolean/boolean.gator.js

@@ -1,6 +1,6 @@
-import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as l}from"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as h}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as u}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import g from"../../packages/web-components/src/components/boolean/boolean.gator.scss.js";import c from"../../packages/web-components/src/components/boolean/boolean.gator.tokens.scss.js";import{generateRandomId as m,getElementId as f}from"../../utils/string-utils.js";import"../radio-group/radio-group.gator.js";import{NgcInputText as b}from"../input/gator/input-text/input-text.gator.js";import{unsafeCSS as p}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,_=Object.getOwnPropertyDescriptor,$=Object.getPrototypeOf,w=Reflect.get,d=(e,t,o,a)=>{for(var r=a>1?void 0:a?_(t,o):t,i=e.length-1,n;i>=0;i--)(n=e[i])&&(r=(a?n(t,o,r):n(r))||r);return a&&r&&v(t,o,r),r},y=(e,t,o)=>w($(e),o,t);let s=class extends b{constructor(){super(...arguments),this.options=[],this._randomId=m()}firstUpdated(){this.handleResize(),window.addEventListener("resize",()=>this.handleResize())}render(){return l`
+import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as l}from"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as h}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as g}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import u from"../../packages/web-components/src/components/boolean/boolean.gator.scss.js";import m from"../../packages/web-components/src/components/boolean/boolean.gator.tokens.scss.js";import{generateRandomId as c,getElementId as b}from"../../utils/string-utils.js";import"../radio-group/radio-group.gator.js";import{NgcInputText as f}from"../input/gator/input-text/input-text.gator.js";import{classMap as v}from"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/class-map.js";import{unsafeCSS as p}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var _=Object.defineProperty,$=Object.getOwnPropertyDescriptor,w=Object.getPrototypeOf,y=Reflect.get,d=(e,t,o,a)=>{for(var r=a>1?void 0:a?$(t,o):t,i=e.length-1,n;i>=0;i--)(n=e[i])&&(r=(a?n(t,o,r):n(r))||r);return a&&r&&_(t,o,r),r},x=(e,t,o)=>y(w(e),o,t);let s=class extends f{constructor(){super(...arguments),this.options=[],this._randomId=c()}firstUpdated(){this.handleResize(),window.addEventListener("resize",()=>this.handleResize())}render(){return l`
 			<ngc-radio-group
-				class=${this.booleanClasses}
+				class=${v(this.booleanClasses)}
 				id=${this.elementId}
 				.value=${this.value}
 				.disabled=${this.disabled}
@@ -8,13 +8,14 @@ import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/re
 				help-text=${this.helpText}
 				error-text=${this.errorText}
 				@change=${this.handleChange}
+				?skeleton=${this.skeleton}
 			>
 				${this.booleanOptions}
-			</ngc-radio-group>`}get elementId(){return f(this.id,this._randomId)}get booleanClasses(){let e=["gator-boolean"];return this.isWrapped&&e.push("gator-boolean_wrapped"),this.errorText&&e.push("gator-boolean_error"),this.disabled&&e.push("gator-boolean_disabled"),e.join(" ")}get booleanOptions(){if(!this.options)return null;const e=this.options.map((t,o)=>l`
+			</ngc-radio-group>`}get elementId(){return b(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)=>l`
 				<ngc-radio
 					id="${this.elementId}-option-${o}"
 					class="gator-boolean-option-${o}${this.selectedClass(t)}"
 					value=${t.value}
 					title-text=${t.label}
 				></ngc-radio>
-			`);return l`${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.value=t.detail,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this.value}))}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=[...y(s,s,"styles"),p(g),p(c)];d([u({type:Array})],s.prototype,"options",2);s=d([h("ngc-boolean")],s);export{s as NgcBoolean};
+			`);return l`${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.value=t.detail,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this.value}))}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=[...x(s,s,"styles"),p(u),p(m)];d([g({type:Array})],s.prototype,"options",2);s=d([h("ngc-boolean")],s);export{s as NgcBoolean};

package/dist/components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.js

@@ -1,6 +1,6 @@
-import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as b}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as m}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import l from"../../../../packages/web-components/src/components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.scss.js";import n from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import h from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import d from"../../../../packages/web-components/src/components/breadcrumbs/gator/breadcrumbs.gator.tokens.scss.js";import{createRef as g,ref as y}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/ref.js";import{TestableLitElement as v}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import{unsafeCSS as o}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var _=Object.defineProperty,$=Object.getOwnPropertyDescriptor,t=(c,s,p,a)=>{for(var r=a>1?void 0:a?$(s,p):s,i=c.length-1,u;i>=0;i--)(u=c[i])&&(r=(a?u(s,p,r):u(r))||r);return a&&r&&_(s,p,r),r};let e=class extends v{constructor(){super(...arguments),this.current=!1,this.first=!1,this.label="",this.href="",this.crumbRef=g()}updated(){this.current&&this.crumbRef.value?.setAttribute("aria-current","page")}render(){return b`
+import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as b}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as n}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as m}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import l from"../../../../packages/web-components/src/components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.scss.js";import h from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import d from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import g from"../../../../packages/web-components/src/components/breadcrumbs/gator/breadcrumbs.gator.tokens.scss.js";import{createRef as y,ref as v}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/ref.js";import{TestableLitElement as f}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import{unsafeCSS as a}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var O=Object.defineProperty,R=Object.getOwnPropertyDescriptor,e=(c,s,p,o)=>{for(var t=o>1?void 0:o?R(s,p):s,i=c.length-1,u;i>=0;i--)(u=c[i])&&(t=(o?u(s,p,t):u(t))||t);return o&&t&&O(s,p,t),t};let r=class extends f{constructor(){super(...arguments),this.current=!1,this.first=!1,this.label="",this.href="",this.crumbRef=y()}updated(){this.current&&this.crumbRef.value?.setAttribute("aria-current","page")}render(){return b`
             ${this.breadcrumbSeparator}
-            <a ${y(this.crumbRef)} class="${this.breadcrumbClass}" .href="${this.href}">
+            <a ${v(this.crumbRef)} class="${this.breadcrumbClass}" .href="${this.href}">
                 ${this.label}
             </a>
-        `}get breadcrumbClass(){return this.current?"gator-breadcrumb gator-breadcrumb-current":"gator-breadcrumb"}get breadcrumbSeparator(){return this.first?null:b`<span class="gator-breadcrumb-separator">/</span>`}};e.styles=[o(l),o(n),o(h),o(d)];t([m({type:Boolean})],e.prototype,"current",2);t([m({type:Boolean})],e.prototype,"first",2);t([m()],e.prototype,"label",2);t([m()],e.prototype,"href",2);e=t([f("ngc-breadcrumb")],e);export{e as NgcBreadcrumb};
+        `}get breadcrumbClass(){return this.current?"gator-breadcrumb gator-breadcrumb-current":"gator-breadcrumb"}get breadcrumbSeparator(){return this.first?null:b`<span class="gator-breadcrumb-separator">/</span>`}};r.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0};r.styles=[a(l),a(h),a(d),a(g)];e([m({type:Boolean})],r.prototype,"current",2);e([m({type:Boolean})],r.prototype,"first",2);e([m()],r.prototype,"label",2);e([m()],r.prototype,"href",2);r=e([n("ngc-breadcrumb")],r);export{r as NgcBreadcrumb};

package/dist/components/input/base/input-base.gator.js

@@ -8,6 +8,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit
                 id="${this.labelId}"
                 ?required="${this.required}"
                 ?disabled="${this.disabled}"
+                ?skeleton="${this.skeleton}"
             >
                 ${this.label}
             </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?i`

package/dist/components/input/base/input-base.js

@@ -1 +1 @@
-import{property as e}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as h}from"../../../utils/components/testable-lit-element/testable-lit-element.js";var y=Object.defineProperty,r=(p,a,s,d)=>{for(var o=void 0,i=p.length-1,n;i>=0;i--)(n=p[i])&&(o=n(a,s,o)||o);return o&&y(a,s,o),o};const l=class l extends h{constructor(){super(),this.form=null,this.id="",this.required=!1,this.disabled=!1,this.readonly=!1,this.label="",this.ariaDescription=null,this.ariaLabelledByElements=void 0,this.placeholder="",this.errorText="",this.helpText="",this.type="text",this.startIcon="",this.endIcon="",this.maxLength=void 0,this.iconAsLabel=!1,this.internals=this.attachInternals()}formAssociatedCallback(a){this.form=a}};l.formAssociated=!0;let t=l;r([e()],t.prototype,"id");r([e({type:Boolean})],t.prototype,"required");r([e({type:Boolean})],t.prototype,"disabled");r([e({type:Boolean})],t.prototype,"readonly");r([e()],t.prototype,"label");r([e({attribute:"aria-description"})],t.prototype,"ariaDescription");r([e({type:Array,attribute:"aria-labelled-by-elements"})],t.prototype,"ariaLabelledByElements");r([e()],t.prototype,"placeholder");r([e()],t.prototype,"value");r([e({attribute:"error-text"})],t.prototype,"errorText");r([e({attribute:"help-text"})],t.prototype,"helpText");r([e()],t.prototype,"type");r([e({attribute:"start-icon"})],t.prototype,"startIcon");r([e({attribute:"end-icon"})],t.prototype,"endIcon");r([e({attribute:"max-length"})],t.prototype,"maxLength");r([e({type:Boolean,attribute:"icon-as-label"})],t.prototype,"iconAsLabel");export{t as InputBase};
+import{property as e}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as h}from"../../../utils/components/testable-lit-element/testable-lit-element.js";var y=Object.defineProperty,o=(p,i,s,d)=>{for(var r=void 0,a=p.length-1,n;a>=0;a--)(n=p[a])&&(r=n(i,s,r)||r);return r&&y(i,s,r),r};const l=class l extends h{constructor(){super(),this.form=null,this.id="",this.required=!1,this.disabled=!1,this.readonly=!1,this.label="",this.ariaDescription=null,this.ariaLabelledByElements=void 0,this.placeholder="",this.errorText="",this.helpText="",this.type="text",this.startIcon="",this.endIcon="",this.minLength=void 0,this.maxLength=void 0,this.iconAsLabel=!1,this.skeleton=!1,this.internals=this.attachInternals()}formAssociatedCallback(i){this.form=i}};l.formAssociated=!0;let t=l;o([e()],t.prototype,"id");o([e({type:Boolean})],t.prototype,"required");o([e({type:Boolean})],t.prototype,"disabled");o([e({type:Boolean})],t.prototype,"readonly");o([e()],t.prototype,"label");o([e({attribute:"aria-description"})],t.prototype,"ariaDescription");o([e({type:Array,attribute:"aria-labelled-by-elements"})],t.prototype,"ariaLabelledByElements");o([e()],t.prototype,"placeholder");o([e()],t.prototype,"value");o([e({attribute:"error-text"})],t.prototype,"errorText");o([e({attribute:"help-text"})],t.prototype,"helpText");o([e()],t.prototype,"type");o([e({attribute:"start-icon"})],t.prototype,"startIcon");o([e({attribute:"end-icon"})],t.prototype,"endIcon");o([e({attribute:"min-length"})],t.prototype,"minLength");o([e({attribute:"max-length"})],t.prototype,"maxLength");o([e({type:Boolean,attribute:"icon-as-label"})],t.prototype,"iconAsLabel");o([e({type:Boolean})],t.prototype,"skeleton");export{t as InputBase};

package/dist/components/input/gator/input-date/input-date.gator.js

@@ -1,4 +1,4 @@
-import"../../../icon-button/gator/icon-button.gator.js";import"../../../date-picker/base/gator/datepicker.gator.js";import{customElement as g}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as o}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as d}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import{NgcInputText as v}from"../input-text/input-text.gator.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as m}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{createRef as c,ref as D}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/ref.js";import{autoUpdate as _,computePosition as y}from"../../../../node_modules/.pnpm/@floating-ui_dom@1.7.2/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import b from"../../../../packages/web-components/src/components/input/gator/input-date/input-date.gator.scss.js";import{NgcErrorEvent as I,NgcErrorReason as E}from"../../../../utils/error-utils.js";import{msg as R}from"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import{localized as x}from"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/internal/localized-decorator.js";import"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import{ifDefined as f}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as k}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var $=Object.defineProperty,T=Object.getOwnPropertyDescriptor,V=Object.getPrototypeOf,S=Reflect.get,r=(t,a,e,i)=>{for(var n=i>1?void 0:i?T(a,e):a,h=t.length-1,l;h>=0;h--)(l=t[h])&&(n=(i?l(a,e,n):l(n))||n);return i&&n&&$(a,e,n),n},L=(t,a,e)=>S(V(t),e,a),N=(t=>(t.INVALID_FORMAT="invalid-format",t.LESS_THAN_MIN_DATE="less-than-min-date",t.GREATER_THAN_MAX_DATE="greater-than-max-date",t.OUTSIDE_RANGE="outside-range",t.INVALID_START_DATE="invalid-start-date",t.INVALID_END_DATE="invalid-end-date",t))(N||{});let s=class extends v{constructor(){super(...arguments),this.locale=navigator.language,this.sundayStart=!1,this.range=!1,this.startDateLabel="Start Date",this.endDateLabel="End Date",this.datepickerRef=c(),this.datepickerTriggerRef=c(),this.startInputRef=c(),this.endInputRef=c(),this.groupRef=c(),this.dateValue=null,this._dateSeparator="/",this._messageInvalidFormat="Invalid date. Please provide a valid date with format {0}.",this._messageLessThanMinDate="Date must be after {0}.",this._messageGreaterThanMaxDate="Date must be before {0}.",this._messageOutsideRange="Date must be between {0} and {1}.",this._messageInvalidStartDate="{0} must come before {1}: {2}.",this._messageInvalidEndDate="{0} must come after {1}: {2}.",this._datePickerVisible=!1,this._startDate=null,this._endDate=null}connectedCallback(){super.connectedCallback(),this.endIcon="calendar"}updated(t){super.updated(t),t.has("locale")&&((this.locale===void 0||this.locale==="")&&(this.locale=navigator.language),this.setLocaleDateFormat(),this._value=this.value?this.value.toLocaleDateString(this.locale):""),t.has("value")&&(this.value&&this.value instanceof Date&&!isNaN(this.value.getTime())?(this.dateValue=this.value,this._value=this.value.toLocaleDateString(this.locale)):(this.dateValue=null,this._value="")),t.has("startDate")&&(this.startDate&&this.startDate instanceof Date&&!isNaN(this.startDate.getTime())?(this._startDate=this.startDate,this._startDateInputValue=this.startDate.toLocaleDateString(this.locale)):(this._startDate=null,this._startDateInputValue="")),t.has("endDate")&&(this.endDate&&this.endDate instanceof Date&&!isNaN(this.endDate.getTime())?(this._endDate=this.endDate,this._endDateInputValue=this.endDate.toLocaleDateString(this.locale)):(this._endDate=null,this._endDateInputValue=""))}render(){return m`
+import"../../../icon-button/gator/icon-button.gator.js";import"../../../date-picker/base/gator/datepicker.gator.js";import{customElement as g}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as h}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as d}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import{NgcInputText as v}from"../input-text/input-text.gator.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as m}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{createRef as c,ref as D}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/ref.js";import{autoUpdate as _,computePosition as I}from"../../../../node_modules/.pnpm/@floating-ui_dom@1.7.2/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import k from"../../../../packages/web-components/src/components/input/gator/input-date/input-date.gator.scss.js";import{NgcErrorEvent as y,NgcErrorReason as b}from"../../../../utils/error-utils.js";import{msg as E}from"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import{localized as R}from"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/internal/localized-decorator.js";import"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import{ifDefined as f}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as x}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var S=Object.defineProperty,$=Object.getOwnPropertyDescriptor,V=Object.getPrototypeOf,T=Reflect.get,r=(t,e,a,i)=>{for(var n=i>1?void 0:i?$(e,a):e,o=t.length-1,l;o>=0;o--)(l=t[o])&&(n=(i?l(e,a,n):l(n))||n);return i&&n&&S(e,a,n),n},L=(t,e,a)=>T(V(t),a,e),N=(t=>(t.INVALID_FORMAT="invalid-format",t.LESS_THAN_MIN_DATE="less-than-min-date",t.GREATER_THAN_MAX_DATE="greater-than-max-date",t.OUTSIDE_RANGE="outside-range",t.INVALID_START_DATE="invalid-start-date",t.INVALID_END_DATE="invalid-end-date",t))(N||{});let s=class extends v{constructor(){super(...arguments),this.locale=navigator.language,this.sundayStart=!1,this.range=!1,this.startDateLabel="Start Date",this.endDateLabel="End Date",this.maskInput=!1,this._value="",this.datepickerRef=c(),this.datepickerTriggerRef=c(),this.startInputRef=c(),this.endInputRef=c(),this.groupRef=c(),this.dateValue=null,this._dateSeparator="/",this._messageInvalidFormat="Invalid date. Please provide a valid date with format {0}.",this._messageLessThanMinDate="Date must be after {0}.",this._messageGreaterThanMaxDate="Date must be before {0}.",this._messageOutsideRange="Date must be between {0} and {1}.",this._messageInvalidStartDate="{0} must come before {1}: {2}.",this._messageInvalidEndDate="{0} must come after {1}: {2}.",this._datePickerVisible=!1,this._startDate=null,this._endDate=null,this._maskPattern="",this._dateString=""}connectedCallback(){super.connectedCallback(),this.endIcon="calendar"}updated(t){if(super.updated(t),t.has("locale")&&((this.locale===void 0||this.locale==="")&&(this.locale=navigator.language),this.setLocaleDateFormat(),this._value=this.value?this.value.toLocaleDateString(this.locale):""),t.has("value"))if(this.value&&this.value instanceof Date&&!isNaN(this.value.getTime())){this.dateValue=this.value;const e=this.value.toLocaleDateString(this.locale);this._dateString=e,this.maskInput&&this.maskDate(e),this.maskInput?this._value=this._maskPattern:this._value=e}else this._dateString="",this._maskPattern="",this.dateValue=null,this._value="";if(t.has("dateValue"))if(this.dateValue&&this.dateValue instanceof Date&&!isNaN(this.dateValue.getTime())){const e=this.dateValue.toLocaleDateString(this.locale);this._dateString=e,this.maskInput&&this.maskDate(e)}else this.dateValue===null&&(this._dateString="",this._maskPattern="");if(t.has("startDate")&&(this.startDate&&this.startDate instanceof Date&&!isNaN(this.startDate.getTime())?(this._startDate=this.startDate,this._startDateInputValue=this.startDate.toLocaleDateString(this.locale)):(this._startDate=null,this._startDateInputValue="")),t.has("endDate")&&(this.endDate&&this.endDate instanceof Date&&!isNaN(this.endDate.getTime())?(this._endDate=this.endDate,this._endDateInputValue=this.endDate.toLocaleDateString(this.locale)):(this._endDate=null,this._endDateInputValue="")),t.has("maskInput")&&this.value&&this.value instanceof Date&&!isNaN(this.value.getTime())){const e=this.value.toLocaleDateString(this.locale);this._dateString=e,this.maskInput?(this.maskDate(e),this._value=this._maskPattern):this._value=e}}render(){return m`
             ${this.range?this.rangeMarkup:super.render()}
             ${this.datepickerMarkup}
         `}get endIconMarkup(){return this.calendarIconMarkup}get calendarIconMarkup(){return m`
@@ -8,7 +8,7 @@ import"../../../icon-button/gator/icon-button.gator.js";import"../../../date-pic
                 ?disabled=${this.disabled||this.readonly}
                 size="medium"
                 icon-name="calendar"
-                .ariaLabel="${R("Open date picker")}"
+                .ariaLabel="${E("Open date picker")}"
                 @click=${this.toggleVisibility}
             ></ngc-icon-button>
         `}get datepickerMarkup(){return m`
@@ -29,7 +29,7 @@ import"../../../icon-button/gator/icon-button.gator.js";import"../../../date-pic
                 @done=${this.closeDatepicker}
                 @keydown=${t=>{t.key==="Escape"&&this.closeDatepicker()}}
             ></ngc-datepicker>
-        `}handleDatepickerFocusOut(t){t.relatedTarget!==this.datepickerTriggerRef.value&&(this._datePickerVisible=!1)}closeDatepicker(){this.datepickerRef.value?.handleClose(),this._datePickerVisible=!1,this.range?this.startInputRef.value?.focus():this.inputRef.value?.focus()}get datepickerSelectedDate(){return this.dateValue instanceof Date&&!isNaN(this.dateValue.getTime())?this.dateValue:null}handleChange(t){t.preventDefault(),t.stopPropagation();const a=t.target;this._value=a.value,this.validateDate((e,i)=>this.setDateValue(e,i),a.value),this.dispatchEvent(new CustomEvent("change",this.dateEventData))}handleInputEvent(t){t.preventDefault(),t.stopPropagation();const a=t.target;this._value=a.value,this.validateDate((e,i)=>this.setDateValue(e,i),a.value),this.dispatchEvent(new CustomEvent("input",this.dateEventData))}setDateValue(t,a){a?this._internalValidationError=a:this._internalValidationError="",this.dateValue=t}handleDatepickerChange(t){t.detail.date?this._value=new Intl.DateTimeFormat(this.locale).format(t.detail.date):this._value="",this.dateValue=t.detail.date,this._internalValidationError="",this.dispatchEvent(new CustomEvent("change",this.dateEventData))}get dateEventData(){return{bubbles:!0,composed:!0,detail:{value:this._value,valueAsDate:this.dateValue}}}get rangeMarkup(){return requestAnimationFrame(()=>{const t=this.shadowRoot?.querySelector("ngc-input-label"),a=this.shadowRoot?.querySelectorAll("ngc-help-text");t&&this.groupRef.value&&(this.groupRef.value.ariaLabelledByElements=[t]),a&&this.groupRef.value&&(this.groupRef.value.ariaDescribedByElements=Array.from(a))}),m`
+        `}handleDatepickerFocusOut(t){t.relatedTarget!==this.datepickerTriggerRef.value&&(this._datePickerVisible=!1)}closeDatepicker(){this.datepickerRef.value?.handleClose(),this._datePickerVisible=!1,this.range?this.startInputRef.value?.focus():this.inputRef.value?.focus()}get datepickerSelectedDate(){return this.dateValue instanceof Date&&!isNaN(this.dateValue.getTime())?this.dateValue:null}handleChange(t){t.preventDefault(),t.stopPropagation();const e=t.target;this._value=e.value,this.validateDate((a,i)=>this.setDateValue(a,i),e.value),this.dispatchEvent(new CustomEvent("change",this.dateEventData))}handleInputEvent(t){t.preventDefault(),t.stopPropagation();const e=t.target;this._value=e.value,this.validateDate((a,i)=>this.setDateValue(a,i),e.value),this.dispatchEvent(new CustomEvent("input",this.dateEventData))}handleInputFocusIn(){super.handleInputFocusIn(),this.maskInput&&!this._internalValidationError&&this._maskPattern&&(this._value=this._dateString)}handleInputFocusOut(){super.handleInputFocusOut(),this.maskInput&&!this._internalValidationError&&this._maskPattern&&(this._value=this._maskPattern)}setDateValue(t,e){e?this._internalValidationError=e:this._internalValidationError="",this.dateValue=t}handleDatepickerChange(t){t.detail.date?this._value=new Intl.DateTimeFormat(this.locale).format(t.detail.date):this._value="",this.dateValue=t.detail.date,this._internalValidationError="",this.dispatchEvent(new CustomEvent("change",this.dateEventData))}get dateEventData(){return{bubbles:!0,composed:!0,detail:{value:this._value,valueAsDate:this.dateValue}}}get rangeMarkup(){return requestAnimationFrame(()=>{const t=this.shadowRoot?.querySelector("ngc-input-label"),e=this.shadowRoot?.querySelectorAll("ngc-help-text");t&&this.groupRef.value&&(this.groupRef.value.ariaLabelledByElements=[t]),e&&this.groupRef.value&&(this.groupRef.value.ariaDescribedByElements=Array.from(e))}),m`
             <div ${D(this.groupRef)} role="group">
                 ${this.labelMarkup}
                 <div class="gator-input-date-range">
@@ -42,8 +42,8 @@ import"../../../icon-button/gator/icon-button.gator.js";import"../../../date-pic
                         ?disabled=${this.disabled}
                         ?required=${this.required}
                         ?readonly=${this.readonly}
-                        @input=${t=>this.handleRangeInputEvent(t,(a,e)=>this.setStartDate(a,t.detail.value,e))}
-                        @change=${t=>this.handleRangeChangeEvent(t,(a,e)=>this.setStartDate(a,t.detail.value,e))}
+                        @input=${t=>this.handleRangeInputEvent(t,(e,a)=>this.setStartDate(e,t.detail.value,a))}
+                        @change=${t=>this.handleRangeChangeEvent(t,(e,a)=>this.setStartDate(e,t.detail.value,a))}
                     >
                         ${this.calendarIconMarkup}
                     </ngc-input-text>
@@ -56,12 +56,12 @@ import"../../../icon-button/gator/icon-button.gator.js";import"../../../date-pic
                         ?disabled=${this.disabled}
                         ?required=${this.required}
                         ?readonly=${this.readonly}
-                        @input=${t=>this.handleRangeInputEvent(t,(a,e)=>this.setEndDate(a,t.detail.value,e))}
-                        @change=${t=>this.handleRangeChangeEvent(t,(a,e)=>this.setEndDate(a,t.detail.value,e))}
+                        @input=${t=>this.handleRangeInputEvent(t,(e,a)=>this.setEndDate(e,t.detail.value,a))}
+                        @change=${t=>this.handleRangeChangeEvent(t,(e,a)=>this.setEndDate(e,t.detail.value,a))}
                     >
                         ${this.calendarIconMarkup}
                     </ngc-input-text>
                 </div>
                 ${this.bottomText}
             </div>
-        `}setStartDate(t,a,e){this.errorText||(e?this.startInputRef.value.errorText=e:this.startInputRef.value.errorText=""),this._startDate=t,this._startDateInputValue=a}setEndDate(t,a,e){this.errorText||(e?this.endInputRef.value.errorText=e:this.endInputRef.value.errorText=""),this._endDate=t,this._endDateInputValue=a}get datepickerStartDate(){if(this._startDate instanceof Date&&!isNaN(this._startDate.getTime()))return this._startDate}get datepickerEndDate(){if(this._endDate instanceof Date&&!isNaN(this._endDate.getTime()))return this._endDate}handleRangeInputEvent(t,a){t.preventDefault(),t.stopPropagation();const e=t.detail.value;this.validateDate(a,e),this.dispatchEvent(new CustomEvent("input",this.rangeEventData))}handleRangeChangeEvent(t,a){t.preventDefault(),t.stopPropagation();const e=t.detail.value;this.validateDate(a,e),this.dispatchEvent(new CustomEvent("change",this.rangeEventData))}get rangeEventData(){return{bubbles:!0,composed:!0,detail:{startDate:this._startDate,endDate:this._endDate,value:this.dateRangeTextValue}}}get dateRangeTextValue(){const t=this._startDate instanceof Date?this._startDate.toLocaleDateString(this.locale):"",a=this._endDate instanceof Date?this._endDate.toLocaleDateString(this.locale):"";return`${t} - ${a}`}handleDatepickerRangeChange(t){!t.detail.startDate&&!t.detail.endDate&&this.closeDatepicker(),t.detail.startDate!==this._startDate&&(this._startDate=t.detail.startDate,this._startDateInputValue=t.detail.startDate?new Intl.DateTimeFormat(this.locale).format(t.detail.startDate):""),t.detail.endDate!==this.endDate&&(this._endDate=t.detail.endDate,this._endDateInputValue=t.detail.endDate?new Intl.DateTimeFormat(this.locale).format(t.detail.endDate):""),this.errorText||(this.endInputRef.value.errorText="",this.startInputRef.value.errorText=""),this.dispatchEvent(new CustomEvent("change",this.rangeEventData))}validateDate(t,a){let e=this.getDateValueFromLocalizedDateString(a),i=null;typeof e=="number"&&isNaN(e)&&(i=this.handleError("invalid-format")),e&&typeof e=="object"&&(this.minDate&&e<this.minDate&&(i=this.handleError("less-than-min-date")),this.maxDate&&e>this.maxDate&&(i=this.handleError("greater-than-max-date")),this.minDate&&this.maxDate&&(e<this.minDate||e>this.maxDate)&&(i=this.handleError("outside-range")),this.range&&(this._startDate&&e<this._startDate&&(i=this.handleError("invalid-end-date")),this._endDate&&e>this._endDate&&(i=this.handleError("invalid-start-date")))),t(e,i)}setLocaleDateFormat(){const t=new Intl.DateTimeFormat(this.locale).formatToParts(new Date("12/31/1999")),a=t.find(l=>l.type==="literal")?.value,e={day:"dd",month:"mm",year:"yyyy"},i={day:"([1-9]|0[1-9]|[12][0-9]|3[01])",month:"([1-9]|0[1-9]|1[0-2])",year:"\\d{4}"},n=new Map,h=new Map;t.forEach((l,u)=>{e[l.type]&&(n.set(u,e[l.type]),h.set(u,i[l.type]))}),this._dateSeparator=a||"/",this._localizedDateRegex=new RegExp(`^${Array.from(h.values()).join(this._dateSeparator)}$`),this.localizedExpectedDateFormat=Array.from(n.values()).join(this._dateSeparator),this._placeholder=this.localizedExpectedDateFormat}getDateValueFromLocalizedDateString(t){if(!t||t==="")return null;if(!this._localizedDateRegex?.test(t))return NaN;const e=t.split(this._dateSeparator),i=this.localizedExpectedDateFormat?.split(this._dateSeparator)||[],n=i.findIndex(p=>p.toLowerCase().includes("y")),h=i.findIndex(p=>p.toLowerCase().includes("m")),l=i.findIndex(p=>p.toLowerCase().includes("d")),u=new Date(parseInt(e[n]),parseInt(e[h])-1,parseInt(e[l]));return isNaN(u.getTime())?NaN:u}toggleVisibility(){this._datePickerVisible=!this._datePickerVisible,this._datePickerVisible&&(this.assignPosition(),this.datepickerRef.value?.shiftFocusToCalendarGrid())}assignPosition(){const t=this.range?this.endInputRef.value?.controlRef.value:this.controlRef.value;!this.datepickerRef||!this.datepickerRef.value||!t||(this._cleanup=_(t,this.datepickerRef.value,async()=>{if(!this.datepickerRef||!this.datepickerRef.value||!t)return;const{x:a,y:e,placement:i}=await y(t,this.datepickerRef.value,{placement:"bottom-end"});let n=i.includes("bottom")?4:-4;Object.assign(this.datepickerRef.value.style,{left:`${a}px`,top:`${e+n}px`})}))}handleError(t){switch(this.dispatchEvent(new I({errorReason:E.VALIDATION,component:{errorReason:t}})),t){case"invalid-format":return this._messageInvalidFormat.replace("{0}",this.localizedExpectedDateFormat);case"less-than-min-date":return this._messageLessThanMinDate.replace("{0}",this.minDate?.toLocaleDateString(this.locale)||"");case"greater-than-max-date":return this._messageGreaterThanMaxDate.replace("{0}",this.maxDate?.toLocaleDateString(this.locale)||"");case"outside-range":return this._messageOutsideRange.replace("{0}",this.minDate?.toLocaleDateString(this.locale)||"").replace("{1}",this.maxDate?.toLocaleDateString(this.locale)||"");case"invalid-start-date":return this._messageInvalidStartDate.replace("{0}",this.startDateLabel||"").replace("{1}",this.endDateLabel||"").replace("{2}",this._endDateInputValue||"");case"invalid-end-date":return this._messageInvalidEndDate.replace("{0}",this.endDateLabel||"").replace("{1}",this.startDateLabel||"").replace("{2}",this._startDateInputValue||"");default:return null}}};s.styles=[...L(s,s,"styles"),k(b)];r([o({type:Date})],s.prototype,"value",2);r([o({type:String,attribute:"locale"})],s.prototype,"locale",2);r([o({type:Date,attribute:"min-date"})],s.prototype,"minDate",2);r([o({type:Date,attribute:"max-date"})],s.prototype,"maxDate",2);r([o({type:Boolean,attribute:"sunday-start"})],s.prototype,"sundayStart",2);r([o({type:Boolean,attribute:"range"})],s.prototype,"range",2);r([o({type:Date,attribute:"start-date"})],s.prototype,"startDate",2);r([o({type:Date,attribute:"end-date"})],s.prototype,"endDate",2);r([o({type:String,attribute:"start-date-label"})],s.prototype,"startDateLabel",2);r([o({type:String,attribute:"end-date-label"})],s.prototype,"endDateLabel",2);r([d()],s.prototype,"dateValue",2);r([d()],s.prototype,"_datePickerVisible",2);r([d()],s.prototype,"_startDate",2);r([d()],s.prototype,"_endDate",2);r([d()],s.prototype,"_startDateInputValue",2);r([d()],s.prototype,"_endDateInputValue",2);s=r([g("ngc-input-date"),x()],s);export{N as DateValidationError,s as NgcInputDate};
+        `}setStartDate(t,e,a){this.errorText||(a?this.startInputRef.value.errorText=a:this.startInputRef.value.errorText=""),this._startDate=t,this._startDateInputValue=e}setEndDate(t,e,a){this.errorText||(a?this.endInputRef.value.errorText=a:this.endInputRef.value.errorText=""),this._endDate=t,this._endDateInputValue=e}get datepickerStartDate(){if(this._startDate instanceof Date&&!isNaN(this._startDate.getTime()))return this._startDate}get datepickerEndDate(){if(this._endDate instanceof Date&&!isNaN(this._endDate.getTime()))return this._endDate}handleRangeInputEvent(t,e){t.preventDefault(),t.stopPropagation();const a=t.detail.value;this.validateDate(e,a),this.dispatchEvent(new CustomEvent("input",this.rangeEventData))}handleRangeChangeEvent(t,e){t.preventDefault(),t.stopPropagation();const a=t.detail.value;this.validateDate(e,a),this.dispatchEvent(new CustomEvent("change",this.rangeEventData))}get rangeEventData(){return{bubbles:!0,composed:!0,detail:{startDate:this._startDate,endDate:this._endDate,value:this.dateRangeTextValue}}}get dateRangeTextValue(){const t=this._startDate instanceof Date?this._startDate.toLocaleDateString(this.locale):"",e=this._endDate instanceof Date?this._endDate.toLocaleDateString(this.locale):"";return`${t} - ${e}`}handleDatepickerRangeChange(t){!t.detail.startDate&&!t.detail.endDate&&this.closeDatepicker(),t.detail.startDate!==this._startDate&&(this._startDate=t.detail.startDate,this._startDateInputValue=t.detail.startDate?new Intl.DateTimeFormat(this.locale).format(t.detail.startDate):""),t.detail.endDate!==this.endDate&&(this._endDate=t.detail.endDate,this._endDateInputValue=t.detail.endDate?new Intl.DateTimeFormat(this.locale).format(t.detail.endDate):""),this.errorText||(this.endInputRef.value.errorText="",this.startInputRef.value.errorText=""),this.dispatchEvent(new CustomEvent("change",this.rangeEventData))}validateDate(t,e){let a=this.getDateValueFromLocalizedDateString(e),i=null;typeof a=="number"&&isNaN(a)&&(i=this.handleError("invalid-format")),a&&typeof a=="object"&&(this.minDate&&a<this.minDate&&(i=this.handleError("less-than-min-date")),this.maxDate&&a>this.maxDate&&(i=this.handleError("greater-than-max-date")),this.minDate&&this.maxDate&&(a<this.minDate||a>this.maxDate)&&(i=this.handleError("outside-range")),this.range&&(this._startDate&&a<this._startDate&&(i=this.handleError("invalid-end-date")),this._endDate&&a>this._endDate&&(i=this.handleError("invalid-start-date")))),t(a,i)}setLocaleDateFormat(){const t=new Intl.DateTimeFormat(this.locale).formatToParts(new Date("12/31/1999")),e=t.find(l=>l.type==="literal")?.value,a={day:"dd",month:"mm",year:"yyyy"},i={day:"([1-9]|0[1-9]|[12][0-9]|3[01])",month:"([1-9]|0[1-9]|1[0-2])",year:"\\d{4}"},n=new Map,o=new Map;t.forEach((l,u)=>{a[l.type]&&(n.set(u,a[l.type]),o.set(u,i[l.type]))}),this._dateSeparator=e||"/",this._localizedDateRegex=new RegExp(`^${Array.from(o.values()).join(this._dateSeparator)}$`),this.localizedExpectedDateFormat=Array.from(n.values()).join(this._dateSeparator),this._placeholder=this.localizedExpectedDateFormat}getDateValueFromLocalizedDateString(t){if(!t||t==="")return null;if(!this._localizedDateRegex?.test(t))return NaN;const a=t.split(this._dateSeparator),i=this.localizedExpectedDateFormat?.split(this._dateSeparator)||[],n=i.findIndex(p=>p.toLowerCase().includes("y")),o=i.findIndex(p=>p.toLowerCase().includes("m")),l=i.findIndex(p=>p.toLowerCase().includes("d")),u=new Date(parseInt(a[n]),parseInt(a[o])-1,parseInt(a[l]));return isNaN(u.getTime())?NaN:u}maskDate(t){const e=t.split(this._dateSeparator).map(i=>i.replace(/[^\d]/g,""));if(e.length!==3){this._maskPattern="";return}const a=e.findIndex(i=>i.length===4);a===-1?this._maskPattern=e.map((i,n)=>n<2?"X".repeat(i.length):i).join(this._dateSeparator):this._maskPattern=e.map((i,n)=>n===a?i:"X".repeat(i.length)).join(this._dateSeparator)}toggleVisibility(){this._datePickerVisible=!this._datePickerVisible,this._datePickerVisible&&(this.assignPosition(),this.datepickerRef.value?.shiftFocusToCalendarGrid())}assignPosition(){const t=this.range?this.endInputRef.value?.controlRef.value:this.controlRef.value;!this.datepickerRef||!this.datepickerRef.value||!t||(this._cleanup=_(t,this.datepickerRef.value,async()=>{if(!this.datepickerRef||!this.datepickerRef.value||!t)return;const{x:e,y:a,placement:i}=await I(t,this.datepickerRef.value,{placement:"bottom-end"});let n=i.includes("bottom")?4:-4;Object.assign(this.datepickerRef.value.style,{left:`${e}px`,top:`${a+n}px`})}))}handleError(t){switch(this.dispatchEvent(new y({errorReason:b.VALIDATION,component:{errorReason:t}})),t){case"invalid-format":return this._messageInvalidFormat.replace("{0}",this.localizedExpectedDateFormat);case"less-than-min-date":return this._messageLessThanMinDate.replace("{0}",this.minDate?.toLocaleDateString(this.locale)||"");case"greater-than-max-date":return this._messageGreaterThanMaxDate.replace("{0}",this.maxDate?.toLocaleDateString(this.locale)||"");case"outside-range":return this._messageOutsideRange.replace("{0}",this.minDate?.toLocaleDateString(this.locale)||"").replace("{1}",this.maxDate?.toLocaleDateString(this.locale)||"");case"invalid-start-date":return this._messageInvalidStartDate.replace("{0}",this.startDateLabel||"").replace("{1}",this.endDateLabel||"").replace("{2}",this._endDateInputValue||"");case"invalid-end-date":return this._messageInvalidEndDate.replace("{0}",this.endDateLabel||"").replace("{1}",this.startDateLabel||"").replace("{2}",this._startDateInputValue||"");default:return null}}};s.styles=[...L(s,s,"styles"),x(k)];r([h({type:Date})],s.prototype,"value",2);r([h({type:String,attribute:"locale"})],s.prototype,"locale",2);r([h({type:Date,attribute:"min-date"})],s.prototype,"minDate",2);r([h({type:Date,attribute:"max-date"})],s.prototype,"maxDate",2);r([h({type:Boolean,attribute:"sunday-start"})],s.prototype,"sundayStart",2);r([h({type:Boolean,attribute:"range"})],s.prototype,"range",2);r([h({type:Date,attribute:"start-date"})],s.prototype,"startDate",2);r([h({type:Date,attribute:"end-date"})],s.prototype,"endDate",2);r([h({type:String,attribute:"start-date-label"})],s.prototype,"startDateLabel",2);r([h({type:String,attribute:"end-date-label"})],s.prototype,"endDateLabel",2);r([h({type:Boolean,attribute:"mask-input"})],s.prototype,"maskInput",2);r([d()],s.prototype,"dateValue",2);r([d()],s.prototype,"_datePickerVisible",2);r([d()],s.prototype,"_startDate",2);r([d()],s.prototype,"_endDate",2);r([d()],s.prototype,"_startDateInputValue",2);r([d()],s.prototype,"_endDateInputValue",2);r([d()],s.prototype,"_maskPattern",2);r([d()],s.prototype,"_dateString",2);s=r([g("ngc-input-date"),R()],s);export{N as DateValidationError,s as NgcInputDate};

package/dist/components/input/gator/input-label/input-label.gator.js

@@ -1,5 +1,5 @@
-import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as d}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as b}from"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as n}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import u from"../../../../packages/web-components/src/components/input/gator/input-label/input-label.gator.scss.js";import h from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import c from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{AttributeDeletionMixin as v}from"../../../../utils/mixins/attribute-deletion.js";import{classMap as y}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/class-map.js";import{unsafeCSS as m}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var _=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(r,o,i,s)=>{for(var e=s>1?void 0:s?g(o,i):o,l=r.length-1,p;l>=0;l--)(p=r[l])&&(e=(s?p(o,i,e):p(e))||e);return s&&e&&_(o,i,e),e};let t=class extends v(b){constructor(){super(...arguments),this.required=!1,this.disabled=!1,this.hideLabel=!1}render(){const r={"gator-label":!0,"gator-label_disabled":this.disabled,"gator-label_hidden":this.hideLabel};return d`
-            <div class=${y(r)}>
-                <slot></slot>
-                ${this.required?d`<span class="gator-label_required" aria-hidden="true">*</span>`:null}
-            </div>`}};t.shadowRootOptions={...b.shadowRootOptions,mode:"open"};t.styles=[m(u),m(c),m(h)];a([n({type:Boolean})],t.prototype,"required",2);a([n({type:Boolean})],t.prototype,"disabled",2);a([n({type:Boolean,attribute:"hide-label"})],t.prototype,"hideLabel",2);t=a([f("ngc-input-label")],t);export{t as NgcInputLabel};
+import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as h}from"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as d}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import u from"../../../../packages/web-components/src/components/input/gator/input-label/input-label.gator.scss.js";import b from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import c from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{classMap as g}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/class-map.js";import{NgcComponent as v}from"../../../../utils/components/ngc-component.js";import{unsafeCSS as m}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,a=(r,o,l,s)=>{for(var e=s>1?void 0:s?_(o,l):o,i=r.length-1,p;i>=0;i--)(p=r[i])&&(e=(s?p(o,l,e):p(e))||e);return s&&e&&y(o,l,e),e};let t=class extends v{constructor(){super(...arguments),this.required=!1,this.disabled=!1,this.hideLabel=!1}render(){const r={"gator-label":!0,"gator-label_disabled":this.disabled,"gator-label_hidden":this.hideLabel};return this.skeleton?n`<ngc-skeleton-loader width="136" height="24" radius="999"></ngc-skeleton-loader>`:n`
+                <div class=${g(r)}>
+                    <slot></slot>
+                    ${this.required?n`<span class="gator-label_required" aria-hidden="true">*</span>`:null}
+                </div>`}};t.shadowRootOptions={...h.shadowRootOptions,mode:"open"};t.styles=[m(u),m(c),m(b)];a([d({type:Boolean})],t.prototype,"required",2);a([d({type:Boolean})],t.prototype,"disabled",2);a([d({type:Boolean,attribute:"hide-label"})],t.prototype,"hideLabel",2);t=a([f("ngc-input-label")],t);export{t as NgcInputLabel};

package/dist/components/input/gator/input-masked/input-masked.gator.js

@@ -1 +1 @@
-import{customElement as c}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as l}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as p}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import{NgcInputText as d}from"../input-text/input-text.gator.js";import{KEY_CONSTANTS as h}from"../../../../consts/key-constants.js";var m=Object.defineProperty,_=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,v=Reflect.get,u=(t,e,s,r)=>{for(var a=r>1?void 0:r?_(e,s):e,n=t.length-1,o;n>=0;n--)(o=t[n])&&(a=(r?o(e,s,a):o(a))||a);return r&&a&&m(e,s,a),a},P=(t,e,s)=>v(f(t),s,e);let i=class extends d{constructor(){super(...arguments),this.maskPreset=null,this.maskPattern="",this.acceptedCharType="numeric",this.value="",this._value="",this._inputFocused=!1,this._cursorPosition=null}updated(t){super.updated(t),t.has("value")&&(this._value=this.formatValue(this.value),this.inputRef.value?.setSelectionRange(this._cursorPosition,this._cursorPosition)),t.has("errorText")&&!this.errorText&&this.validateChars(this.value),t.get("_cursorPosition")&&this.inputRef.value?.setSelectionRange(this._cursorPosition,this._cursorPosition),t.has("maskPreset")&&(this._placeholder=this.placeholder?this.placeholder:this._maskPattern.split("").map((e,s)=>e==="#"?((s+1)%10).toString():e).join(""),this._maxLength=this._maskPattern.length,this._value=this.formatValue(this.value))}handleInputEvent(t){t.preventDefault(),t.stopPropagation();const e=t.target,s=e.selectionStart??0,r=this.formatValue(e.value),a=this._value.length<e.value.length,n=!!this.displayedErrorText,o=new CustomEvent("input",{bubbles:!0,composed:!0,detail:{formatted:r,raw:n?r:r.replaceAll("-","")}});a&&e.value[s]!=="-"&&r[s-1]==="-"?this._cursorPosition=s+1:this._cursorPosition=s,this._value=r,this.dispatchEvent(o)}handleKeyup(t){if(t.key===h.LEFT||t.key===h.RIGHT){const e=t.target;this._cursorPosition=e.selectionStart??0}}handleClick(t){const e=t.target;this._cursorPosition=e.selectionStart??0}handleInputFocusIn(){super.handleInputFocusIn(),this._inputFocused=!0,this._value=this.formatValue(this.value)}handleInputFocusOut(){super.handleInputFocusOut(),this._inputFocused=!1,this._value=this.formatValue(this._value)}get _maskPattern(){switch(this.maskPreset){case"ssn":return"XXX-XX-####";case"ein":return"XX-XXX####";default:return this.maskPattern}}validateChars(t){const e={numeric:{regex:/^[0-9]*$/,errText:"numbers"},alpha:{regex:/^[a-zA-Z]*$/,errText:"letters"},alphanumeric:{regex:/^[a-zA-Z0-9]*$/,errText:"letters, numbers,"}};return e[this.acceptedCharType].regex.test(t.replaceAll("-",""))?(this._internalValidationError="",!0):(this._internalValidationError=`Invalid input. Use only ${e[this.acceptedCharType].errText} and dashes in this field.`,!1)}formatValue(t){if(!this.validateChars(t))return t;const e=t.replaceAll(/[^a-zA-Z0-9]/g,"").substring(0,this._maskPattern.length);let s="",r=0;for(let a=0;a<this._maskPattern.length&&r!==e.length;++a){const n=e[r],o=this._maskPattern[a];switch(o){case"X":{this._inputFocused?s+=n:s+="X",r++;break}case"#":{s+=n,r++;break}default:s+=o}}return s}};i.styles=[...P(i,i,"styles")];u([l({attribute:"mask-preset"})],i.prototype,"maskPreset",2);u([l({attribute:"mask-pattern"})],i.prototype,"maskPattern",2);u([l({attribute:"accepted-char-type"})],i.prototype,"acceptedCharType",2);u([p()],i.prototype,"_inputFocused",2);u([p()],i.prototype,"_cursorPosition",2);i=u([c("ngc-input-masked")],i);export{i as NgcInputMasked};
+import{customElement as c}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as u}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as p}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import{NgcInputText as v}from"../input-text/input-text.gator.js";import{KEY_CONSTANTS as h}from"../../../../consts/key-constants.js";var m=Object.defineProperty,_=Object.getOwnPropertyDescriptor,d=Object.getPrototypeOf,f=Reflect.get,l=(t,e,s,a)=>{for(var r=a>1?void 0:a?_(e,s):e,n=t.length-1,o;n>=0;n--)(o=t[n])&&(r=(a?o(e,s,r):o(r))||r);return a&&r&&m(e,s,r),r},g=(t,e,s)=>f(d(t),s,e);let i=class extends v{constructor(){super(...arguments),this.maskPreset=null,this.maskPattern="",this.acceptedCharType="numeric",this.variableMaxLength=10,this.value="",this._value="",this._inputFocused=!1,this._cursorPosition=null}updated(t){super.updated(t),t.has("value")&&(this._value=this.formatValue(this.value),this.inputRef.value?.setSelectionRange(this._cursorPosition,this._cursorPosition)),t.has("errorText")&&!this.errorText&&this.validateChars(this.value),t.get("_cursorPosition")&&this.inputRef.value?.setSelectionRange(this._cursorPosition,this._cursorPosition),t.has("maskPreset")&&(this._placeholder=this.placeholder?this.placeholder:this._maskPattern.split("").map((e,s)=>e==="#"?((s+1)%10).toString():e).join(""),this.maskPreset==="variable"?this._maxLength=this.variableMaxLength:this._maxLength=this._maskPattern.length,this._value=this.formatValue(this.value))}handleInputEvent(t){t.preventDefault(),t.stopPropagation();const e=t.target,s=e.selectionStart??0,a=this.formatValue(e.value),r=this._value.length<e.value.length,n=!!this.displayedErrorText,o=new CustomEvent("input",{bubbles:!0,composed:!0,detail:{formatted:a,raw:n?a:a.replaceAll("-","")}});r&&e.value[s]!=="-"&&a[s-1]==="-"?this._cursorPosition=s+1:this._cursorPosition=s,this._value=a,this.dispatchEvent(o)}handleKeyup(t){if(t.key===h.LEFT||t.key===h.RIGHT){const e=t.target;this._cursorPosition=e.selectionStart??0}}handleClick(t){const e=t.target;this._cursorPosition=e.selectionStart??0}handleInputFocusIn(){super.handleInputFocusIn(),this._inputFocused=!0,this._value=this.formatValue(this.value)}handleInputFocusOut(){super.handleInputFocusOut(),this._inputFocused=!1,this._value=this.formatValue(this._value)}get _maskPattern(){switch(this.maskPreset){case"ssn":return"XXX-XX-####";case"ein":return"XX-XXX####";case"variable":return this.variableMaskPattern();default:return this.maskPattern}}variableMaskPattern(){const t=this._value.length+1;return t<=5?"#".repeat(t):"X".repeat(t-5)+"#".repeat(5)}validateChars(t){const e={numeric:{regex:/^[0-9]*$/,errText:"numbers"},alpha:{regex:/^[a-zA-Z]*$/,errText:"letters"},alphanumeric:{regex:/^[a-zA-Z0-9]*$/,errText:"letters, numbers,"}};return e[this.acceptedCharType].regex.test(t.replaceAll("-",""))?(this._internalValidationError="",!0):(this._internalValidationError=`Invalid input. Use only ${e[this.acceptedCharType].errText} and dashes in this field.`,!1)}formatValue(t){if(!this.validateChars(t))return t;const e=t.replaceAll(/[^a-zA-Z0-9]/g,"").substring(0,this._maskPattern.length);let s="",a=0;for(let r=0;r<this._maskPattern.length&&a!==e.length;++r){const n=e[a],o=this._maskPattern[r];switch(o){case"X":{this._inputFocused?s+=n:s+="X",a++;break}case"#":{s+=n,a++;break}default:s+=o}}return s}};i.styles=[...g(i,i,"styles")];l([u({attribute:"mask-preset"})],i.prototype,"maskPreset",2);l([u({attribute:"mask-pattern"})],i.prototype,"maskPattern",2);l([u({attribute:"accepted-char-type"})],i.prototype,"acceptedCharType",2);l([u({attribute:"variable-max-length"})],i.prototype,"variableMaxLength",2);l([p()],i.prototype,"_inputFocused",2);l([p()],i.prototype,"_cursorPosition",2);i=l([c("ngc-input-masked")],i);export{i as NgcInputMasked};

package/dist/components/input/gator/input-text/input-text.gator.js

@@ -1,4 +1,4 @@
-import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as o}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import"../input-label/input-label.gator.js";import"../help-text/help-text.gator.js";import{customElement as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as h}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as a}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import{createRef as v,ref as c}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/ref.js";import{NgcInputBase as m}from"../../base/input-base.gator.js";import{ifDefined as u}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{live as y}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/live.js";import{classMap as _}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/class-map.js";import{msg as $}from"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";var b=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(t,e,r,l)=>{for(var n=l>1?void 0:l?g(e,r):e,d=t.length-1,p;d>=0;d--)(p=t[d])&&(n=(l?p(e,r,n):p(n))||n);return l&&n&&b(e,r,n),n};let i=class extends m{constructor(){super(...arguments),this.inputRef=v(),this.controlRef=v(),this.for="",this._inputMode="text",this._showErrors=!1,this._onInvalid=t=>{this._showErrors=!0,this.requestUpdate()}}render(){return o`
+import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as o}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import"../input-label/input-label.gator.js";import"../help-text/help-text.gator.js";import{customElement as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as u}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as a}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import{createRef as v,ref as c}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/ref.js";import{NgcInputBase as m}from"../../base/input-base.gator.js";import{ifDefined as h}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{live as y}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/live.js";import{classMap as _}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/class-map.js";import{msg as g}from"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";var $=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(t,e,r,l)=>{for(var n=l>1?void 0:l?b(e,r):e,d=t.length-1,p;d>=0;d--)(p=t[d])&&(n=(l?p(e,r,n):p(n))||n);return l&&n&&$(e,r,n),n};let i=class extends m{constructor(){super(...arguments),this.inputRef=v(),this.controlRef=v(),this.for="",this._inputMode="text",this._showErrors=!1,this._onInvalid=t=>{this._showErrors=!0,this.requestUpdate()}}render(){return o`
             <div class="gator-form-element">
                 <slot name="label">
                     ${this.label&&!this.iconAsLabel?this.labelMarkup:null}
@@ -13,7 +13,7 @@ import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@
                             ${c(this.inputRef)}
                             type="${this.type}"
                             id="${this.id}-input"
-                            data-testid=${u(this.dataTestid)}-input
+                            data-testid=${h(this.dataTestid)}-input
                             .placeholder="${y(this._placeholder)}"
                             .required="${this.required}"
                             .disabled="${this.disabled}"
@@ -24,12 +24,13 @@ import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@
                             aria-labelledby="${this.ariaLabelledbyValue}"
                             aria-describedby="${this.ariaDescribedby}"
                             .value="${y(this._value)}"
-                            maxlength="${u(this._maxLength)}"
+                            minlength="${h(this.minLength)}"
+                            maxlength="${h(this._maxLength)}"
                             .min="${this.min}"
                             .max="${this.max}"
-                            .step="${u(this.step)}"
+                            .step="${h(this.step)}"
                             inputmode="${this._inputMode}"
-                            .pattern="${u(this.pattern)}"
+                            .pattern="${h(this.pattern)}"
                             @input="${this.handleInputEvent}"
                             @change="${this.handleChange}"
                             @click="${this.handleClick}"
@@ -52,7 +53,7 @@ import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@
 
                 ${this.bottomText}
             </div>
-        `}updateRequiredValidity(){const t=this.inputRef.value;this.required&&(!t?.value||t.value==="")?(this._nativeInputError=t?.validationMessage||$("This field is required"),this.internals.setValidity({valueMissing:!0},this._nativeInputError,t??void 0)):(this._nativeInputError="",this.internals.setValidity({}))}updated(t){t.has("disabled")&&(this.disabled?this.internals.states.add("disabled"):this.internals.states.delete("disabled")),t.has("readonly")&&(this.readonly?this.internals.states.add("readonly"):this.internals.states.delete("readonly")),t.has("value")&&(this._value=this.value),t.has("placeholder")&&(this._placeholder=this.placeholder),t.has("ariaLabelledByElements")&&this.ariaLabelledByElements&&(this.inputRef.value.ariaLabelledByElements=this.ariaLabelledByElements),(t.has("required")||t.has("value"))&&this.updateRequiredValidity()}get displayedErrorText(){if(!(!this._showErrors&&!this.errorText))return this.errorText||this._internalValidationError||this._nativeInputError}get isAriaInvalid(){return this.displayedErrorText?"true":"false"}get passwordVisibilityMarkup(){return this.endIconMarkup||this.type!=="password"?null:o`
+        `}updateRequiredValidity(){const t=this.inputRef.value;this.required&&(!t?.value||t.value==="")?(this._nativeInputError=t?.validationMessage||g("This field is required"),this.internals.setValidity({valueMissing:!0},this._nativeInputError,t??void 0)):(this._nativeInputError="",this.internals.setValidity({}))}updated(t){t.has("disabled")&&(this.disabled?this.internals.states.add("disabled"):this.internals.states.delete("disabled")),t.has("readonly")&&(this.readonly?this.internals.states.add("readonly"):this.internals.states.delete("readonly")),t.has("value")&&(this._value=this.value),t.has("placeholder")&&(this._placeholder=this.placeholder),t.has("ariaLabelledByElements")&&this.ariaLabelledByElements&&(this.inputRef.value.ariaLabelledByElements=this.ariaLabelledByElements),(t.has("required")||t.has("value"))&&this.updateRequiredValidity()}get displayedErrorText(){if(!(!this._showErrors&&!this.errorText))return this.errorText||this._internalValidationError||this._nativeInputError}get isAriaInvalid(){return this.displayedErrorText?"true":"false"}get passwordVisibilityMarkup(){return this.endIconMarkup||this.type!=="password"?null:o`
             <ngc-icon name="eye-crossed" @click="${this.togglePasswordVisibility}"></ngc-icon>`}connectedCallback(){super.connectedCallback(),this._value=this.value,this._maxLength=this.maxLength,this._placeholder=this.placeholder,this.updateRequiredValidity(),this.addEventListener("invalid",this._onInvalid,!0)}handleNativeInputValidation(t){t.preventDefault(),t.stopPropagation();const e=this.inputRef.value;if(!e)return;this._showErrors=!0;const r=e.validity,l=e.validationMessage;r.valid?this._nativeInputError="":this._nativeInputError=l}handleWheel(){if(this.type=="number"){this.inputRef.value?.blur();return}}handleInputEvent(t){t.preventDefault(),t.stopPropagation();const e=t.target;this.internals.setFormValue(e.value),this._value=e.value,this._showErrors=!0,this.syncValidity(),this.updateRequiredValidity();const r=new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:e.value}});this.dispatchEvent(r)}handleChange(t){t.preventDefault(),t.stopPropagation();const e=t.target;this._showErrors=!0;const r=new CustomEvent("change",{composed:!0,bubbles:!0,detail:{value:e.value}});this._value=e.value,this.dispatchEvent(r)}togglePasswordVisibility(){const t=this.inputRef.value;t&&(t.type=t.type==="password"?"text":"password")}syncValidity(){const t=this.inputRef.value;if(!t)return;if(t.checkValidity())this._nativeInputError="",this.internals.setValidity({});else{const r=t.validationMessage;this._nativeInputError=r,this.internals.setValidity({customError:!0},r,t)}}handleInputFocusOut(){super.handleInputFocusOut(),this.inputRef.value?.checkValidity()&&!this.readonly&&(this._nativeInputError=""),this._showErrors=!0,this.syncValidity()}get errorTextMarkup(){return this.displayedErrorText?o`
                 <ngc-help-text
                     icon
@@ -62,4 +63,4 @@ import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@
                 >
                     ${this.displayedErrorText}
                 </ngc-help-text>
-            `:null}};i.shadowRootOptions={...m.shadowRootOptions,delegatesFocus:!0};s([h()],i.prototype,"for",2);s([h({type:Number})],i.prototype,"min",2);s([h({type:Number})],i.prototype,"max",2);s([h({type:Number})],i.prototype,"step",2);s([h({type:String})],i.prototype,"pattern",2);s([a()],i.prototype,"_value",2);s([a()],i.prototype,"_inputMode",2);s([a()],i.prototype,"_placeholder",2);s([a()],i.prototype,"_maxLength",2);s([a()],i.prototype,"_errorText",2);s([a()],i.prototype,"_internalValidationError",2);s([a()],i.prototype,"_nativeInputError",2);s([a()],i.prototype,"_showErrors",2);i=s([f("ngc-input-text")],i);export{i as NgcInputText};
+            `:null}};i.shadowRootOptions={...m.shadowRootOptions,delegatesFocus:!0};s([u()],i.prototype,"for",2);s([u({type:Number})],i.prototype,"min",2);s([u({type:Number})],i.prototype,"max",2);s([u({type:Number})],i.prototype,"step",2);s([u({type:String})],i.prototype,"pattern",2);s([a()],i.prototype,"_value",2);s([a()],i.prototype,"_inputMode",2);s([a()],i.prototype,"_placeholder",2);s([a()],i.prototype,"_minLength",2);s([a()],i.prototype,"_maxLength",2);s([a()],i.prototype,"_errorText",2);s([a()],i.prototype,"_internalValidationError",2);s([a()],i.prototype,"_nativeInputError",2);s([a()],i.prototype,"_showErrors",2);i=s([f("ngc-input-text")],i);export{i as NgcInputText};