@ncino/web-components 2.1.0-preview.4 → 2.1.0-preview.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/progress-bar/gator/progress-bar.gator.js +25 -0
- package/dist/components/progress-bar/index.js +1 -0
- package/dist/index.gator.js +1 -1
- package/dist/types/components/progress-bar/gator/progress-bar.gator.d.ts +61 -0
- package/dist/types/components/progress-bar/gator/progress-bar.gator.test.d.ts +0 -0
- package/dist/types/components/progress-bar/index.d.ts +1 -0
- package/dist/types/index.gator.d.ts +1 -0
- package/package.json +1 -1
- package/web-types.json +124 -1
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import{a as c,x as s}from"../../../assets/index-chunk2.js";import{T as g}from"../../../utils/components/testable-lit-element/testable-lit-element.js";import{t as b}from"../../../assets/index-chunk3.js";import{n as e}from"../../../assets/index-chunk.js";import{p as u}from"../../../assets/index-chunk5.js";import{s as m}from"../../../assets/index-chunk6.js";import"../../icon/gator/icon.gator.js";import"../../input/gator/help-text/help-text.gator.js";import{o as d}from"../../../assets/index-chunk7.js";import"../../icon/gator/templates/arrow-left.js";import"../../icon/icon-registry.js";import"../../icon/gator/templates/arrow-right.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-left.js";import"../../icon/gator/templates/chevron-right.js";import"../../icon/gator/templates/chevron-up.js";import"../../icon/gator/templates/dashboard.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/percent.js";import"../../icon/gator/templates/picture.js";import"../../icon/gator/templates/shield-lock.js";import"../../icon/gator/templates/radio.js";import"../../icon/gator/templates/radio-selected.js";import"../../icon/gator/templates/restricted.js";import"../../icon/gator/templates/settings.js";import"../../icon/gator/templates/warning.js";const v=":host{display:block;width:100%;position:relative;overflow:hidden}.gator-progress-bar-container{display:flex;flex-direction:column;gap:.5rem}.gator-progress-bar-labels{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:var(--ngc-font-family-sans-serif, sans-serif);font-size:var(--text-size-subtitle-2, .9375rem)}.gator-progress-bar-label-start,.gator-progress-bar-label-end{display:flex;flex-direction:row;gap:.5rem;align-items:center}.gator-progress-bar-label-end{font-weight:700}.gator-progress-bar-track{width:100%;height:.5rem;background:var(--color-data-viz-surface, #E5E5E5);overflow:hidden}.gator-progress-bar-track-rounded{border-radius:var(--radius-circle, 624.9375rem)}.gator-progress-bar-track-fill-determinate{height:100%;background-color:var(--color-data-viz-brand, #11395B);transition:width .3s ease;width:var(--progress-width, 0%)}.gator-progress-bar-track-fill-error{height:inherit;width:100%;background-color:var(--color-data-viz-error, #D44011)}.gator-progress-bar-track-fill-success{height:inherit;width:100%;background-color:var(--color-data-viz-success, #22A969)}.gator-progress-bar-track-fill-indeterminate{position:absolute;width:40%;height:inherit;animation:indeterminate 2s infinite ease-in;background-color:var(--color-data-viz-brand, #11395B)}@keyframes indeterminate{0%{left:-40%}to{left:100%}}";var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,r=(h,a,n,o)=>{for(var i=o>1?void 0:o?x(a,n):a,l=h.length-1,p;l>=0;l--)(p=h[l])&&(i=(o?p(a,n,i):p(i))||i);return o&&i&&f(a,n,i),i};let t=class extends g{constructor(){super(...arguments),this.variant="determinate",this.value=0,this.startIcon="",this.startLabel="",this.endLabel="",this.endIcon="",this.errorText="",this.successText="",this.helpText="",this.rounded=!0}render(){return s`
|
|
2
|
+
<div class="gator-progress-bar-container">
|
|
3
|
+
<div class="gator-progress-bar-labels">
|
|
4
|
+
<div class="gator-progress-bar-label-start">
|
|
5
|
+
${this.startIcon?s`<ngc-icon name="${this.startIcon}"></ngc-icon>`:null}
|
|
6
|
+
<span id="start-label">${this.startLabel}</span>
|
|
7
|
+
</div>
|
|
8
|
+
<div class="gator-progress-bar-label-end">
|
|
9
|
+
<span id="end-label">${this.endLabel}</span>
|
|
10
|
+
${this.endIcon?s`<ngc-icon name="${this.endIcon}"></ngc-icon>`:null}
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="gator-progress-bar-track ${this.rounded?"gator-progress-bar-track-rounded":""}"
|
|
14
|
+
role="progressbar"
|
|
15
|
+
aria-labelledby="${this.startLabel?"start-label":""} ${this.endLabel?"end-label":""}"
|
|
16
|
+
aria-label="${!this.startLabel&&!this.endLabel?`${this.value}%`:""}"
|
|
17
|
+
aria-describedby=${d(this.ariaDescribedby)}
|
|
18
|
+
aria-valuenow=${d(this.variant==="determinate"?this.value:void 0)}>
|
|
19
|
+
<div class="gator-progress-bar-track-fill-${this.variant}"
|
|
20
|
+
style=${d(this.variant==="determinate"?`--progress-width: ${this.value}%`:void 0)}
|
|
21
|
+
></div>
|
|
22
|
+
</div>
|
|
23
|
+
${this.helpTextMarkup}
|
|
24
|
+
</div>
|
|
25
|
+
`}get ariaDescribedby(){return this.variant==="success"&&this.successText?"success-text":this.variant==="error"&&this.errorText?"error-text":this.helpText?"help-text":void 0}get helpTextMarkup(){return this.variant==="success"?this.successMarkup:this.variant==="error"?this.errorMarkup:this.helpText?s`<ngc-help-text id="help-text">${this.helpText}</ngc-help-text>`:null}get errorMarkup(){return this.errorText?s`<ngc-help-text error icon id="error-text" aria-live="polite">${this.errorText}</ngc-help-text>`:null}get successMarkup(){return this.successText?s`<ngc-help-text id="success-text" aria-live="polite">${this.successText}</ngc-help-text>`:null}};t.styles=[c(v),c(u),c(m)];r([e()],t.prototype,"variant",2);r([e({type:Number})],t.prototype,"value",2);r([e({type:String,attribute:"start-icon"})],t.prototype,"startIcon",2);r([e({type:String,attribute:"start-label"})],t.prototype,"startLabel",2);r([e({type:String,attribute:"end-label"})],t.prototype,"endLabel",2);r([e({type:String,attribute:"end-icon"})],t.prototype,"endIcon",2);r([e({type:String,attribute:"error-text"})],t.prototype,"errorText",2);r([e({type:String,attribute:"success-text"})],t.prototype,"successText",2);r([e({type:String,attribute:"help-text"})],t.prototype,"helpText",2);r([e({type:Boolean})],t.prototype,"rounded",2);t=r([b("ngc-progress-bar")],t);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./gator/progress-bar.gator.js";import"../../assets/index-chunk2.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk6.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/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-left.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/dashboard.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/percent.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/shield-lock.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/settings.js";import"../icon/gator/templates/warning.js";import"../input/gator/help-text/help-text.gator.js";import"../../assets/index-chunk7.js";
|
package/dist/index.gator.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./components/accordion/gator/base/accordion.gator.js";import"./components/accordion/gator/group/accordion-group.gator.js";import"./components/alert/gator/base/alert.gator.js";import"./components/alert/gator/subtitle/alert-subtitle.gator.js";import"./components/alert/gator/title/alert-title.gator.js";import"./components/avatar/gator/avatar.gator.js";import"./components/badge/slds/badge.slds.js";import"./components/badge/gator/badge.gator.js";import"./components/banner/gator/banner.gator.js";import"./components/boolean/boolean.gator.js";import"./components/breadcrumbs/gator/container/breadcrumbs.gator.js";import"./components/button/slds/button.slds.js";import"./components/button/gator/button.gator.js";import"./components/button-card/gator/button-card.gator.js";import"./components/card/gator/header/card-header.gator.js";import"./components/card/gator/content/card-content.gator.js";import"./components/card/gator/footer/card-footer.gator.js";import"./components/checkbox/checkbox.gator.js";import"./components/checkbox-group/checkbox-group.gator.js";import"./components/chip/gator/chip.gator.js";import"./components/display-card/gator/display-card.gator.js";import"./components/divider/gator/divider.gator.js";import"./components/fab/gator/fab.gator.js";import"./components/headline-card/gator/headline-card.gator.js";import"./components/input/gator/input-label/input-label.gator.js";import"./components/input/gator/help-text/help-text.gator.js";import"./components/input/gator/input-text/input-text.gator.js";import"./components/input/gator/input-textarea/input-textarea.gator.js";import"./components/input/gator/input-masked/input-masked.gator.js";import"./components/input/gator/input-phone/input-phone.gator.js";import"./components/input/gator/dropdown/input-dropdown.gator.js";import"./components/icon/slds/icon.slds.js";import"./components/icon/gator/icon.gator.js";import"./components/icon-button/gator/icon-button.gator.js";import"./components/list/gator/list/list.gator.js";import"./components/list/gator/list-item/list-item.gator.js";import"./components/loading-spinner/gator/loading-spinner.gator.js";import"./components/menu/base/slds/menu.slds.js";import"./components/menu/base/gator/menu.gator.js";import"./components/menu/menu-divider/menu-divider.slds.js";import"./components/menu/menu-item/slds/menu-item.slds.js";import"./components/menu/menu-item/gator/menu-item.gator.js";import"./components/menu/menu-submenu/menu-submenu.slds.js";import"./components/modal/gator/modal.gator.js";import"./components/page-header/gator/page-header.gator.js";import"./components/radio/radio.gator.js";import"./components/radio-group/radio-group.gator.js";import"./components/selection-box/selection-box.gator.js";import"./components/selection-box-group/selection-box-group.gator.js";import"./components/skeleton-loader/gator/skeleton-loader.gator.js";import"./components/switch/gator/switch.gator.js";import"./components/tabs/gator/tabset/tabset.gator.js";import"./components/tabs/gator/tab/tab.gator.js";import"./components/text-link/gator/text-link.gator.js";import"./components/toast/gator/base/toast.gator.js";import"./components/tooltip/gator/tooltip.gator.js";import"./components/tooltip/slds/tooltip.slds.js";import"./components/accordion/accordion.js";import"./assets/index-chunk.js";import"./assets/index-chunk2.js";import"./utils/string-utils.js";import"./utils/components/testable-lit-element/testable-lit-element.js";import"./assets/index-chunk3.js";import"./assets/index-chunk4.js";import"./assets/index-chunk5.js";import"./assets/index-chunk6.js";import"./components/icon/gator/templates/arrow-left.js";import"./components/icon/icon-registry.js";import"./components/icon/gator/templates/arrow-right.js";import"./components/icon/gator/templates/check-circle.js";import"./components/icon/gator/templates/check.js";import"./components/icon/gator/templates/checkbox.js";import"./components/icon/gator/templates/checkbox-selected.js";import"./components/icon/gator/templates/chevron-down.js";import"./components/icon/gator/templates/chevron-left.js";import"./components/icon/gator/templates/chevron-right.js";import"./components/icon/gator/templates/chevron-up.js";import"./components/icon/gator/templates/dashboard.js";import"./components/icon/gator/templates/exit.js";import"./components/icon/gator/templates/exit-circle.js";import"./components/icon/gator/templates/eye-crossed.js";import"./components/icon/gator/templates/info.js";import"./components/icon/gator/templates/link.js";import"./components/icon/gator/templates/overflow-menu.js";import"./components/icon/gator/templates/percent.js";import"./components/icon/gator/templates/picture.js";import"./components/icon/gator/templates/shield-lock.js";import"./components/icon/gator/templates/radio.js";import"./components/icon/gator/templates/radio-selected.js";import"./components/icon/gator/templates/restricted.js";import"./components/icon/gator/templates/settings.js";import"./components/icon/gator/templates/warning.js";import"./assets/index-chunk7.js";import"./components/alert/alert.js";import"./utils/mixins/attribute-deletion.js";import"./components/avatar/avatar.js";import"./assets/index-chunk8.js";import"./assets/index-chunk9.js";import"./assets/index-chunk10.js";import"./components/badge/badge.js";import"./components/banner/banner.js";import"./components/breadcrumbs/breadcrumbs.js";import"./components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"./components/button/button.js";import"./components/button-card/button-card.js";import"./components/card/card.js";import"./assets/index-chunk11.js";import"./components/text-detail/text-detail.js";import"./utils/lightdom-utils.js";import"./utils/datatestid-utils.js";import"./components/chip/chip.js";import"./components/display-card/display-card.js";import"./components/divider/divider.js";import"./components/fab/fab.js";import"./components/headline-card/headline-card.js";import"./components/illustration/gator/illustration.gator.js";import"./components/illustration/gator/templates/balloons.js";import"./components/illustration/illustration-registry.js";import"./components/illustration/gator/templates/check-with-pencil.js";import"./components/illustration/gator/templates/your-bank-placeholder.js";import"./components/illustration/gator/templates/commercial.js";import"./components/illustration/gator/templates/small-business.js";import"./components/illustration/gator/templates/mortgage.js";import"./components/illustration/gator/templates/consumer.js";import"./components/illustration/gator/templates/treasury.js";import"./components/illustration/gator/templates/portfolio-analytics.js";import"./components/input/base/input-base.gator.js";import"./components/input/base/input-base.js";import"./assets/index-chunk12.js";import"./consts/key-constants.js";import"./utils/places-utils.js";import"./utils/industry-utils.js";import"./utils/phone-utils.js";import"./components/icon/icon.js";import"./components/icon-button/icon-button.js";import"./components/loading-spinner/loading-spinner.js";import"./components/menu/base/menu.js";import"./assets/index-chunk13.js";import"./components/menu/menu-divider/menu-divider.js";import"./components/menu/menu-item/menu-item.js";import"./components/menu/menu-submenu/menu-submenu.js";import"./components/modal/modal.js";import"./components/switch/switch.js";import"./components/text-link/text-link.js";import"./components/toast/toast.js";import"./components/tooltip/tooltip.js";import"./assets/index-chunk14.js";
|
|
1
|
+
import"./components/accordion/gator/base/accordion.gator.js";import"./components/accordion/gator/group/accordion-group.gator.js";import"./components/alert/gator/base/alert.gator.js";import"./components/alert/gator/subtitle/alert-subtitle.gator.js";import"./components/alert/gator/title/alert-title.gator.js";import"./components/avatar/gator/avatar.gator.js";import"./components/badge/slds/badge.slds.js";import"./components/badge/gator/badge.gator.js";import"./components/banner/gator/banner.gator.js";import"./components/boolean/boolean.gator.js";import"./components/breadcrumbs/gator/container/breadcrumbs.gator.js";import"./components/button/slds/button.slds.js";import"./components/button/gator/button.gator.js";import"./components/button-card/gator/button-card.gator.js";import"./components/card/gator/header/card-header.gator.js";import"./components/card/gator/content/card-content.gator.js";import"./components/card/gator/footer/card-footer.gator.js";import"./components/checkbox/checkbox.gator.js";import"./components/checkbox-group/checkbox-group.gator.js";import"./components/chip/gator/chip.gator.js";import"./components/display-card/gator/display-card.gator.js";import"./components/divider/gator/divider.gator.js";import"./components/fab/gator/fab.gator.js";import"./components/headline-card/gator/headline-card.gator.js";import"./components/input/gator/input-label/input-label.gator.js";import"./components/input/gator/help-text/help-text.gator.js";import"./components/input/gator/input-text/input-text.gator.js";import"./components/input/gator/input-textarea/input-textarea.gator.js";import"./components/input/gator/input-masked/input-masked.gator.js";import"./components/input/gator/input-phone/input-phone.gator.js";import"./components/input/gator/dropdown/input-dropdown.gator.js";import"./components/icon/slds/icon.slds.js";import"./components/icon/gator/icon.gator.js";import"./components/icon-button/gator/icon-button.gator.js";import"./components/list/gator/list/list.gator.js";import"./components/list/gator/list-item/list-item.gator.js";import"./components/loading-spinner/gator/loading-spinner.gator.js";import"./components/menu/base/slds/menu.slds.js";import"./components/menu/base/gator/menu.gator.js";import"./components/menu/menu-divider/menu-divider.slds.js";import"./components/menu/menu-item/slds/menu-item.slds.js";import"./components/menu/menu-item/gator/menu-item.gator.js";import"./components/menu/menu-submenu/menu-submenu.slds.js";import"./components/modal/gator/modal.gator.js";import"./components/page-header/gator/page-header.gator.js";import"./components/progress-bar/gator/progress-bar.gator.js";import"./components/radio/radio.gator.js";import"./components/radio-group/radio-group.gator.js";import"./components/selection-box/selection-box.gator.js";import"./components/selection-box-group/selection-box-group.gator.js";import"./components/skeleton-loader/gator/skeleton-loader.gator.js";import"./components/switch/gator/switch.gator.js";import"./components/tabs/gator/tabset/tabset.gator.js";import"./components/tabs/gator/tab/tab.gator.js";import"./components/text-link/gator/text-link.gator.js";import"./components/toast/gator/base/toast.gator.js";import"./components/tooltip/gator/tooltip.gator.js";import"./components/tooltip/slds/tooltip.slds.js";import"./components/accordion/accordion.js";import"./assets/index-chunk.js";import"./assets/index-chunk2.js";import"./utils/string-utils.js";import"./utils/components/testable-lit-element/testable-lit-element.js";import"./assets/index-chunk3.js";import"./assets/index-chunk4.js";import"./assets/index-chunk5.js";import"./assets/index-chunk6.js";import"./components/icon/gator/templates/arrow-left.js";import"./components/icon/icon-registry.js";import"./components/icon/gator/templates/arrow-right.js";import"./components/icon/gator/templates/check-circle.js";import"./components/icon/gator/templates/check.js";import"./components/icon/gator/templates/checkbox.js";import"./components/icon/gator/templates/checkbox-selected.js";import"./components/icon/gator/templates/chevron-down.js";import"./components/icon/gator/templates/chevron-left.js";import"./components/icon/gator/templates/chevron-right.js";import"./components/icon/gator/templates/chevron-up.js";import"./components/icon/gator/templates/dashboard.js";import"./components/icon/gator/templates/exit.js";import"./components/icon/gator/templates/exit-circle.js";import"./components/icon/gator/templates/eye-crossed.js";import"./components/icon/gator/templates/info.js";import"./components/icon/gator/templates/link.js";import"./components/icon/gator/templates/overflow-menu.js";import"./components/icon/gator/templates/percent.js";import"./components/icon/gator/templates/picture.js";import"./components/icon/gator/templates/shield-lock.js";import"./components/icon/gator/templates/radio.js";import"./components/icon/gator/templates/radio-selected.js";import"./components/icon/gator/templates/restricted.js";import"./components/icon/gator/templates/settings.js";import"./components/icon/gator/templates/warning.js";import"./assets/index-chunk7.js";import"./components/alert/alert.js";import"./utils/mixins/attribute-deletion.js";import"./components/avatar/avatar.js";import"./assets/index-chunk8.js";import"./assets/index-chunk9.js";import"./assets/index-chunk10.js";import"./components/badge/badge.js";import"./components/banner/banner.js";import"./components/breadcrumbs/breadcrumbs.js";import"./components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"./components/button/button.js";import"./components/button-card/button-card.js";import"./components/card/card.js";import"./assets/index-chunk11.js";import"./components/text-detail/text-detail.js";import"./utils/lightdom-utils.js";import"./utils/datatestid-utils.js";import"./components/chip/chip.js";import"./components/display-card/display-card.js";import"./components/divider/divider.js";import"./components/fab/fab.js";import"./components/headline-card/headline-card.js";import"./components/illustration/gator/illustration.gator.js";import"./components/illustration/gator/templates/balloons.js";import"./components/illustration/illustration-registry.js";import"./components/illustration/gator/templates/check-with-pencil.js";import"./components/illustration/gator/templates/your-bank-placeholder.js";import"./components/illustration/gator/templates/commercial.js";import"./components/illustration/gator/templates/small-business.js";import"./components/illustration/gator/templates/mortgage.js";import"./components/illustration/gator/templates/consumer.js";import"./components/illustration/gator/templates/treasury.js";import"./components/illustration/gator/templates/portfolio-analytics.js";import"./components/input/base/input-base.gator.js";import"./components/input/base/input-base.js";import"./assets/index-chunk12.js";import"./consts/key-constants.js";import"./utils/places-utils.js";import"./utils/industry-utils.js";import"./utils/phone-utils.js";import"./components/icon/icon.js";import"./components/icon-button/icon-button.js";import"./components/loading-spinner/loading-spinner.js";import"./components/menu/base/menu.js";import"./assets/index-chunk13.js";import"./components/menu/menu-divider/menu-divider.js";import"./components/menu/menu-item/menu-item.js";import"./components/menu/menu-submenu/menu-submenu.js";import"./components/modal/modal.js";import"./components/switch/switch.js";import"./components/text-link/text-link.js";import"./components/toast/toast.js";import"./components/tooltip/tooltip.js";import"./assets/index-chunk14.js";
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { TestableLitElement } from '../../../utils/components/testable-lit-element/testable-lit-element';
|
|
2
|
+
export type NGC_PROGRESS_BAR_VARIANT = 'determinate' | 'indeterminate' | 'success' | 'error';
|
|
3
|
+
export declare class NgcProgressBar extends TestableLitElement {
|
|
4
|
+
/**
|
|
5
|
+
* The variant of the progress bar. Can be 'determinate', 'indeterminate', 'success', or 'error'.
|
|
6
|
+
* @type {NGC_PROGRESS_BAR_VARIANT}
|
|
7
|
+
*/
|
|
8
|
+
variant: NGC_PROGRESS_BAR_VARIANT;
|
|
9
|
+
/**
|
|
10
|
+
* The value of the progress bar, represented as a percentage between 0 and 100.
|
|
11
|
+
* @type {number}
|
|
12
|
+
*/
|
|
13
|
+
value: number;
|
|
14
|
+
/**
|
|
15
|
+
* The icon to display at the start of the progress bar.
|
|
16
|
+
* @type {string}
|
|
17
|
+
*/
|
|
18
|
+
startIcon: string;
|
|
19
|
+
/**
|
|
20
|
+
* The label to display at the start of the progress bar.
|
|
21
|
+
* @type {string}
|
|
22
|
+
*/
|
|
23
|
+
startLabel: string;
|
|
24
|
+
/**
|
|
25
|
+
* The label to display at the end of the progress bar.
|
|
26
|
+
* @type {string}
|
|
27
|
+
*/
|
|
28
|
+
endLabel: string;
|
|
29
|
+
/**
|
|
30
|
+
* The icon to display at the end of the progress bar.
|
|
31
|
+
* @type {string}
|
|
32
|
+
*/
|
|
33
|
+
endIcon: string;
|
|
34
|
+
/**
|
|
35
|
+
* The text to display below the progress bar when in error state.
|
|
36
|
+
* @type {string}
|
|
37
|
+
*/
|
|
38
|
+
errorText: string;
|
|
39
|
+
/**
|
|
40
|
+
* The text to display below the progress bar when in success state.
|
|
41
|
+
* @type {string}
|
|
42
|
+
*/
|
|
43
|
+
successText: string;
|
|
44
|
+
/**
|
|
45
|
+
* The text to display as help text below the progress bar.
|
|
46
|
+
* @type {string}
|
|
47
|
+
*/
|
|
48
|
+
helpText: string;
|
|
49
|
+
rounded: boolean;
|
|
50
|
+
static styles: import('lit').CSSResult[];
|
|
51
|
+
render(): import('lit').TemplateResult<1>;
|
|
52
|
+
get ariaDescribedby(): "help-text" | "error-text" | "success-text" | undefined;
|
|
53
|
+
get helpTextMarkup(): import('lit').TemplateResult<1> | null;
|
|
54
|
+
get errorMarkup(): import('lit').TemplateResult<1> | null;
|
|
55
|
+
get successMarkup(): import('lit').TemplateResult<1> | null;
|
|
56
|
+
}
|
|
57
|
+
declare global {
|
|
58
|
+
interface HTMLElementTagNameMap {
|
|
59
|
+
'ngc-progress-bar': NgcProgressBar;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * as NgcProgressBar from './gator/progress-bar.gator';
|
|
@@ -23,6 +23,7 @@ export { NgcLoadingSpinner } from './components/loading-spinner';
|
|
|
23
23
|
export { NgcMenu, NgcMenuItem } from './components/menu';
|
|
24
24
|
export { NgcModal } from './components/modal';
|
|
25
25
|
export { NgcPageHeader } from './components/page-header';
|
|
26
|
+
export { NgcProgressBar } from './components/progress-bar';
|
|
26
27
|
export { NgcRadio } from './components/radio';
|
|
27
28
|
export { NgcRadioGroup } from './components/radio-group';
|
|
28
29
|
export { NgcSelectionBox } from './components/selection-box';
|
package/package.json
CHANGED
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@ncino/web-components",
|
|
4
|
-
"version": "2.1.0-preview.
|
|
4
|
+
"version": "2.1.0-preview.5",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -2680,6 +2680,129 @@
|
|
|
2680
2680
|
"events": []
|
|
2681
2681
|
}
|
|
2682
2682
|
},
|
|
2683
|
+
{
|
|
2684
|
+
"name": "ngc-progress-bar",
|
|
2685
|
+
"description": "\n---\n",
|
|
2686
|
+
"doc-url": "",
|
|
2687
|
+
"attributes": [
|
|
2688
|
+
{
|
|
2689
|
+
"name": "variant",
|
|
2690
|
+
"description": "The variant of the progress bar. Can be 'determinate', 'indeterminate', 'success', or 'error'.",
|
|
2691
|
+
"value": {
|
|
2692
|
+
"type": "'determinate' | 'indeterminate' | 'success' | 'error'",
|
|
2693
|
+
"default": "'determinate'"
|
|
2694
|
+
}
|
|
2695
|
+
},
|
|
2696
|
+
{
|
|
2697
|
+
"name": "value",
|
|
2698
|
+
"description": "The value of the progress bar, represented as a percentage between 0 and 100.",
|
|
2699
|
+
"value": { "type": "number", "default": "0" }
|
|
2700
|
+
},
|
|
2701
|
+
{
|
|
2702
|
+
"name": "start-icon",
|
|
2703
|
+
"description": "The icon to display at the start of the progress bar.",
|
|
2704
|
+
"value": { "type": "string", "default": "''" }
|
|
2705
|
+
},
|
|
2706
|
+
{
|
|
2707
|
+
"name": "start-label",
|
|
2708
|
+
"description": "The label to display at the start of the progress bar.",
|
|
2709
|
+
"value": { "type": "string", "default": "''" }
|
|
2710
|
+
},
|
|
2711
|
+
{
|
|
2712
|
+
"name": "end-label",
|
|
2713
|
+
"description": "The label to display at the end of the progress bar.",
|
|
2714
|
+
"value": { "type": "string", "default": "''" }
|
|
2715
|
+
},
|
|
2716
|
+
{
|
|
2717
|
+
"name": "end-icon",
|
|
2718
|
+
"description": "The icon to display at the end of the progress bar.",
|
|
2719
|
+
"value": { "type": "string", "default": "''" }
|
|
2720
|
+
},
|
|
2721
|
+
{
|
|
2722
|
+
"name": "error-text",
|
|
2723
|
+
"description": "The text to display below the progress bar when in error state.",
|
|
2724
|
+
"value": { "type": "string", "default": "''" }
|
|
2725
|
+
},
|
|
2726
|
+
{
|
|
2727
|
+
"name": "success-text",
|
|
2728
|
+
"description": "The text to display below the progress bar when in success state.",
|
|
2729
|
+
"value": { "type": "string", "default": "''" }
|
|
2730
|
+
},
|
|
2731
|
+
{
|
|
2732
|
+
"name": "help-text",
|
|
2733
|
+
"description": "The text to display as help text below the progress bar.",
|
|
2734
|
+
"value": { "type": "string", "default": "''" }
|
|
2735
|
+
},
|
|
2736
|
+
{
|
|
2737
|
+
"name": "rounded",
|
|
2738
|
+
"value": { "type": "boolean", "default": "true" }
|
|
2739
|
+
},
|
|
2740
|
+
{
|
|
2741
|
+
"name": "data-testid",
|
|
2742
|
+
"value": { "type": "string | undefined", "default": "undefined" }
|
|
2743
|
+
}
|
|
2744
|
+
],
|
|
2745
|
+
"events": [],
|
|
2746
|
+
"js": {
|
|
2747
|
+
"properties": [
|
|
2748
|
+
{
|
|
2749
|
+
"name": "variant",
|
|
2750
|
+
"description": "The variant of the progress bar. Can be 'determinate', 'indeterminate', 'success', or 'error'.",
|
|
2751
|
+
"type": "'determinate' | 'indeterminate' | 'success' | 'error'"
|
|
2752
|
+
},
|
|
2753
|
+
{
|
|
2754
|
+
"name": "value",
|
|
2755
|
+
"description": "The value of the progress bar, represented as a percentage between 0 and 100.",
|
|
2756
|
+
"type": "number"
|
|
2757
|
+
},
|
|
2758
|
+
{
|
|
2759
|
+
"name": "startIcon",
|
|
2760
|
+
"description": "The icon to display at the start of the progress bar.",
|
|
2761
|
+
"type": "string"
|
|
2762
|
+
},
|
|
2763
|
+
{
|
|
2764
|
+
"name": "startLabel",
|
|
2765
|
+
"description": "The label to display at the start of the progress bar.",
|
|
2766
|
+
"type": "string"
|
|
2767
|
+
},
|
|
2768
|
+
{
|
|
2769
|
+
"name": "endLabel",
|
|
2770
|
+
"description": "The label to display at the end of the progress bar.",
|
|
2771
|
+
"type": "string"
|
|
2772
|
+
},
|
|
2773
|
+
{
|
|
2774
|
+
"name": "endIcon",
|
|
2775
|
+
"description": "The icon to display at the end of the progress bar.",
|
|
2776
|
+
"type": "string"
|
|
2777
|
+
},
|
|
2778
|
+
{
|
|
2779
|
+
"name": "errorText",
|
|
2780
|
+
"description": "The text to display below the progress bar when in error state.",
|
|
2781
|
+
"type": "string"
|
|
2782
|
+
},
|
|
2783
|
+
{
|
|
2784
|
+
"name": "successText",
|
|
2785
|
+
"description": "The text to display below the progress bar when in success state.",
|
|
2786
|
+
"type": "string"
|
|
2787
|
+
},
|
|
2788
|
+
{
|
|
2789
|
+
"name": "helpText",
|
|
2790
|
+
"description": "The text to display as help text below the progress bar.",
|
|
2791
|
+
"type": "string"
|
|
2792
|
+
},
|
|
2793
|
+
{ "name": "rounded", "type": "boolean" },
|
|
2794
|
+
{ "name": "ariaDescribedby" },
|
|
2795
|
+
{ "name": "helpTextMarkup" },
|
|
2796
|
+
{ "name": "errorMarkup" },
|
|
2797
|
+
{ "name": "successMarkup" },
|
|
2798
|
+
{ "name": "dataTestid", "type": "string | undefined" },
|
|
2799
|
+
{ "name": "labelDataTestid" },
|
|
2800
|
+
{ "name": "helpTextDataTestid" },
|
|
2801
|
+
{ "name": "errorMessageDataTestid" }
|
|
2802
|
+
],
|
|
2803
|
+
"events": []
|
|
2804
|
+
}
|
|
2805
|
+
},
|
|
2683
2806
|
{
|
|
2684
2807
|
"name": "ngc-selection-box",
|
|
2685
2808
|
"description": "\n---\n\n\n### **Events:**\n - **change**",
|