@ncino/web-components 2.0.0-preview.2 → 2.0.0-preview.3

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.
Files changed (7) hide show
  1. package/dist/components/input/gator/input-text/input-text.gator.js +17 -8
  2. package/dist/components/input/index.js +1 -1
  3. package/dist/components/modal/gator/modal.gator.js +1 -1
  4. package/dist/components/modal/index.js +1 -1
  5. package/dist/types/components/input/gator/input-text/input-text.gator.d.ts +18 -3
  6. package/package.json +1 -1
  7. package/web-types.json +11 -3
package/dist/components/input/gator/input-text/input-text.gator.js CHANGED
@@ -1,14 +1,14 @@
1
- import{a as n,x as r}from"../../../../assets/index-chunk2.js";import"../input-label/input-label.gator.js";import"../help-text/help-text.gator.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/arrow-left.js";import"../../../icon/gator/templates/arrow-right.js";import"../../../icon/gator/templates/balloons.js";import"../../../icon/gator/templates/check-circle.js";import"../../../icon/gator/templates/check.js";import"../../../icon/gator/templates/checkbox.js";import"../../../icon/gator/templates/checkbox-selected.js";import"../../../icon/gator/templates/chevron-down.js";import"../../../icon/gator/templates/chevron-right.js";import"../../../icon/gator/templates/chevron-up.js";import"../../../icon/gator/templates/exit.js";import"../../../icon/gator/templates/exit-circle.js";import"../../../icon/gator/templates/eye-crossed.js";import"../../../icon/gator/templates/info.js";import"../../../icon/gator/templates/link.js";import"../../../icon/gator/templates/overflow-menu.js";import"../../../icon/gator/templates/picture.js";import"../../../icon/gator/templates/radio.js";import"../../../icon/gator/templates/radio-selected.js";import"../../../icon/gator/templates/restricted.js";import"../../../icon/gator/templates/warning.js";import{s as h}from"../../../../assets/index-chunk5.js";import{p as m}from"../../../../assets/index-chunk4.js";import{t as g}from"../../../../assets/index-chunk3.js";import{n as f}from"../../../../assets/index-chunk.js";import{I as v}from"../../base/input-base.js";import{e as u,n as c}from"../../../../assets/index-chunk7.js";import"../../../icon/icon-registry.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../../assets/index-chunk8.js";const x="input,textarea{border:none}input:focus,textarea:focus{outline:none}.gator-input-has-focus{outline:2px solid var(--ngc-input-border-color-focused, #1F1F1F)!important;border:1px solid transparent!important}.gator-form-element{display:block;margin-bottom:1rem}.gator-form-element-control{padding:var(--ngc-input-padding);display:flex;flex-direction:column}.gator-input{display:flex;width:100%;height:100%;font-size:var(--ngc-input-font-size, 1.0625rem)}.gator-form-element-control{margin:.5rem 0;border:1px solid var(--ngc-input-border-color, #BFBFBF);border-radius:var(--ngc-input-border-radius, 2px);flex:1}.gator-form-element-control:hover{border:1px solid var(--ngc-input-border-color-hovered, #1F1F1F);outline:none}.gator-has-error{border-color:var(--ngc-input-error-border)!important}.gator-form-element-control-icon-right{display:flex;align-items:center}.gator-input-container{max-width:var(--ngc-input-max-width, 200px);display:flex;align-items:center;position:relative}.gator-input-start,.gator-input-end{display:flex;align-items:center}.gator-input-start{margin-right:.5rem}",b=":root,:host{--ngc-input-error-border: var(--color-error, #D0021B);--ngc-input-border-color: var(--color-grey-40, #BFBFBF);--ngc-input-border-color-focused: var(--color-stroke-brand, #1F1F1F);--ngc-input-border-color-hovered: var(--color-stroke-interactive, #0052CC);--ngc-input-min-width: 200px;--ngc-input-padding: var(--spacing-3, .75rem) var(--spacing-4, 1rem);--ngc-input-border-radius: var(--radius-sm, .125rem);--ngc-input-max-width: 100%;--ngc-input-font-size: 17px}";var $=Object.defineProperty,I=Object.getOwnPropertyDescriptor,d=(t,i,a,o)=>{for(var e=o>1?void 0:o?I(i,a):i,p=t.length-1,l;p>=0;p--)(l=t[p])&&(e=(o?l(i,a,e):l(e))||e);return o&&e&&$(i,a,e),e};let s=class extends v{constructor(){super(...arguments),this._inputRef=u(),this._controlRef=u(),this.for=""}render(){return r`
1
+ import{a as s,x as r}from"../../../../assets/index-chunk2.js";import"../input-label/input-label.gator.js";import"../help-text/help-text.gator.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/arrow-left.js";import"../../../icon/gator/templates/arrow-right.js";import"../../../icon/gator/templates/balloons.js";import"../../../icon/gator/templates/check-circle.js";import"../../../icon/gator/templates/check.js";import"../../../icon/gator/templates/checkbox.js";import"../../../icon/gator/templates/checkbox-selected.js";import"../../../icon/gator/templates/chevron-down.js";import"../../../icon/gator/templates/chevron-right.js";import"../../../icon/gator/templates/chevron-up.js";import"../../../icon/gator/templates/exit.js";import"../../../icon/gator/templates/exit-circle.js";import"../../../icon/gator/templates/eye-crossed.js";import"../../../icon/gator/templates/info.js";import"../../../icon/gator/templates/link.js";import"../../../icon/gator/templates/overflow-menu.js";import"../../../icon/gator/templates/picture.js";import"../../../icon/gator/templates/radio.js";import"../../../icon/gator/templates/radio-selected.js";import"../../../icon/gator/templates/restricted.js";import"../../../icon/gator/templates/warning.js";import{s as m}from"../../../../assets/index-chunk5.js";import{p as g}from"../../../../assets/index-chunk4.js";import{t as v}from"../../../../assets/index-chunk3.js";import{n as d}from"../../../../assets/index-chunk.js";import{r as f}from"../../../../assets/index-chunk12.js";import{I as x}from"../../base/input-base.js";import{e as c,n as h}from"../../../../assets/index-chunk7.js";import"../../../icon/icon-registry.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../../assets/index-chunk8.js";const b="input,textarea{border:none}input:focus,textarea:focus{outline:none}.gator-input-has-focus{outline:2px solid var(--ngc-input-border-color-focused, #1F1F1F)!important;border:1px solid transparent!important}.gator-form-element{display:block;margin-bottom:1rem}.gator-form-element-control{padding:var(--ngc-input-padding);display:flex;flex-direction:column}.gator-input{display:flex;width:100%;height:100%;font-size:var(--ngc-input-font-size, 1.0625rem)}.gator-form-element-control{margin:.5rem 0;border:1px solid var(--ngc-input-border-color, #BFBFBF);border-radius:var(--ngc-input-border-radius, 2px);flex:1}.gator-form-element-control:hover{border:1px solid var(--ngc-input-border-color-hovered, #1F1F1F);outline:none}.gator-has-error{border-color:var(--ngc-input-error-border)!important}.gator-form-element-control-icon-right{display:flex;align-items:center}.gator-input-container{max-width:var(--ngc-input-max-width, 200px);display:flex;align-items:center;position:relative}.gator-input-start,.gator-input-end{display:flex;align-items:center}.gator-input-start{margin-right:.5rem}",$=":root,:host{--ngc-input-error-border: var(--color-error, #D0021B);--ngc-input-border-color: var(--color-grey-40, #BFBFBF);--ngc-input-border-color-focused: var(--color-stroke-brand, #1F1F1F);--ngc-input-border-color-hovered: var(--color-stroke-interactive, #0052CC);--ngc-input-min-width: 200px;--ngc-input-padding: var(--spacing-3, .75rem) var(--spacing-4, 1rem);--ngc-input-border-radius: var(--radius-sm, .125rem);--ngc-input-max-width: 100%;--ngc-input-font-size: 17px}";var y=Object.defineProperty,I=Object.getOwnPropertyDescriptor,n=(t,e,p,a)=>{for(var i=a>1?void 0:a?I(e,p):e,l=t.length-1,u;l>=0;l--)(u=t[l])&&(i=(a?u(e,p,i):u(i))||i);return a&&i&&y(e,p,i),i};let o=class extends x{constructor(){super(...arguments),this.for="",this.inputRef=c(),this.controlRef=c()}render(){return r`
2
2
  <div class="gator-form-element">
3
3
  ${this.label?this.labelMarkup:null}
4
- <div ${c(this._controlRef)} class="gator-form-element-control ${this.errorClass}">
4
+ <div ${h(this.controlRef)} class="gator-form-element-control ${this.errorClass}">
5
5
  <div class="gator-input-container">
6
6
  ${this.shouldHaveStartMarkup?r`
7
7
  <div class="gator-input-start">
8
8
  ${this.startIconMarkup}
9
9
  </div>`:null}
10
10
  <input
11
- ${c(this._inputRef)}
11
+ ${h(this.inputRef)}
12
12
  type="${this.type}"
13
13
  .id="${this.id}"
14
14
  .placeholder="${this.placeholder}"
@@ -21,6 +21,9 @@ import{a as n,x as r}from"../../../../assets/index-chunk2.js";import"../input-la
21
21
  @input="${this.handleChange}"
22
22
  @focusin="${this.handleInputFocusIn}"
23
23
  @focusout="${this.handleInputFocusOut}"
24
+ @invalid="${this.handleNativeInputValidation}"
25
+ .min="${this.min}"
26
+ .max="${this.max}"
24
27
  />
25
28
  ${this.shouldHaveEndMarkup?r`
26
29
  <div class="gator-input-end">
@@ -32,14 +35,20 @@ import{a as n,x as r}from"../../../../assets/index-chunk2.js";import"../input-la
32
35
 
33
36
  ${this.bottomText}
34
37
  </div>
35
- `}get shouldHaveStartMarkup(){return this.startIcon}get shouldHaveEndMarkup(){return this.endIcon||this.type==="password"}get startIconMarkup(){return this.startIcon?r`<ngc-icon .name="${this.startIcon}"></ngc-icon>`:null}get endIconMarkup(){return this.endIcon?r`
38
+ `}handleNativeInputValidation(t){this.inputRef.value&&(this._nativeInputError=this.inputRef.value.validationMessage),t.preventDefault()}get displayedErrorText(){return this.errorText||this._nativeInputError}get shouldHaveStartMarkup(){return this.startIcon}get shouldHaveEndMarkup(){return this.endIcon||this.type==="password"}get startIconMarkup(){return this.startIcon?r`<ngc-icon .name="${this.startIcon}"></ngc-icon>`:null}get endIconMarkup(){return this.endIcon?r`
36
39
  <ngc-icon .name="${this.endIcon}"></ngc-icon>`:null}get labelMarkup(){return r`
37
40
  <ngc-input-label
38
41
  .for="${this.id}"
39
42
  .required="${this.required}"
40
43
  >
41
44
  ${this.label}
42
- </ngc-input-label>`}get isAriaInvalid(){return this.errorText?"true":"false"}get errorClass(){return this.errorText?"gator-has-error":""}get bottomText(){return this.errorText||this.helpText?r`
43
- <ngc-help-text ?icon="${this.errorText}" ?error="${this.errorText}">
44
- ${this.errorText||this.helpText}
45
- </ngc-help-text>`:null}get passwordVisibilityMarkup(){return this.endIconMarkup||this.type!=="password"?null:r`<ngc-icon name="eye-crossed" @click="${this.togglePasswordVisibility}"></ngc-icon>`}handleChange(t){const i=t.target;this.value=i.value}togglePasswordVisibility(){const t=this._inputRef.value;t&&(t.type=t.type==="password"?"text":"password")}handleInputFocusIn(){var t;(t=this._controlRef.value)==null||t.classList.add("gator-input-has-focus")}handleInputFocusOut(){var t;(t=this._controlRef.value)==null||t.classList.remove("gator-input-has-focus")}};s.styles=[n(x),n(h),n(m),n(b)];d([f()],s.prototype,"for",2);s=d([g("ngc-input-text")],s);
45
+ </ngc-input-label>`}get isAriaInvalid(){return this.displayedErrorText?"true":"false"}get errorClass(){return this.displayedErrorText?"gator-has-error":""}get bottomText(){return r`
46
+ ${this.errorTextMarkup}
47
+ ${this.helpTextMarkup}
48
+ `}get errorTextMarkup(){return this.displayedErrorText?r`
49
+ <ngc-help-text icon="warning" error>
50
+ ${this.displayedErrorText}
51
+ </ngc-help-text>`:null}get helpTextMarkup(){return this.helpText?r`
52
+ <ngc-help-text icon="info">
53
+ ${this.helpText}
54
+ </ngc-help-text>`:null}get passwordVisibilityMarkup(){return this.endIconMarkup||this.type!=="password"?null:r`<ngc-icon name="eye-crossed" @click="${this.togglePasswordVisibility}"></ngc-icon>`}handleChange(t){const e=t.target;this.value=e.value}togglePasswordVisibility(){const t=this.inputRef.value;t&&(t.type=t.type==="password"?"text":"password")}handleInputFocusIn(){var t;(t=this.controlRef.value)==null||t.classList.add("gator-input-has-focus")}handleInputFocusOut(){var t,e;(t=this.controlRef.value)==null||t.classList.remove("gator-input-has-focus"),(e=this.inputRef.value)!=null&&e.checkValidity()&&(this._nativeInputError="")}};o.styles=[s(b),s(m),s(g),s($)];n([d()],o.prototype,"for",2);n([d({type:Number})],o.prototype,"min",2);n([d({type:Number})],o.prototype,"max",2);n([f()],o.prototype,"_nativeInputError",2);o=n([v("ngc-input-text")],o);
package/dist/components/input/index.js CHANGED
@@ -1 +1 @@
1
- import"./gator/input-label/input-label.gator.js";import"./gator/help-text/help-text.gator.js";import"./gator/input-text/input-text.gator.js";import"./slds/input-text/input-text.slds.js";import"./slds/input-error/input-error.slds.js";import"./slds/input-label/input-label.slds.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../icon/gator/icon.gator.js";import"../icon/gator/templates/arrow-left.js";import"../icon/icon-registry.js";import"../icon/gator/templates/arrow-right.js";import"../icon/gator/templates/balloons.js";import"../icon/gator/templates/check-circle.js";import"../icon/gator/templates/check.js";import"../icon/gator/templates/checkbox.js";import"../icon/gator/templates/checkbox-selected.js";import"../icon/gator/templates/chevron-down.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/exit.js";import"../icon/gator/templates/exit-circle.js";import"../icon/gator/templates/eye-crossed.js";import"../icon/gator/templates/info.js";import"../icon/gator/templates/link.js";import"../icon/gator/templates/overflow-menu.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/warning.js";import"./base/input-base.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../../assets/index-chunk6.js";
1
+ import"./gator/input-label/input-label.gator.js";import"./gator/help-text/help-text.gator.js";import"./gator/input-text/input-text.gator.js";import"./slds/input-text/input-text.slds.js";import"./slds/input-error/input-error.slds.js";import"./slds/input-label/input-label.slds.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../icon/gator/icon.gator.js";import"../icon/gator/templates/arrow-left.js";import"../icon/icon-registry.js";import"../icon/gator/templates/arrow-right.js";import"../icon/gator/templates/balloons.js";import"../icon/gator/templates/check-circle.js";import"../icon/gator/templates/check.js";import"../icon/gator/templates/checkbox.js";import"../icon/gator/templates/checkbox-selected.js";import"../icon/gator/templates/chevron-down.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/exit.js";import"../icon/gator/templates/exit-circle.js";import"../icon/gator/templates/eye-crossed.js";import"../icon/gator/templates/info.js";import"../icon/gator/templates/link.js";import"../icon/gator/templates/overflow-menu.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/warning.js";import"../../assets/index-chunk12.js";import"./base/input-base.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../../assets/index-chunk6.js";
package/dist/components/modal/gator/modal.gator.js CHANGED
@@ -1,4 +1,4 @@
1
- import{N as g}from"../modal.js";import"../../card/gator/base/card.gator.js";import"../../card/gator/title/card-title.gator.js";import"../../card/gator/subtitle/card-subtitle.gator.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../button/slds/button.slds.js";import"../../button/gator/button.gator.js";import"../../icon-button/gator/icon-button.gator.js";import"../../input/gator/input-label/input-label.gator.js";import"../../input/gator/help-text/help-text.gator.js";import"../../input/gator/input-text/input-text.gator.js";import"../../input/slds/input-text/input-text.slds.js";import"../../input/slds/input-error/input-error.slds.js";import"../../input/slds/input-label/input-label.slds.js";import"../../text-detail/gator/text-detail.gator.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import{a as s,x as n}from"../../../assets/index-chunk2.js";import{t as m}from"../../../assets/index-chunk3.js";import{K as d}from"../../../consts/key-constants.js";import{p as u}from"../../../assets/index-chunk4.js";import{s as p}from"../../../assets/index-chunk5.js";import{o as h}from"../../../assets/index-chunk9.js";import"../../../assets/index-chunk.js";import"../../card/card.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../assets/index-chunk11.js";import"../../button/button.js";import"../../../utils/mixins/attribute-deletion.js";import"../../../assets/index-chunk6.js";import"../../loading-spinner/gator/loading-spinner.gator.js";import"../../loading-spinner/loading-spinner.js";import"../../icon-button/icon-button.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/arrow-left.js";import"../../icon/icon-registry.js";import"../../icon/gator/templates/arrow-right.js";import"../../icon/gator/templates/balloons.js";import"../../icon/gator/templates/check-circle.js";import"../../icon/gator/templates/check.js";import"../../icon/gator/templates/checkbox.js";import"../../icon/gator/templates/checkbox-selected.js";import"../../icon/gator/templates/chevron-down.js";import"../../icon/gator/templates/chevron-right.js";import"../../icon/gator/templates/chevron-up.js";import"../../icon/gator/templates/exit.js";import"../../icon/gator/templates/exit-circle.js";import"../../icon/gator/templates/eye-crossed.js";import"../../icon/gator/templates/info.js";import"../../icon/gator/templates/link.js";import"../../icon/gator/templates/overflow-menu.js";import"../../icon/gator/templates/picture.js";import"../../icon/gator/templates/radio.js";import"../../icon/gator/templates/radio-selected.js";import"../../icon/gator/templates/restricted.js";import"../../icon/gator/templates/warning.js";import"../../input/base/input-base.js";import"../../../assets/index-chunk7.js";import"../../../assets/index-chunk8.js";import"../../text-detail/text-detail.js";import"../../chip/gator/chip.gator.js";import"../../chip/chip.js";const f='.gator-modal-background{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-black-100);opacity:60%}.gator-modal{--ngc-card-position: fixed;--ngc-card-top: 50%;--ngc-card-left: 50%;--ngc-card-max-width: none;--ngc-card-transform: translate(-50%, -50%)}.gator-modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--color-neutral-10)}.gator-modal-header ngc-card-title{--ngc-card-title-padding: 0;--ngc-card-title-font-weight: 600;--ngc-card-title-font-family: "Source Serif Pro", sans-serif}.gator-modal-header .gator-modal-close-button{margin-left:var(--spacing-6);--ngc-icon-button-hover-box-shadow: none}.gator-modal-content{padding:var(--spacing-6) var(--spacing-6) 3.5rem var(--spacing-6)}.gator-modal-content ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: 0 0 var(--spacing-3) 0}.gator-modal-footer{display:flex;padding:var(--spacing-6)}.gator-modal-warning{display:flex;flex-direction:row;align-items:center}.gator-modal-warning ngc-icon{--ngc-icon-color: var(--color-red-40);--ngc-icon-margin: 0 var(--spacing-3) 0 0}.gator-modal-warning ngc-input-label{--gator-input-label-color: var(--color-red-40);--gator-input-label-font-size: .9375rem;--gator-input-label-line-height: 1.375rem}.gator-modal-action-buttons{display:flex}.gator-modal--small{--ngc-card-width: 375px;--ngc-card-border-radius: .5rem}.gator-modal--small .gator-modal-header{padding:var(--spacing-4);border-radius:.5rem .5rem 0 0}.gator-modal--small ngc-card-title{--ngc-card-title-font-size: 1.375rem;--ngc-card-title-line-height: 2rem}.gator-modal--small .gator-modal-content{padding:var(--spacing-4) var(--spacing-4) 56px var(--spacing-4)}.gator-modal--small .gator-modal-footer{flex-direction:column;align-items:flex-start;padding:var(--spacing-4)}.gator-modal--small .gator-modal-warning{margin-bottom:var(--spacing-6)}.gator-modal--small .gator-modal-action-buttons{flex-direction:column-reverse}.gator-modal--small .gator-modal-action-buttons ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: var(--spacing-3) 0 0 0}.gator-modal--small .gator-modal-primary-button{--ngc-button-margin: 0 0 var(--spacing-3) 0}.gator-modal--standard{--ngc-card-width: 600px}.gator-modal--standard .gator-modal-header{padding:var(--spacing-6);border-radius:1rem 1rem 0 0}.gator-modal--standard ngc-card-title{--ngc-card-title-font-size: 1.625rem;--ngc-card-title-line-height: 2.25rem}.gator-modal--standard .gator-modal-footer{flex-direction:row}.gator-modal--standard .gator-modal-footer ngc-button:last-child{--ngc-button-margin: 0 0 0 var(--spacing-3)}.gator-modal--standard .gator-modal-warning{margin-right:auto}.gator-modal--standard .gator-modal-action-buttons{margin-left:auto}.gator-modal--standard .gator-modal-action-buttons ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: 0 var(--spacing-3) 0 0}.gator-modal--fullscreen{display:inline-flex;flex-direction:column;--ngc-card-width: 100vw;--ngc-card-height: 100vh;--ngc-card-border-radius: 0;--ngc-card-background-color: var(--color-neutral-10)}.gator-modal--fullscreen .gator-modal-header{padding:var(--spacing-6);justify-content:center}.gator-modal--fullscreen .gator-modal-header ngc-card-title{display:flex;flex-grow:1;justify-content:center;--ngc-card-title-font-size: 2rem;--ngc-card-title-line-height: 2.625rem}.gator-modal--fullscreen .gator-modal-header ngc-icon{position:absolute;right:var(--spacing-6);top:var(--spacing-6)}.gator-modal--fullscreen .gator-modal-content{flex-grow:1}.gator-modal--fullscreen .gator-modal-footer{flex-direction:column;justify-content:center;align-items:center}.gator-modal--fullscreen .gator-modal-warning{margin-bottom:var(--spacing-6)}.gator-modal--fullscreen .gator-modal-action-buttons ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: 0 var(--spacing-3) 0 0}';var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,k=(t,a,o,r)=>{for(var e=r>1?void 0:r?v(a,o):a,i=t.length-1,l;i>=0;i--)(l=t[i])&&(e=(r?l(a,o,e):l(e))||e);return r&&e&&b(a,o,e),e};let c=class extends g{render(){return this.open?n`
1
+ import{N as g}from"../modal.js";import"../../card/gator/base/card.gator.js";import"../../card/gator/title/card-title.gator.js";import"../../card/gator/subtitle/card-subtitle.gator.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../button/slds/button.slds.js";import"../../button/gator/button.gator.js";import"../../icon-button/gator/icon-button.gator.js";import"../../input/gator/input-label/input-label.gator.js";import"../../input/gator/help-text/help-text.gator.js";import"../../input/gator/input-text/input-text.gator.js";import"../../input/slds/input-text/input-text.slds.js";import"../../input/slds/input-error/input-error.slds.js";import"../../input/slds/input-label/input-label.slds.js";import"../../text-detail/gator/text-detail.gator.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import{a as s,x as n}from"../../../assets/index-chunk2.js";import{t as m}from"../../../assets/index-chunk3.js";import{K as d}from"../../../consts/key-constants.js";import{p as u}from"../../../assets/index-chunk4.js";import{s as p}from"../../../assets/index-chunk5.js";import{o as h}from"../../../assets/index-chunk9.js";import"../../../assets/index-chunk.js";import"../../card/card.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../assets/index-chunk11.js";import"../../button/button.js";import"../../../utils/mixins/attribute-deletion.js";import"../../../assets/index-chunk6.js";import"../../loading-spinner/gator/loading-spinner.gator.js";import"../../loading-spinner/loading-spinner.js";import"../../icon-button/icon-button.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/arrow-left.js";import"../../icon/icon-registry.js";import"../../icon/gator/templates/arrow-right.js";import"../../icon/gator/templates/balloons.js";import"../../icon/gator/templates/check-circle.js";import"../../icon/gator/templates/check.js";import"../../icon/gator/templates/checkbox.js";import"../../icon/gator/templates/checkbox-selected.js";import"../../icon/gator/templates/chevron-down.js";import"../../icon/gator/templates/chevron-right.js";import"../../icon/gator/templates/chevron-up.js";import"../../icon/gator/templates/exit.js";import"../../icon/gator/templates/exit-circle.js";import"../../icon/gator/templates/eye-crossed.js";import"../../icon/gator/templates/info.js";import"../../icon/gator/templates/link.js";import"../../icon/gator/templates/overflow-menu.js";import"../../icon/gator/templates/picture.js";import"../../icon/gator/templates/radio.js";import"../../icon/gator/templates/radio-selected.js";import"../../icon/gator/templates/restricted.js";import"../../icon/gator/templates/warning.js";import"../../../assets/index-chunk12.js";import"../../input/base/input-base.js";import"../../../assets/index-chunk7.js";import"../../../assets/index-chunk8.js";import"../../text-detail/text-detail.js";import"../../chip/gator/chip.gator.js";import"../../chip/chip.js";const f='.gator-modal-background{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-black-100);opacity:60%}.gator-modal{--ngc-card-position: fixed;--ngc-card-top: 50%;--ngc-card-left: 50%;--ngc-card-max-width: none;--ngc-card-transform: translate(-50%, -50%)}.gator-modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--color-neutral-10)}.gator-modal-header ngc-card-title{--ngc-card-title-padding: 0;--ngc-card-title-font-weight: 600;--ngc-card-title-font-family: "Source Serif Pro", sans-serif}.gator-modal-header .gator-modal-close-button{margin-left:var(--spacing-6);--ngc-icon-button-hover-box-shadow: none}.gator-modal-content{padding:var(--spacing-6) var(--spacing-6) 3.5rem var(--spacing-6)}.gator-modal-content ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: 0 0 var(--spacing-3) 0}.gator-modal-footer{display:flex;padding:var(--spacing-6)}.gator-modal-warning{display:flex;flex-direction:row;align-items:center}.gator-modal-warning ngc-icon{--ngc-icon-color: var(--color-red-40);--ngc-icon-margin: 0 var(--spacing-3) 0 0}.gator-modal-warning ngc-input-label{--gator-input-label-color: var(--color-red-40);--gator-input-label-font-size: .9375rem;--gator-input-label-line-height: 1.375rem}.gator-modal-action-buttons{display:flex}.gator-modal--small{--ngc-card-width: 375px;--ngc-card-border-radius: .5rem}.gator-modal--small .gator-modal-header{padding:var(--spacing-4);border-radius:.5rem .5rem 0 0}.gator-modal--small ngc-card-title{--ngc-card-title-font-size: 1.375rem;--ngc-card-title-line-height: 2rem}.gator-modal--small .gator-modal-content{padding:var(--spacing-4) var(--spacing-4) 56px var(--spacing-4)}.gator-modal--small .gator-modal-footer{flex-direction:column;align-items:flex-start;padding:var(--spacing-4)}.gator-modal--small .gator-modal-warning{margin-bottom:var(--spacing-6)}.gator-modal--small .gator-modal-action-buttons{flex-direction:column-reverse}.gator-modal--small .gator-modal-action-buttons ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: var(--spacing-3) 0 0 0}.gator-modal--small .gator-modal-primary-button{--ngc-button-margin: 0 0 var(--spacing-3) 0}.gator-modal--standard{--ngc-card-width: 600px}.gator-modal--standard .gator-modal-header{padding:var(--spacing-6);border-radius:1rem 1rem 0 0}.gator-modal--standard ngc-card-title{--ngc-card-title-font-size: 1.625rem;--ngc-card-title-line-height: 2.25rem}.gator-modal--standard .gator-modal-footer{flex-direction:row}.gator-modal--standard .gator-modal-footer ngc-button:last-child{--ngc-button-margin: 0 0 0 var(--spacing-3)}.gator-modal--standard .gator-modal-warning{margin-right:auto}.gator-modal--standard .gator-modal-action-buttons{margin-left:auto}.gator-modal--standard .gator-modal-action-buttons ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: 0 var(--spacing-3) 0 0}.gator-modal--fullscreen{display:inline-flex;flex-direction:column;--ngc-card-width: 100vw;--ngc-card-height: 100vh;--ngc-card-border-radius: 0;--ngc-card-background-color: var(--color-neutral-10)}.gator-modal--fullscreen .gator-modal-header{padding:var(--spacing-6);justify-content:center}.gator-modal--fullscreen .gator-modal-header ngc-card-title{display:flex;flex-grow:1;justify-content:center;--ngc-card-title-font-size: 2rem;--ngc-card-title-line-height: 2.625rem}.gator-modal--fullscreen .gator-modal-header ngc-icon{position:absolute;right:var(--spacing-6);top:var(--spacing-6)}.gator-modal--fullscreen .gator-modal-content{flex-grow:1}.gator-modal--fullscreen .gator-modal-footer{flex-direction:column;justify-content:center;align-items:center}.gator-modal--fullscreen .gator-modal-warning{margin-bottom:var(--spacing-6)}.gator-modal--fullscreen .gator-modal-action-buttons ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: 0 var(--spacing-3) 0 0}';var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,k=(t,a,o,r)=>{for(var e=r>1?void 0:r?v(a,o):a,i=t.length-1,l;i>=0;i--)(l=t[i])&&(e=(r?l(a,o,e):l(e))||e);return r&&e&&b(a,o,e),e};let c=class extends g{render(){return this.open?n`
2
2
  <div
3
3
  class="gator-modal-background"
4
4
  @click=${this.handleCloseClick}
package/dist/components/modal/index.js CHANGED
@@ -1 +1 @@
1
- import"./gator/modal.gator.js";import"./modal.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk.js";import"../card/gator/base/card.gator.js";import"../card/card.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../card/gator/title/card-title.gator.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk3.js";import"../card/gator/subtitle/card-subtitle.gator.js";import"../../assets/index-chunk11.js";import"../card/gator/content/card-content.gator.js";import"../card/gator/footer/card-footer.gator.js";import"../button/slds/button.slds.js";import"../button/button.js";import"../../utils/mixins/attribute-deletion.js";import"../../assets/index-chunk6.js";import"../button/gator/button.gator.js";import"../loading-spinner/gator/loading-spinner.gator.js";import"../loading-spinner/loading-spinner.js";import"../../assets/index-chunk9.js";import"../icon-button/gator/icon-button.gator.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../icon-button/icon-button.js";import"../input/gator/input-label/input-label.gator.js";import"../input/gator/help-text/help-text.gator.js";import"../icon/gator/icon.gator.js";import"../icon/gator/templates/arrow-left.js";import"../icon/icon-registry.js";import"../icon/gator/templates/arrow-right.js";import"../icon/gator/templates/balloons.js";import"../icon/gator/templates/check-circle.js";import"../icon/gator/templates/check.js";import"../icon/gator/templates/checkbox.js";import"../icon/gator/templates/checkbox-selected.js";import"../icon/gator/templates/chevron-down.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/exit.js";import"../icon/gator/templates/exit-circle.js";import"../icon/gator/templates/eye-crossed.js";import"../icon/gator/templates/info.js";import"../icon/gator/templates/link.js";import"../icon/gator/templates/overflow-menu.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/warning.js";import"../input/gator/input-text/input-text.gator.js";import"../input/base/input-base.js";import"../input/slds/input-text/input-text.slds.js";import"../input/slds/input-label/input-label.slds.js";import"../input/slds/input-error/input-error.slds.js";import"../text-detail/gator/text-detail.gator.js";import"../text-detail/text-detail.js";import"../chip/gator/chip.gator.js";import"../chip/chip.js";import"../../consts/key-constants.js";
1
+ import"./gator/modal.gator.js";import"./modal.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk.js";import"../card/gator/base/card.gator.js";import"../card/card.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../card/gator/title/card-title.gator.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk3.js";import"../card/gator/subtitle/card-subtitle.gator.js";import"../../assets/index-chunk11.js";import"../card/gator/content/card-content.gator.js";import"../card/gator/footer/card-footer.gator.js";import"../button/slds/button.slds.js";import"../button/button.js";import"../../utils/mixins/attribute-deletion.js";import"../../assets/index-chunk6.js";import"../button/gator/button.gator.js";import"../loading-spinner/gator/loading-spinner.gator.js";import"../loading-spinner/loading-spinner.js";import"../../assets/index-chunk9.js";import"../icon-button/gator/icon-button.gator.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../icon-button/icon-button.js";import"../input/gator/input-label/input-label.gator.js";import"../input/gator/help-text/help-text.gator.js";import"../icon/gator/icon.gator.js";import"../icon/gator/templates/arrow-left.js";import"../icon/icon-registry.js";import"../icon/gator/templates/arrow-right.js";import"../icon/gator/templates/balloons.js";import"../icon/gator/templates/check-circle.js";import"../icon/gator/templates/check.js";import"../icon/gator/templates/checkbox.js";import"../icon/gator/templates/checkbox-selected.js";import"../icon/gator/templates/chevron-down.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/exit.js";import"../icon/gator/templates/exit-circle.js";import"../icon/gator/templates/eye-crossed.js";import"../icon/gator/templates/info.js";import"../icon/gator/templates/link.js";import"../icon/gator/templates/overflow-menu.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/warning.js";import"../input/gator/input-text/input-text.gator.js";import"../../assets/index-chunk12.js";import"../input/base/input-base.js";import"../input/slds/input-text/input-text.slds.js";import"../input/slds/input-label/input-label.slds.js";import"../input/slds/input-error/input-error.slds.js";import"../text-detail/gator/text-detail.gator.js";import"../text-detail/text-detail.js";import"../chip/gator/chip.gator.js";import"../chip/chip.js";import"../../consts/key-constants.js";
package/dist/types/components/input/gator/input-text/input-text.gator.d.ts CHANGED
@@ -2,10 +2,23 @@ import { InputBase } from '../../base/input-base.ts';
2
2
  import { Ref } from 'lit/directives/ref.js';
3
3
  export declare class NgcInputText extends InputBase {
4
4
  static styles: import('lit').CSSResult[];
5
- _inputRef: Ref<HTMLInputElement>;
6
- _controlRef: Ref<HTMLDivElement>;
7
5
  for: string;
6
+ /**
7
+ * @property {string} min - The minimum for the input
8
+ * @type {string}
9
+ */
10
+ min: string | number | undefined;
11
+ /**
12
+ * @property {string} max - The maximum for the input
13
+ * @type {string}
14
+ */
15
+ max: string | number | undefined;
16
+ inputRef: Ref<HTMLInputElement>;
17
+ controlRef: Ref<HTMLDivElement>;
18
+ _nativeInputError: string | undefined;
8
19
  render(): import('lit').TemplateResult<1>;
20
+ handleNativeInputValidation(e: Event): void;
21
+ get displayedErrorText(): string | undefined;
9
22
  get shouldHaveStartMarkup(): string;
10
23
  get shouldHaveEndMarkup(): string | boolean;
11
24
  get startIconMarkup(): import('lit').TemplateResult<1> | null;
@@ -13,7 +26,9 @@ export declare class NgcInputText extends InputBase {
13
26
  get labelMarkup(): import('lit').TemplateResult<1>;
14
27
  get isAriaInvalid(): "true" | "false";
15
28
  get errorClass(): "" | "gator-has-error";
16
- get bottomText(): import('lit').TemplateResult<1> | null;
29
+ get bottomText(): import('lit').TemplateResult<1>;
30
+ get errorTextMarkup(): import('lit').TemplateResult<1> | null;
31
+ get helpTextMarkup(): import('lit').TemplateResult<1> | null;
17
32
  get passwordVisibilityMarkup(): import('lit').TemplateResult<1> | null;
18
33
  handleChange(e: Event): void;
19
34
  togglePasswordVisibility(): void;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ncino/web-components",
3
3
  "author": "nCino",
4
- "version": "2.0.0-preview.2",
4
+ "version": "2.0.0-preview.3",
5
5
  "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
6
6
  "publishConfig": {
7
7
  "registry": "https://registry.npmjs.org/"
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": "2.0.0-preview.1",
4
+ "version": "2.0.0-preview.2",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -1496,6 +1496,8 @@
1496
1496
  "doc-url": "",
1497
1497
  "attributes": [
1498
1498
  { "name": "for", "value": { "type": "string", "default": "''" } },
1499
+ { "name": "min", "value": { "type": "string" } },
1500
+ { "name": "max", "value": { "type": "string" } },
1499
1501
  { "name": "id", "value": { "type": "string", "default": "''" } },
1500
1502
  {
1501
1503
  "name": "required",
@@ -1542,9 +1544,13 @@
1542
1544
  "events": [],
1543
1545
  "js": {
1544
1546
  "properties": [
1545
- { "name": "_inputRef", "type": "Ref<HTMLInputElement>" },
1546
- { "name": "_controlRef", "type": "Ref<HTMLDivElement>" },
1547
1547
  { "name": "for", "type": "string" },
1548
+ { "name": "min", "type": "string" },
1549
+ { "name": "max", "type": "string" },
1550
+ { "name": "inputRef", "type": "Ref<HTMLInputElement>" },
1551
+ { "name": "controlRef", "type": "Ref<HTMLDivElement>" },
1552
+ { "name": "_nativeInputError", "type": "string | undefined" },
1553
+ { "name": "displayedErrorText" },
1548
1554
  { "name": "shouldHaveStartMarkup" },
1549
1555
  { "name": "shouldHaveEndMarkup" },
1550
1556
  { "name": "startIconMarkup" },
@@ -1553,6 +1559,8 @@
1553
1559
  { "name": "isAriaInvalid" },
1554
1560
  { "name": "errorClass" },
1555
1561
  { "name": "bottomText" },
1562
+ { "name": "errorTextMarkup" },
1563
+ { "name": "helpTextMarkup" },
1556
1564
  { "name": "passwordVisibilityMarkup" },
1557
1565
  { "name": "id", "type": "string" },
1558
1566
  { "name": "required", "type": "boolean" },