@ncino/web-components 2.0.0-preview.3 → 2.0.0-preview.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index-chunk11.js +5 -1
- package/dist/assets/index-chunk12.js +1 -5
- package/dist/assets/index-chunk13.js +1 -1
- package/dist/assets/index-chunk5.js +1 -1
- package/dist/components/accordion/gator/base/accordion.gator.js +6 -6
- package/dist/components/accordion/gator/group/accordion-group.gator.js +2 -2
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/button-card/gator/button-card.gator.js +2 -2
- package/dist/components/button-card/index.js +1 -1
- package/dist/components/card/card.js +1 -1
- package/dist/components/card/gator/base/card.gator.js +1 -7
- package/dist/components/card/gator/header/card-header.gator.js +1 -0
- package/dist/components/card/index.js +1 -1
- package/dist/components/combobox/base/combobox.js +1 -1
- package/dist/components/combobox/base/combobox.slds.js +1 -1
- package/dist/components/combobox/base/index.js +1 -1
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/display-card/gator/display-card.gator.js +13 -16
- package/dist/components/display-card/index.js +1 -1
- package/dist/components/headline-card/gator/headline-card.gator.js +12 -13
- package/dist/components/headline-card/index.js +1 -1
- package/dist/components/input/base/input-base.gator.js +11 -0
- package/dist/components/input/gator/input-text/input-text.gator.js +10 -27
- package/dist/components/input/gator/input-textarea/input-textarea.gator.js +27 -0
- package/dist/components/input/index.js +1 -1
- package/dist/components/list/gator/list/index.js +1 -1
- package/dist/components/list/gator/list/list.gator.js +1 -1
- package/dist/components/list/gator/list-item/index.js +1 -1
- package/dist/components/list/gator/list-item/list-item.gator.js +1 -1
- package/dist/components/menu/base/gator/menu.gator.js +1 -1
- package/dist/components/menu/base/index.js +1 -1
- package/dist/components/menu/index.js +1 -1
- package/dist/components/menu/menu-item/gator/menu-item.gator.js +1 -1
- package/dist/components/menu/menu-item/index.js +1 -1
- package/dist/components/modal/gator/modal.gator.js +14 -16
- package/dist/components/modal/index.js +1 -1
- package/dist/components/page-header/gator/page-header.gator.js +2 -2
- package/dist/components/page-header/index.js +1 -1
- package/dist/components/tabs/gator/tabset/tabset.gator.js +1 -1
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/text-detail/gator/text-detail.gator.js +30 -11
- package/dist/components/text-detail/index.js +1 -1
- package/dist/components/tooltip/gator/tooltip.gator.js +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/slds/tooltip.slds.js +1 -1
- package/dist/index.gator.js +1 -1
- package/dist/index.js +1 -1
- package/dist/index.slds.js +1 -1
- package/dist/types/components/accordion/gator/base/accordion.gator.d.ts +3 -0
- package/dist/types/components/card/card.d.ts +5 -0
- package/dist/types/components/card/gator/base/card.gator.d.ts +1 -2
- package/dist/types/components/card/gator/header/card-header.gator.d.ts +30 -0
- package/dist/types/components/card/index.d.ts +1 -2
- package/dist/types/components/display-card/gator/display-card.gator.d.ts +2 -2
- package/dist/types/components/headline-card/gator/headline-card.gator.d.ts +1 -3
- package/dist/types/components/input/base/input-base.gator.d.ts +7 -0
- package/dist/types/components/input/gator/input-text/input-text.gator.d.ts +11 -9
- package/dist/types/components/input/gator/input-textarea/input-textarea.gator.d.ts +16 -0
- package/dist/types/components/input/gator/input-textarea/input-textarea.gator.test.d.ts +0 -0
- package/dist/types/components/input/index.d.ts +1 -0
- package/dist/types/index.gator.d.ts +3 -3
- package/package.json +1 -1
- package/web-types.json +161 -23
- package/dist/assets/index-chunk14.js +0 -1
- package/dist/components/card/gator/subtitle/card-subtitle.gator.js +0 -5
- package/dist/components/card/gator/title/card-title.gator.js +0 -5
- package/dist/types/components/card/gator/subtitle/card-subtitle.gator.d.ts +0 -5
- package/dist/types/components/card/gator/title/card-title.gator.d.ts +0 -5
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import{a as s,x as
|
|
1
|
+
import{r as g,a as s,x as o}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 v}from"../../../../assets/index-chunk4.js";import{t as f}from"../../../../assets/index-chunk3.js";import{n as u}from"../../../../assets/index-chunk.js";import{r as b}from"../../../../assets/index-chunk11.js";import{e as c,n as m}from"../../../../assets/index-chunk7.js";import{N as x}from"../../base/input-base.gator.js";import"../../../icon/icon-registry.js";import"../../../../assets/index-chunk8.js";import"../../base/input-base.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";const y='input,textarea{border:none}input:focus,textarea:focus{outline:none}.gator-form-element-control:focus-within{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);font-family:var(--text-family-sans-serif, "Open Sans", sans-serif)}.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:not(.gator-disabled){border:1px solid var(--ngc-input-border-color-hovered, #1F1F1F);outline:none}.gator-has-error{border-color:var(--ngc-input-error-border)!important}.gator-disabled{background:var(--color-surface-secondary, #F7F7F7);border:none;cursor:not-allowed}.gator-disabled input,.gator-disabled textarea{background-color:transparent;cursor:not-allowed}.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 I=Object.defineProperty,w=Object.getOwnPropertyDescriptor,n=(t,i,p,a)=>{for(var e=a>1?void 0:a?w(i,p):i,l=t.length-1,d;l>=0;l--)(d=t[l])&&(e=(a?d(i,p,e):d(e))||e);return a&&e&&I(i,p,e),e};let r=class extends x{constructor(){super(...arguments),this.for="",this.inputRef=c(),this.controlRef=c()}render(){return o`
|
|
2
2
|
<div class="gator-form-element">
|
|
3
|
-
${this.
|
|
4
|
-
<div ${
|
|
3
|
+
${this.labelMarkup}
|
|
4
|
+
<div ${m(this.controlRef)} class="gator-form-element-control ${this.errorClass} ${this.disabledClass}">
|
|
5
5
|
<div class="gator-input-container">
|
|
6
|
-
${this.shouldHaveStartMarkup?
|
|
6
|
+
${this.shouldHaveStartMarkup?o`
|
|
7
7
|
<div class="gator-input-start">
|
|
8
8
|
${this.startIconMarkup}
|
|
9
9
|
</div>`:null}
|
|
10
10
|
<input
|
|
11
|
-
${
|
|
11
|
+
${m(this.inputRef)}
|
|
12
12
|
type="${this.type}"
|
|
13
13
|
.id="${this.id}"
|
|
14
14
|
.placeholder="${this.placeholder}"
|
|
@@ -18,37 +18,20 @@ import{a as s,x as r}from"../../../../assets/index-chunk2.js";import"../input-la
|
|
|
18
18
|
aria-invalid="${this.isAriaInvalid}"
|
|
19
19
|
aria-required="${this.required}"
|
|
20
20
|
.value="${this.value}"
|
|
21
|
-
@input="${this.
|
|
22
|
-
@
|
|
23
|
-
@focusout="${this.handleInputFocusOut}"
|
|
21
|
+
@input="${this.handleInputEvent}"
|
|
22
|
+
@change="${this.handleChange}"
|
|
24
23
|
@invalid="${this.handleNativeInputValidation}"
|
|
25
24
|
.min="${this.min}"
|
|
26
25
|
.max="${this.max}"
|
|
27
26
|
/>
|
|
28
|
-
${this.shouldHaveEndMarkup?
|
|
27
|
+
${this.shouldHaveEndMarkup?o`
|
|
29
28
|
<div class="gator-input-end">
|
|
30
29
|
${this.passwordVisibilityMarkup}
|
|
31
30
|
${this.endIconMarkup}
|
|
32
31
|
</div>`:null}
|
|
33
32
|
</div>
|
|
34
33
|
</div>
|
|
35
|
-
|
|
36
34
|
${this.bottomText}
|
|
37
35
|
</div>
|
|
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?
|
|
39
|
-
<ngc-icon .name="${this.endIcon}"></ngc-icon>`:null}get
|
|
40
|
-
<ngc-input-label
|
|
41
|
-
.for="${this.id}"
|
|
42
|
-
.required="${this.required}"
|
|
43
|
-
>
|
|
44
|
-
${this.label}
|
|
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);
|
|
36
|
+
`}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?o`<ngc-icon .name="${this.startIcon}"></ngc-icon>`:null}get endIconMarkup(){return this.endIcon?o`
|
|
37
|
+
<ngc-icon .name="${this.endIcon}"></ngc-icon>`:null}get isAriaInvalid(){return this.displayedErrorText?"true":"false"}get errorClass(){return this.displayedErrorText?"gator-has-error":""}get disabledClass(){return this.disabled?"gator-disabled":""}get passwordVisibilityMarkup(){return this.endIconMarkup||this.type!=="password"?null:o`<ngc-icon name="eye-crossed" @click="${this.togglePasswordVisibility}"></ngc-icon>`}handleInputEvent(t){const i=t.target;this.value=i.value}handleChange(){this.dispatchEvent(new CustomEvent("change",{composed:!0,bubbles:!0,detail:{value:this.value}}))}togglePasswordVisibility(){const t=this.inputRef.value;t&&(t.type=t.type==="password"?"text":"password")}};r.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0};r.styles=[s(y),s(h),s(v),s($)];n([u()],r.prototype,"for",2);n([u({type:Number})],r.prototype,"min",2);n([u({type:Number})],r.prototype,"max",2);n([b()],r.prototype,"_nativeInputError",2);r=n([f("ngc-input-text")],r);export{r as N,$ as g,y as i};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import{r as l,a as r,x as d}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{N as h,i as c,g}from"../input-text/input-text.gator.js";import{s as u}from"../../../../assets/index-chunk5.js";import{p as v}from"../../../../assets/index-chunk4.js";import{t as $}from"../../../../assets/index-chunk3.js";import{n}from"../../../../assets/index-chunk7.js";import"../../base/input-base.js";import"../../../../assets/index-chunk.js";import"../../../icon/icon-registry.js";import"../../../../assets/index-chunk11.js";import"../../base/input-base.gator.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../../assets/index-chunk8.js";const f=":host .gator-form-element-control{padding:0}:host textarea{min-height:6rem;padding:12px 30px 12px 16px;resize:vertical}:host .gator-icon-right{position:absolute;right:var(--spacing-3, .75rem);top:var(--spacing-3, .75rem)}";var x=Object.defineProperty,b=Object.getOwnPropertyDescriptor,T=(m,i,p,o)=>{for(var t=o>1?void 0:o?b(i,p):i,s=m.length-1,a;s>=0;s--)(a=m[s])&&(t=(o?a(i,p,t):a(t))||t);return o&&t&&x(i,p,t),t};let e=class extends h{render(){return d`
|
|
2
|
+
<div class="gator-form-element">
|
|
3
|
+
${this.labelMarkup}
|
|
4
|
+
<div ${n(this.controlRef)} class="gator-form-element-control ${this.errorClass} ${this.disabledClass}">
|
|
5
|
+
<div class="gator-input-container">
|
|
6
|
+
<textarea
|
|
7
|
+
${n(this.inputRef)}
|
|
8
|
+
type="${this.type}"
|
|
9
|
+
.id="${this.id}"
|
|
10
|
+
.placeholder="${this.placeholder}"
|
|
11
|
+
?required="${this.required}"
|
|
12
|
+
?disabled="${this.disabled}"
|
|
13
|
+
class="gator-input"
|
|
14
|
+
aria-invalid="${this.isAriaInvalid}"
|
|
15
|
+
aria-required="${this.required}"
|
|
16
|
+
.value="${this.value}"
|
|
17
|
+
@input="${this.handleInputEvent}"
|
|
18
|
+
@change="${this.handleChange}"
|
|
19
|
+
></textarea>
|
|
20
|
+
<div class="gator-icon-right">
|
|
21
|
+
${this.endIconMarkup}
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
${this.bottomText}
|
|
26
|
+
</div>
|
|
27
|
+
`}};e.shadowRootOptions={...l.shadowRootOptions,delegatesFocus:!0};e.styles=[r(c),r(u),r(v),r(g),r(f)];e=T([$("ngc-input-textarea")],e);
|
|
@@ -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"../../assets/index-
|
|
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"./gator/input-textarea/input-textarea.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-chunk11.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"./base/input-base.gator.js";import"./base/input-base.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../../assets/index-chunk6.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./list.gator.js";import"../../../../assets/index-chunk2.js";import"../../../../assets/index-chunk3.js";import"../../../../assets/index-chunk.js";import"../../../../assets/index-
|
|
1
|
+
import"./list.gator.js";import"../../../../assets/index-chunk2.js";import"../../../../assets/index-chunk3.js";import"../../../../assets/index-chunk.js";import"../../../../assets/index-chunk11.js";import"../../../../assets/index-chunk5.js";import"../../../../assets/index-chunk4.js";import"../../../../utils/mixins/attribute-deletion.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../list-item/list-item.gator.js";import"../../../../assets/index-chunk7.js";import"../../../../assets/index-chunk8.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-chunk9.js";import"../../../divider/gator/divider.gator.js";import"../../../divider/divider.js";import"../../../../consts/key-constants.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as d,x as h}from"../../../../assets/index-chunk2.js";import{t as f}from"../../../../assets/index-chunk3.js";import{n as a}from"../../../../assets/index-chunk.js";import{r as c}from"../../../../assets/index-
|
|
1
|
+
import{a as d,x as h}from"../../../../assets/index-chunk2.js";import{t as f}from"../../../../assets/index-chunk3.js";import{n as a}from"../../../../assets/index-chunk.js";import{r as c}from"../../../../assets/index-chunk11.js";import{s as u}from"../../../../assets/index-chunk5.js";import{p as I}from"../../../../assets/index-chunk4.js";import{A as y}from"../../../../utils/mixins/attribute-deletion.js";import{T as _}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../list-item/list-item.gator.js";import{N as L}from"../../../divider/gator/divider.gator.js";import{K as p}from"../../../../consts/key-constants.js";import"../../../../assets/index-chunk7.js";import"../../../../assets/index-chunk8.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-chunk9.js";import"../../../divider/divider.js";var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,l=(e,s,i,t)=>{for(var o=t>1?void 0:t?v(s,i):s,n=e.length-1,m;n>=0;n--)(m=e[n])&&(o=(t?m(s,i,o):m(o))||o);return t&&o&&b(s,i,o),o};let r=class extends y(_){constructor(){super(...arguments),this.density="default",this.selectable=!1,this.multiselect=!1,this.ariaLabelledBy="",this.title="",this._selectedListItem=null,this._role="list",this._activeIndex=0,this._totalListItems=0}updated(e){this.selectable&&(this._role="listbox"),e.has("density")&&this.assignChildNodeDensity()}render(){return h`
|
|
2
2
|
<div
|
|
3
3
|
aria-labelledby="${this.ariaLabelledBy}"
|
|
4
4
|
class="gator-list"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./list-item.gator.js";import"../../../../assets/index-chunk2.js";import"../../../../assets/index-chunk3.js";import"../../../../assets/index-chunk.js";import"../../../../assets/index-
|
|
1
|
+
import"./list-item.gator.js";import"../../../../assets/index-chunk2.js";import"../../../../assets/index-chunk3.js";import"../../../../assets/index-chunk.js";import"../../../../assets/index-chunk11.js";import"../../../../assets/index-chunk5.js";import"../../../../assets/index-chunk4.js";import"../../../../utils/mixins/attribute-deletion.js";import"../../../../assets/index-chunk7.js";import"../../../../assets/index-chunk8.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"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../../assets/index-chunk9.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as p,a,x as r}from"../../../../assets/index-chunk2.js";import{t as g}from"../../../../assets/index-chunk3.js";import{n as s}from"../../../../assets/index-chunk.js";import{r as u}from"../../../../assets/index-
|
|
1
|
+
import{r as p,a,x as r}from"../../../../assets/index-chunk2.js";import{t as g}from"../../../../assets/index-chunk3.js";import{n as s}from"../../../../assets/index-chunk.js";import{r as u}from"../../../../assets/index-chunk11.js";import{s as h}from"../../../../assets/index-chunk5.js";import{p as v}from"../../../../assets/index-chunk4.js";import{A as f}from"../../../../utils/mixins/attribute-deletion.js";import{e as b,n as y}from"../../../../assets/index-chunk7.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{T as x}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import{o as I}from"../../../../assets/index-chunk9.js";import"../../../../assets/index-chunk8.js";import"../../../icon/icon-registry.js";const $=".gator-list-item{display:flex;padding:var(--spacing-gap-8, .5rem) var(--spacing-gap-16, 1rem);list-style:none;align-items:center;align-content:center;font-family:var(--text-family-sans-serif);line-height:var(--text-line-height-subtitle-1, 1.5rem);font-size:var(--text-size-subtitle-1, 1.0625rem)}.gator-list-item_selectable{cursor:pointer}.gator-list-item_selectable:hover{background:var(--color-surface-hover, #F7F7F7)}.gator-list-item_selectable:hover .gator-list-item-title{text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--text-color-secondary, #6D6D6D);text-decoration-thickness:auto;text-underline-offset:4px}.gator-list-item_selectable:focus-visible,.gator-list-item_selectable:focus{outline:var(--size-stroke-2, 2px) solid var(--color-stroke-brand, #11395B)}.gator-list-item_selectable:active{background:var(--color-surface-tertiary, #F2F2F2)}.gator-list-item-content{width:100%}.gator-list-item-top,.gator-list-item-bottom{display:flex;flex-direction:row}.gator-list-item-subtitle{font-size:var(--text-size-subtitle-1, .8125rem);color:var(--primary-01-placeholder, var(--color-grey-50, #6D6D6D));margin-top:var(--spacing-2, .5rem)}.gator-list-item-density_compact{padding:var(--spacing-gap-4, .25rem) var(--spacing-gap-16, 1rem)}.gator-list-item-density_comfortable{padding:var(--spacing-gap-16, 1rem)}.gator-list-item-subtitle-spacer,.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{width:var(--size-icon-default, 1.5rem);height:var(--size-icon-default, 1.5rem)}.gator-list-item-subtitle-spacer{display:inline-flex;margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{align-items:center;display:flex;flex-direction:column}.gator-list-item-start-icon ngc-icon,.gator-list-item-end-icon ngc-icon,.gator-list-item-interaction-icon ngc-icon{--ngc-icon-width: var(--ngc-list-item-icon-size, 1.5rem);--ngc-icon-height: var(--ngc-list-item-icon-size, 1.5rem)}.gator-list-item-interaction-icon,.gator-list-item-start-icon{margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-end-icon{margin-left:auto}.gator-list-item-selected .gator-list-item-title{font-weight:700;text-decoration-line:underline;text-decoration-style:solid;text-underline-offset:4px;text-decoration-skip-ink:none;text-decoration-color:var(--text-color-brand, #11395B);text-decoration-thickness:12%}",_=":host,:root{--ngc-list-item-icon-size: 1.5rem}";var C=Object.defineProperty,k=Object.getOwnPropertyDescriptor,e=(i,l,c,n)=>{for(var o=n>1?void 0:n?k(l,c):l,m=i.length-1,d;m>=0;m--)(d=i[m])&&(o=(n?d(l,c,o):d(o))||o);return n&&o&&C(l,c,o),o};let t=class extends f(x){constructor(){super(...arguments),this.text="",this.value="",this.subtitle=null,this.density="default",this.selectable=!1,this.selected=!1,this.multiselect=!1,this.endIcon=null,this.startIcon=null,this.currentListItem=!1,this._role="listitem",this.listItemRef=b()}updated(){this.selectable&&(this._role="option")}render(){return r`
|
|
2
2
|
<div ${y(this.listItemRef)}
|
|
3
3
|
class="gator-list-item ${this.listItemDensityClass} ${this.selectableClass}"
|
|
4
4
|
role="${this._role}"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as m,x as f}from"../../../../assets/index-chunk2.js";import{m as p}from"../../../../assets/index-
|
|
1
|
+
import{a as m,x as f}from"../../../../assets/index-chunk2.js";import{m as p}from"../../../../assets/index-chunk12.js";import{t as g}from"../../../../assets/index-chunk3.js";import{N as b}from"../menu.js";import{h as d}from"../../../../utils/datatestid-utils.js";import"../../../../assets/index-chunk.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../../utils/string-utils.js";const w=".gator-dropdown{max-width:var(--gator-menu-dropdown-max-width, 16rem);padding:.5rem 0;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;position:absolute;margin-top:.125rem;background-color:var(--gator-menu-dropdown-background-color, #fff)}ul{padding:0;margin:0;list-style-type:none}";var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,_=(t,s,r,a)=>{for(var e=a>1?void 0:a?y(s,r):s,o=t.length-1,n;o>=0;o--)(n=t[o])&&(e=(a?n(s,r,e):n(e))||e);return a&&e&&v(s,r,e),e};let h=class extends b{constructor(){super(...arguments),this._setListeners=!1}render(){return f`
|
|
2
2
|
<div class="gator-dropdown-trigger" @focusout=${this._topLevelFocusOut}>
|
|
3
3
|
<slot @slotchange="${this.handleTriggerSlotChange}" name="trigger"></slot>
|
|
4
4
|
${this.open?f`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./slds/menu.slds.js";import"./gator/menu.gator.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-chunk6.js";import"../../../assets/index-chunk3.js";import"./menu.js";import"../../../assets/index-chunk.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../utils/datatestid-utils.js";import"../../../utils/string-utils.js";import"../../../consts/key-constants.js";import"../../../assets/index-
|
|
1
|
+
import"./slds/menu.slds.js";import"./gator/menu.gator.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-chunk6.js";import"../../../assets/index-chunk3.js";import"./menu.js";import"../../../assets/index-chunk.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../utils/datatestid-utils.js";import"../../../utils/string-utils.js";import"../../../consts/key-constants.js";import"../../../assets/index-chunk12.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./base/slds/menu.slds.js";import"./base/gator/menu.gator.js";import"./menu-divider/menu-divider.slds.js";import"./menu-item/slds/menu-item.slds.js";import"./menu-item/gator/menu-item.gator.js";import"./menu-submenu/menu-submenu.slds.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk6.js";import"../../assets/index-chunk3.js";import"./base/menu.js";import"../../assets/index-chunk.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../../utils/datatestid-utils.js";import"../../utils/string-utils.js";import"../../consts/key-constants.js";import"../../assets/index-
|
|
1
|
+
import"./base/slds/menu.slds.js";import"./base/gator/menu.gator.js";import"./menu-divider/menu-divider.slds.js";import"./menu-item/slds/menu-item.slds.js";import"./menu-item/gator/menu-item.gator.js";import"./menu-submenu/menu-submenu.slds.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk6.js";import"../../assets/index-chunk3.js";import"./base/menu.js";import"../../assets/index-chunk.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../../utils/datatestid-utils.js";import"../../utils/string-utils.js";import"../../consts/key-constants.js";import"../../assets/index-chunk12.js";import"./menu-divider/menu-divider.js";import"./menu-item/menu-item.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"./menu-submenu/menu-submenu.js";import"../icon/slds/icon.slds.js";import"../icon/icon.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{x as a}from"../../../../assets/index-chunk2.js";import{t as l}from"../../../../assets/index-chunk3.js";import{N as c}from"../menu-item.js";import{p as u}from"../../../../assets/index-chunk4.js";import{s as p}from"../../../../assets/index-chunk5.js";import{m as d}from"../../../../assets/index-
|
|
1
|
+
import{x as a}from"../../../../assets/index-chunk2.js";import{t as l}from"../../../../assets/index-chunk3.js";import{N as c}from"../menu-item.js";import{p as u}from"../../../../assets/index-chunk4.js";import{s as p}from"../../../../assets/index-chunk5.js";import{m as d}from"../../../../assets/index-chunk12.js";import"../../../../assets/index-chunk.js";import"../../../../consts/key-constants.js";const f='.gator-menu-item{padding:0 .25rem;font-family:var(--ngc-font-family-body, "Open Sans"),sans-serif;font-size:.9375rem;line-height:1.375rem;font-weight:400}.gator-menu-item a{padding:.725rem .5rem;display:block;color:unset;text-decoration:none;cursor:pointer;border-radius:.25rem}.gator-menu-item a:focus-visible{outline:2px solid var(--color-blue-30, #11395B)}.gator-menu-item:hover{background-color:var(--color-blue-10, #F3F5F7)}li{list-style-type:none}.gator-menu-item:active{background-color:var(--gator-menu-item-pressed-background-color, var(--color-blue-25))}';var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,y=(s,r,o,t)=>{for(var e=t>1?void 0:t?g(r,o):r,n=s.length-1,i;n>=0;n--)(i=s[n])&&(e=(t?i(r,o,e):i(e))||e);return t&&e&&v(r,o,e),e};let m=class extends c{createRenderRoot(){return this}render(){return a`
|
|
2
2
|
<style>${f}</style>
|
|
3
3
|
<style>${u}</style>
|
|
4
4
|
<style>${p}</style>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./slds/menu-item.slds.js";import"./gator/menu-item.gator.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-chunk6.js";import"../../../assets/index-chunk3.js";import"../../../assets/index-chunk.js";import"./menu-item.js";import"../../../consts/key-constants.js";import"../../../assets/index-chunk4.js";import"../../../assets/index-chunk5.js";import"../../../assets/index-
|
|
1
|
+
import"./slds/menu-item.slds.js";import"./gator/menu-item.gator.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-chunk6.js";import"../../../assets/index-chunk3.js";import"../../../assets/index-chunk.js";import"./menu-item.js";import"../../../consts/key-constants.js";import"../../../assets/index-chunk4.js";import"../../../assets/index-chunk5.js";import"../../../assets/index-chunk12.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{N as
|
|
1
|
+
import{N as m}from"../modal.js";import"../../text-detail/gator/text-detail.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/gator/input-textarea/input-textarea.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"../../skeleton-loader/gator/skeleton-loader.gator.js";import{a as s,x as n}from"../../../assets/index-chunk2.js";import{t as g}from"../../../assets/index-chunk3.js";import{K as c}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"../../text-detail/text-detail.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../chip/gator/chip.gator.js";import"../../chip/chip.js";import"../../card/card.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-chunk11.js";import"../../../assets/index-chunk7.js";import"../../../assets/index-chunk8.js";import"../../input/base/input-base.gator.js";import"../../input/base/input-base.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 .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 ngc-card-header{width:100%}.gator-modal--small{--ngc-card-width: 375px;--ngc-card-border-radius: .5rem}.gator-modal--small .gator-modal-header{border-radius:.5rem .5rem 0 0}.gator-modal--small ngc-card-header{--ngc-card-header-title-font-size: 1.375rem;--ngc-card-header-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{border-radius:1rem 1rem 0 0}.gator-modal--standard ngc-card-header{--ngc-card-header-title-font-size: 1.625rem;--ngc-card-header-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 ngc-card-header{flex-grow:1;justify-content:center;--ngc-card-header-title-font-size: 2rem;--ngc-card-header-title-line-height: 2.625rem;--ngc-text-detail-content-alignment: center}.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 d=class extends m{render(){return this.open?n`
|
|
2
2
|
<div
|
|
3
3
|
class="gator-modal-background"
|
|
4
4
|
@click=${this.handleCloseClick}
|
|
@@ -12,18 +12,16 @@ import{N as g}from"../modal.js";import"../../card/gator/base/card.gator.js";impo
|
|
|
12
12
|
elevated
|
|
13
13
|
>
|
|
14
14
|
<div class="gator-modal-header">
|
|
15
|
-
<ngc-card-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
@keydown=${this.handleCloseKeydown}
|
|
26
|
-
></ngc-icon-button>
|
|
15
|
+
<ngc-card-header id="gator-modal-title" title="${this.title}">
|
|
16
|
+
<ngc-icon-button
|
|
17
|
+
class="gator-modal-close-button"
|
|
18
|
+
title="Close"
|
|
19
|
+
icon-name="exit"
|
|
20
|
+
size="medium"
|
|
21
|
+
@click=${this.handleCloseClick}
|
|
22
|
+
@keydown=${this.handleCloseKeydown}
|
|
23
|
+
></ngc-icon-button>
|
|
24
|
+
</ngc-card-header>
|
|
27
25
|
</div>
|
|
28
26
|
|
|
29
27
|
<div class="gator-modal-content">
|
|
@@ -33,8 +31,8 @@ import{N as g}from"../modal.js";import"../../card/gator/base/card.gator.js";impo
|
|
|
33
31
|
${this.gatorModalFooterMarkup}
|
|
34
32
|
</ngc-card>
|
|
35
33
|
`:null}get gatorModalContentLoadingMarkup(){return n`
|
|
36
|
-
<ngc-skeleton-loader width
|
|
37
|
-
<ngc-skeleton-loader width
|
|
34
|
+
<ngc-skeleton-loader full-width height="16" radius="100"></ngc-skeleton-loader>
|
|
35
|
+
<ngc-skeleton-loader full-width height="18" radius="100"></ngc-skeleton-loader>
|
|
38
36
|
`}get gatorModalFooterMarkup(){return["decide","destructive","confirmation"].includes(this.variant)?n`
|
|
39
37
|
<div class="gator-modal-footer">
|
|
40
38
|
${this.footerWarningMessageMarkup}
|
|
@@ -74,4 +72,4 @@ import{N as g}from"../modal.js";import"../../card/gator/base/card.gator.js";impo
|
|
|
74
72
|
height="36"
|
|
75
73
|
radius="2"
|
|
76
74
|
></ngc-skeleton-loader>
|
|
77
|
-
`}handleKeyDown(t){var a;if(t.key===
|
|
75
|
+
`}handleKeyDown(t){var a;if(t.key===c.ESCAPE&&this.handleCloseClick(t),t.key===c.TAB){const o=this.getKeyboardFocusableElements(),r=(a=this.shadowRoot)==null?void 0:a.activeElement,e=o[0],i=o[o.length-1];t.shiftKey?r===e&&(t.preventDefault(),i.focus()):r===i&&(t.preventDefault(),e.focus())}}handleCloseClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0}))}handleCloseKeydown(t){(t.code==="Enter"||t.code==="Space")&&this.handleCloseClick(t)}handlePrimaryActionClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("primary-action-click",{bubbles:!0}))}handleSecondaryActionClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("secondary-action-click",{bubbles:!0}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.focusFirstElement()}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}updated(t){super.updated(t),t.has("open")&&this.open&&this.focusFirstElement()}getKeyboardFocusableElements(){var o;const t=(o=this.shadowRoot)==null?void 0:o.querySelectorAll('a[href],button,ngc-button,ngc-icon-button,input,textarea,select,details,[tabindex]:not([tabindex="-1"])');return Array.from(t??[]).filter(r=>!r.hasAttribute("disabled")&&!r.hasAttribute("aria-hidden"))}focusFirstElement(){if(!this.open)return;const t=this.getKeyboardFocusableElements();if(t.length>0){const a=t[0];requestAnimationFrame(()=>{a.focus()})}}};d.styles=[s(f),s(u),s(p)];d=k([g("ngc-modal")],d);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./gator/modal.gator.js";import"./modal.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk.js";import"../
|
|
1
|
+
import"./gator/modal.gator.js";import"./modal.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk.js";import"../text-detail/gator/text-detail.gator.js";import"../card/gator/content/card-content.gator.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk3.js";import"../card/gator/footer/card-footer.gator.js";import"../text-detail/text-detail.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../chip/gator/chip.gator.js";import"../chip/chip.js";import"../card/card.js";import"../../assets/index-chunk9.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.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"../icon-button/gator/icon-button.gator.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-chunk11.js";import"../input/base/input-base.gator.js";import"../input/base/input-base.js";import"../input/gator/input-textarea/input-textarea.gator.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"../../consts/key-constants.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as d,x as m}from"../../../assets/index-chunk2.js";import{t as g}from"../../../assets/index-chunk3.js";import{n as p}from"../../../assets/index-chunk.js";import{r as l}from"../../../assets/index-chunk11.js";import{p as h}from"../../../assets/index-chunk4.js";import{s as b}from"../../../assets/index-chunk5.js";import{T as u}from"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../breadcrumbs/gator/container/breadcrumbs.gator.js";import"../../text-detail/gator/text-detail.gator.js";import"../../tabs/gator/tabset/tabset.gator.js";import"../../breadcrumbs/breadcrumbs.js";import"../../breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"../../../assets/index-chunk7.js";import"../../../assets/index-chunk8.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../text-detail/text-detail.js";import"../../chip/gator/chip.gator.js";import"../../chip/chip.js";import"../../card/card.js";import"../../../assets/index-chunk9.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../tabs/gator/tab/tab.gator.js";import"../../../consts/key-constants.js";const v=":root,:host{--ngc-tabs-header-background-color: var(--color-surface-brand, #F3F5F7);--ngc-tabs-first-tab-left-spacing: var(--spacing-5, 1.5rem)}.ngc-page-header-background{padding:var(--spacing-7, 2rem) var(--spacing-5, 1.5rem) var(--spacing-5, 1.5rem) var(--spacing-5, 1.5rem);background:var(--color-surface-brand, #F3F5F7)}.ngc-page-header-text-detail h1{font-family:var(--ngc-font-family-header, sans-serif);margin-bottom:var(--spacing-2, .5rem);margin-top:0;line-height:3rem}.ngc-page-header-text-detail ngc-text-detail{--ngc-text-detail-title-font-size: var(--text-size-h1, 2.5rem)}.ngc-page-header-breadcrumbs{margin-bottom:var(--spacing-5, 1.5rem)}.ngc-page-header-background{display:flex;flex-direction:row;justify-content:space-between}.ngc-page-header-left,.ngc-page-header-actions{display:flex;flex-direction:column}";var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,i=(r,e,o,s)=>{for(var t=s>1?void 0:s?x(e,o):e,n=r.length-1,c;n>=0;n--)(c=r[n])&&(t=(s?c(e,o,t):c(t))||t);return s&&t&&f(e,o,t),t};let a=class extends u{constructor(){super(...arguments),this.title="",this.subtitle="",this._showBreadcrumbs=!1}updated(){var e;const r=(e=this.shadowRoot)==null?void 0:e.querySelector('slot[name="breadcrumbs"]');(r==null?void 0:r.assignedNodes().length)>0&&(this._showBreadcrumbs=!0)}render(){return m`
|
|
2
2
|
<div class="ngc-page-header">
|
|
3
3
|
<div class="ngc-page-header-background">
|
|
4
4
|
<div class="ngc-page-header-left">
|
|
@@ -24,4 +24,4 @@ import{a as p,x as d}from"../../../assets/index-chunk2.js";import{t as g}from"..
|
|
|
24
24
|
<slot name="tabs"></slot>
|
|
25
25
|
</div>
|
|
26
26
|
</div>
|
|
27
|
-
`}get breadcrumbClass(){return this._showBreadcrumbs?"ngc-page-header-breadcrumbs":""}};a.styles=[
|
|
27
|
+
`}get breadcrumbClass(){return this._showBreadcrumbs?"ngc-page-header-breadcrumbs":""}};a.styles=[d(h),d(b),d(v)];i([p()],a.prototype,"title",2);i([p()],a.prototype,"subtitle",2);i([l()],a.prototype,"_showBreadcrumbs",2);a=i([g("ngc-page-header")],a);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./gator/page-header.gator.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk.js";import"../../assets/index-
|
|
1
|
+
import"./gator/page-header.gator.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk11.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../breadcrumbs/gator/container/breadcrumbs.gator.js";import"../breadcrumbs/breadcrumbs.js";import"../breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../text-detail/gator/text-detail.gator.js";import"../card/gator/content/card-content.gator.js";import"../card/gator/footer/card-footer.gator.js";import"../text-detail/text-detail.js";import"../chip/gator/chip.gator.js";import"../chip/chip.js";import"../card/card.js";import"../../assets/index-chunk9.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../tabs/gator/tabset/tabset.gator.js";import"../tabs/gator/tab/tab.gator.js";import"../../consts/key-constants.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as b,x as g}from"../../../../assets/index-chunk2.js";import{t as p}from"../../../../assets/index-chunk3.js";import{n as d}from"../../../../assets/index-chunk.js";import{r as v}from"../../../../assets/index-
|
|
1
|
+
import{a as b,x as g}from"../../../../assets/index-chunk2.js";import{t as p}from"../../../../assets/index-chunk3.js";import{n as d}from"../../../../assets/index-chunk.js";import{r as v}from"../../../../assets/index-chunk11.js";import"../tab/tab.gator.js";import{K as i}from"../../../../consts/key-constants.js";import{e as u,n as m}from"../../../../assets/index-chunk7.js";import{T as h}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import{s as f}from"../../../../assets/index-chunk5.js";import{p as x}from"../../../../assets/index-chunk4.js";import"../../../../assets/index-chunk8.js";const F='.gator-tabset-header{display:flex;margin-bottom:-1px;background-color:var(--ngc-tabs-header-background-color, unset)}.gator-tabset-spacer{padding-right:var(--spacing-gap-8, .5rem)}.gator-tab-button{font-family:var(--ngc-font-family-body, "Open Sans", sans-serif);padding:var(--spacing-gap-8, .5rem);display:inline-flex;border:none;border-bottom:var(--ngc-tabs-tab-bottom-border, 2px solid var(--color-stroke-primary, #BFBFBF));background:var(--color-surface-primary, #FFF);background-color:unset;cursor:pointer;font-size:var(--ngc-tabs-tab-font-size, 1.0625rem)}.gator-tab-button.gator-tab-button-large{border:1px solid transparent}.gator-tab-border{height:1px;background-color:var(--color-stroke-primary, #BFBFBF)}.gator-tab-button-small{font-size:var(--ngc-tabs-tab-font-size-small, .9375rem);padding:var(--spacing-gap-4, .25rem)}.gator-tab-container{border-radius:.5rem .5rem 0 0}.gator-tab-container.gator-tab-container-large{border-bottom:1px solid var(--color-stroke-primary, #BFBFBF);background:var(--ngc-tabs-large-tab-color, #FFF)}.gator-tab-container_active.gator-tab-container-large{border:var(--ngc-tabs-tab-bottom-border, 1px solid var(--color-stroke-primary, #BFBFBF));border-bottom:1px solid var(--color-surface-primary, #FFF)}.gator-tab-container_active.gator-tab-container-large .gator-tab-button{border-top:1px solid var(--color-surface-primary, #FFF);border-left:1px solid var(--color-surface-primary, #FFF);border-right:1px solid var(--color-surface-primary, #FFF)}.gator-tab-container_active.gator-tab-container-large .gator-tab-button:hover{border-top:1px solid var(--color-surface-hover, #F7F7F7);border-left:1px solid var(--color-surface-hover, #F7F7F7);border-right:1px solid var(--color-surface-hover, #F7F7F7)}.gator-tab-button-large{border-radius:7px 7px 0 0;padding:6px var(--spacing-gap-4, .25rem) var(--spacing-gap-4, .25rem) var(--spacing-gap-4, .25rem)}.gator-tab-button-large .gator-tab-button-name{padding:1rem var(--spacing-gap-12, .75rem)}.gator-tab-button:hover{background:var(--color-surface-hover, #F7F7F7);border-bottom:var(--ngc-tabs-tab-bottom-border-active, 2px solid var(--color-text-brand, #11395B))}.gator-tab-button-name{padding:var(--spacing-gap-4, .25rem);border-width:1px}.gator-tab:focus{outline:none}.gator-tab:focus .gator-tab-button-name{outline:var(--ngc-tabs-tab-bottom-border-active, 2px solid var(--color-text-brand, #11395B))}.gator-tab-container-large .gator-tab-button{border-bottom:none!important;border-top:1px solid var(--ngc-tabs-tab-border-color-large, #E5E5E5);border-left:1px solid var(--ngc-tabs-tab-border-color-large, #E5E5E5);border-right:1px solid var(--ngc-tabs-tab-border-color-large, #E5E5E5)}.gator-tab-container-large .gator-tab-button:hover{border-top:1px solid var(--color-stroke-primary);border-left:1px solid var(--color-stroke-primary);border-right:1px solid var(--color-stroke-primary)}.gator-tab-button_active{font-weight:700;border-bottom:var(--ngc-tabs-tab-bottom-border-active, 1px solid var(--color-text-brand, #11395B))}.gator-tab-button_active.gator-tab-button-large{border-bottom:none}.gator-tab-button_active.gator-tab-button-large .gator-tab-button-name{margin-top:-1px}#gator-tab-1{padding-left:var(--ngc-tabs-first-tab-left-spacing, unset)}',y=":root,:host{--ngc-tabs-tab-font-size: var(--text-size-body-1, 1.0625rem);--ngc-tabs-tab-font-size-small: var(--text-size-body-2, .9375rem);--ngc-tabs-tab-bottom-border: 1px solid var(--color-stroke-primary, #BFBFBF);--ngc-tabs-tab-bottom-border-active: 2px solid var(--color-text-brand, #11395B);--ngc-tabs-header-background-color: unset;--ngc-tabs-tab-border-color-large: var(--color-stroke-tertiary, #E5E5E5);--ngc-tabs-first-tab-left-spacing: unset}";var T=Object.defineProperty,I=Object.getOwnPropertyDescriptor,n=(a,t,r,s)=>{for(var o=s>1?void 0:s?I(t,r):t,l=a.length-1,c;l>=0;l--)(c=a[l])&&(o=(s?c(t,r,o):c(o))||o);return s&&o&&T(t,r,o),o};let e=class extends h{constructor(){super(...arguments),this.tabsetAriaLabelledby="",this.size="medium",this.activeTabIndex=0,this._contentRef=u()}render(){return this.tabs||(this.tabs=Array.from(this.querySelectorAll("ngc-tab"))),g`
|
|
2
2
|
<div class="gator-tabset">
|
|
3
3
|
<div role="tablist" class="gator-tabset-header" aria-labelledby="${this.tabsetAriaLabelledby}">
|
|
4
4
|
${this.tabs.map((a,t)=>g`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./gator/tabset/tabset.gator.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk.js";import"../../assets/index-
|
|
1
|
+
import"./gator/tabset/tabset.gator.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk11.js";import"./gator/tab/tab.gator.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../../consts/key-constants.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk4.js";
|