@ncino/web-components 2.0.0-preview.9 → 2.0.0
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-chunk.js +2 -2
- package/dist/assets/index-chunk10.js +1 -1
- package/dist/assets/index-chunk11.js +1 -5
- package/dist/assets/index-chunk12.js +1 -1
- package/dist/assets/index-chunk13.js +1 -1
- package/dist/assets/index-chunk14.js +1 -1
- package/dist/assets/index-chunk2.js +6 -6
- package/dist/assets/index-chunk3.js +1 -1
- package/dist/assets/index-chunk4.js +5 -1
- package/dist/assets/index-chunk5.js +1 -1
- package/dist/assets/index-chunk6.js +1 -1
- package/dist/assets/index-chunk7.js +3 -11
- package/dist/assets/index-chunk8.js +10 -2
- package/dist/assets/index-chunk9.js +3 -3
- package/dist/assets/input-rich-text.css +1 -1
- package/dist/components/accordion/accordion.js +1 -1
- package/dist/components/accordion/gator/base/accordion.gator.js +2 -2
- package/dist/components/accordion/gator/group/accordion-group.gator.js +2 -2
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/alert/alert.js +1 -1
- package/dist/components/alert/gator/base/alert.gator.js +1 -1
- package/dist/components/alert/gator/subtitle/alert-subtitle.gator.js +2 -2
- package/dist/components/alert/gator/title/alert-title.gator.js +2 -2
- package/dist/components/alert/index.js +1 -1
- package/dist/components/avatar/avatar.js +1 -1
- package/dist/components/avatar/gator/avatar.gator.js +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/badge/badge.js +1 -1
- package/dist/components/badge/gator/badge.gator.js +1 -1
- package/dist/components/badge/index.js +1 -1
- package/dist/components/badge/slds/badge.slds.js +2 -2
- package/dist/components/banner/banner.js +1 -1
- package/dist/components/banner/gator/banner.gator.js +2 -2
- package/dist/components/banner/index.js +1 -1
- package/dist/components/boolean/boolean.gator.js +1 -1
- package/dist/components/boolean/index.js +1 -1
- package/dist/components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.js +2 -2
- package/dist/components/breadcrumbs/gator/container/breadcrumbs.gator.js +1 -1
- package/dist/components/breadcrumbs/index.js +1 -1
- package/dist/components/button/button.js +1 -1
- package/dist/components/button/gator/button.gator.js +1 -1
- package/dist/components/button/index.js +1 -1
- package/dist/components/button/slds/button.slds.js +2 -2
- package/dist/components/button-card/button-card.js +1 -1
- package/dist/components/button-card/gator/button-card.gator.js +1 -1
- 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 -1
- package/dist/components/card/gator/content/card-content.gator.js +2 -2
- package/dist/components/card/gator/footer/card-footer.gator.js +2 -2
- package/dist/components/card/gator/header/card-header.gator.js +41 -1
- package/dist/components/card/index.js +1 -1
- package/dist/components/checkbox/checkbox.gator.js +4 -4
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/checkbox-group/checkbox-group.gator.js +5 -5
- package/dist/components/checkbox-group/index.js +1 -1
- package/dist/components/chip/chip.js +1 -1
- package/dist/components/chip/gator/chip.gator.js +1 -1
- package/dist/components/chip/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/combobox-item/combobox-item.js +1 -1
- package/dist/components/combobox/combobox-item/combobox-item.slds.js +4 -4
- package/dist/components/combobox/combobox-item/index.js +1 -1
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/date-picker/base/datepicker.js +1 -0
- package/dist/components/date-picker/base/gator/datepicker.gator.js +105 -0
- package/dist/components/date-picker/year-month-selector/year-month-selector.gator.js +5 -4
- package/dist/components/display-card/display-card.js +1 -1
- package/dist/components/display-card/gator/display-card.gator.js +12 -9
- package/dist/components/display-card/index.js +1 -1
- package/dist/components/divider/gator/divider.gator.js +1 -1
- package/dist/components/fab/fab.js +1 -1
- package/dist/components/fab/gator/fab.gator.js +1 -1
- package/dist/components/fab/index.js +1 -1
- package/dist/components/headline-card/gator/headline-card.gator.js +13 -9
- package/dist/components/headline-card/headline-card.js +1 -1
- package/dist/components/headline-card/index.js +1 -1
- package/dist/components/icon/gator/icon.gator.js +1 -1
- package/dist/components/icon/gator/index.js +1 -1
- package/dist/components/icon/gator/templates/chevron-left.js +14 -0
- package/dist/components/icon/gator/templates/dashboard.js +11 -0
- package/dist/components/icon/gator/templates/index.js +1 -1
- package/dist/components/icon/gator/templates/percent.js +5 -0
- package/dist/components/icon/gator/templates/settings.js +11 -0
- package/dist/components/icon/gator/templates/shield-lock.js +6 -0
- package/dist/components/icon/icon.js +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/icon/slds/icon.slds.js +1 -1
- package/dist/components/icon-button/gator/icon-button.gator.js +3 -3
- package/dist/components/icon-button/icon-button.js +1 -1
- package/dist/components/icon-button/index.js +1 -1
- package/dist/components/illustration/gator/illustration.gator.js +1 -0
- package/dist/components/illustration/gator/index.js +1 -0
- package/dist/components/{icon → illustration}/gator/templates/balloons.js +1 -1
- package/dist/components/illustration/gator/templates/check-with-pencil.js +6 -0
- package/dist/components/illustration/gator/templates/commercial.js +35 -0
- package/dist/components/illustration/gator/templates/consumer.js +21 -0
- package/dist/components/illustration/gator/templates/index.js +1 -0
- package/dist/components/illustration/gator/templates/mortgage.js +26 -0
- package/dist/components/illustration/gator/templates/portfolio-analytics.js +43 -0
- package/dist/components/illustration/gator/templates/small-business.js +26 -0
- package/dist/components/illustration/gator/templates/treasury.js +27 -0
- package/dist/components/illustration/gator/templates/your-bank-placeholder.js +40 -0
- package/dist/components/illustration/illustration-registry.js +1 -0
- package/dist/components/illustration/index.js +1 -0
- package/dist/components/input/base/input-base.gator.js +6 -6
- package/dist/components/input/base/input-base.js +1 -1
- package/dist/components/input/gator/dropdown/input-dropdown.gator.js +31 -13
- package/dist/components/input/gator/help-text/help-text.gator.js +1 -1
- package/dist/components/input/gator/input-label/input-label.gator.js +2 -2
- package/dist/components/input/gator/input-masked/input-masked.gator.js +1 -0
- package/dist/components/input/gator/input-percent/input-percent.gator.js +1 -0
- package/dist/components/input/gator/input-text/input-text.gator.js +20 -9
- package/dist/components/input/gator/input-textarea/input-textarea.gator.js +2 -2
- package/dist/components/input/index.gator.js +1 -0
- package/dist/components/input/index.js +1 -1
- package/dist/components/input/index.slds.js +1 -0
- package/dist/components/input/slds/input-error/input-error.slds.js +3 -3
- package/dist/components/input/slds/input-label/input-label.slds.js +4 -4
- package/dist/components/input/slds/input-text/input-text.slds.js +1 -1
- package/dist/components/input-rich-text/ckeditor-config.js +285 -276
- package/dist/components/input-rich-text/index.js +1 -1
- package/dist/components/input-rich-text/input-rich-text.js +1 -1
- package/dist/components/input-rich-text/input-rich-text.slds.js +3 -3
- package/dist/components/list/gator/list/index.js +1 -1
- package/dist/components/list/gator/list/list.gator.js +2 -2
- package/dist/components/list/gator/list-item/index.js +1 -1
- package/dist/components/list/gator/list-item/list-item.gator.js +2 -2
- package/dist/components/list/index.js +1 -0
- package/dist/components/loading-spinner/loading-spinner.js +1 -1
- package/dist/components/menu/base/gator/menu.gator.js +7 -9
- package/dist/components/menu/base/index.js +1 -1
- package/dist/components/menu/base/menu.js +1 -1
- package/dist/components/menu/base/slds/menu.slds.js +1 -1
- package/dist/components/menu/index.js +1 -1
- package/dist/components/menu/menu-divider/index.js +1 -1
- package/dist/components/menu/menu-divider/menu-divider.slds.js +2 -2
- package/dist/components/menu/menu-item/gator/menu-item.gator.js +3 -3
- package/dist/components/menu/menu-item/index.js +1 -1
- package/dist/components/menu/menu-item/menu-item.js +1 -1
- package/dist/components/menu/menu-item/slds/menu-item.slds.js +1 -1
- package/dist/components/menu/menu-submenu/index.js +1 -1
- package/dist/components/menu/menu-submenu/menu-submenu.js +1 -1
- package/dist/components/menu/menu-submenu/menu-submenu.slds.js +2 -2
- package/dist/components/modal/gator/modal.gator.js +14 -11
- package/dist/components/modal/index.js +1 -1
- package/dist/components/modal/modal.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/pill/pill.js +1 -1
- package/dist/components/pill/pill.slds.js +1 -1
- package/dist/components/radio/index.js +1 -1
- package/dist/components/radio/radio.gator.js +1 -1
- package/dist/components/radio-group/index.js +1 -1
- package/dist/components/radio-group/radio-group.gator.js +6 -6
- package/dist/components/scoped-notification/index.js +1 -1
- package/dist/components/scoped-notification/scoped-notification.slds.js +1 -1
- package/dist/components/selection-box/index.js +1 -1
- package/dist/components/selection-box/selection-box.gator.js +2 -2
- package/dist/components/selection-box-group/index.js +1 -1
- package/dist/components/selection-box-group/selection-box-group.gator.js +1 -1
- package/dist/components/selector/gator/selector.gator.js +3 -9
- package/dist/components/skeleton-loader/gator/skeleton-loader.gator.js +1 -1
- package/dist/components/skeleton-loader/index.js +1 -1
- package/dist/components/switch/gator/switch.gator.js +2 -2
- package/dist/components/switch/switch.js +1 -1
- package/dist/components/table/gator/table.gator.js +9 -9
- package/dist/components/table/table.js +1 -1
- package/dist/components/tabs/gator/tab/tab.gator.js +2 -2
- package/dist/components/tabs/gator/tabset/tabset.gator.js +4 -4
- package/dist/components/tabs/index.gator.js +1 -0
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/text-detail/gator/text-detail.gator.js +1 -51
- package/dist/components/text-detail/index.js +1 -1
- package/dist/components/text-detail/text-detail.js +1 -1
- package/dist/components/text-link/gator/text-link.gator.js +1 -1
- package/dist/components/text-link/index.js +1 -1
- package/dist/components/text-link/text-link.js +1 -1
- package/dist/components/toast/gator/base/toast.gator.js +5 -5
- package/dist/components/toast/gator/subtitle/toast-subtitle.gator.js +2 -2
- package/dist/components/toast/gator/title/toast-title.gator.js +2 -2
- package/dist/components/toast/index.js +1 -1
- package/dist/components/tooltip/gator/tooltip.gator.js +2 -2
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/slds/tooltip.slds.js +1 -1
- package/dist/components/tooltip/tooltip.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/card/gator/header/card-header.gator.d.ts +0 -25
- package/dist/types/components/date-picker/base/datepicker.d.ts +91 -0
- package/dist/types/components/date-picker/base/gator/datepicker.gator.d.ts +48 -0
- package/dist/types/components/date-picker/base/gator/datepicker.gator.test.d.ts +0 -0
- package/dist/types/components/date-picker/year-month-selector/year-month-selector.gator.d.ts +5 -1
- package/dist/types/components/headline-card/headline-card.d.ts +3 -3
- package/dist/types/components/icon/gator/templates/chevron-left.d.ts +1 -0
- package/dist/types/components/icon/gator/templates/dashboard.d.ts +1 -0
- package/dist/types/components/icon/gator/templates/index.d.ts +6 -2
- package/dist/types/components/icon/gator/templates/percent.d.ts +1 -0
- package/dist/types/components/icon/gator/templates/settings.d.ts +1 -0
- package/dist/types/components/icon/gator/templates/shield-lock.d.ts +1 -0
- package/dist/types/components/illustration/gator/illustration.gator.d.ts +29 -0
- package/dist/types/components/illustration/gator/illustration.gator.test.d.ts +0 -0
- package/dist/types/components/illustration/gator/index.d.ts +2 -0
- package/dist/types/components/illustration/gator/templates/check-with-pencil.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/commercial.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/consumer.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/index.d.ts +9 -0
- package/dist/types/components/illustration/gator/templates/mortgage.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/portfolio-analytics.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/small-business.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/treasury.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/your-bank-placeholder.d.ts +1 -0
- package/dist/types/components/illustration/illustration-registry.d.ts +9 -0
- package/dist/types/components/illustration/index.d.ts +1 -0
- package/dist/types/components/input/base/input-base.d.ts +42 -0
- package/dist/types/components/input/base/input-base.gator.d.ts +1 -0
- package/dist/types/components/input/gator/dropdown/input-dropdown.gator.d.ts +22 -0
- package/dist/types/components/input/gator/input-masked/input-masked.gator.d.ts +40 -0
- package/dist/types/components/input/gator/input-masked/input-masked.gator.test.d.ts +0 -0
- package/dist/types/components/input/gator/input-percent/input-percent.gator.d.ts +9 -0
- package/dist/types/components/input/gator/input-percent/input-percent.gator.test.d.ts +0 -0
- package/dist/types/components/input/gator/input-text/input-text.gator.d.ts +20 -5
- package/dist/types/components/input/index.d.ts +2 -7
- package/dist/types/components/input/index.gator.d.ts +5 -0
- package/dist/types/components/input/index.slds.d.ts +3 -0
- package/dist/types/components/list/index.d.ts +2 -0
- package/dist/types/components/menu/base/gator/menu.gator.d.ts +2 -0
- package/dist/types/components/menu/base/menu.d.ts +6 -0
- package/dist/types/components/radio-group/radio-group.gator.d.ts +1 -1
- package/dist/types/components/selection-box-group/selection-box-group.gator.d.ts +1 -1
- package/dist/types/components/selector/gator/selector.gator.d.ts +3 -6
- package/dist/types/components/tabs/index.d.ts +1 -1
- package/dist/types/components/tabs/index.gator.d.ts +2 -0
- package/dist/types/index.d.ts +8 -2
- package/dist/types/index.gator.d.ts +36 -32
- package/dist/types/index.slds.d.ts +9 -10
- package/dist/types/utils/components/illustration-list/illustration-list.gator.d.ts +9 -0
- package/dist/types/utils/data/countries.json.d.ts +13729 -0
- package/dist/types/utils/data/data-models.d.ts +46 -0
- package/dist/types/utils/data/naics-codes.json.d.ts +2130 -0
- package/dist/types/utils/data/states.json.d.ts +55423 -0
- package/dist/types/utils/industry-utils.d.ts +4 -0
- package/dist/types/utils/places-utils.d.ts +8 -0
- package/dist/types/utils/vitest-utils.d.ts +1 -1
- package/dist/utils/components/icon-list/icon-list.gator.js +2 -2
- package/dist/utils/components/illustration-list/illustration-list.gator.js +10 -0
- package/dist/utils/components/slot-placeholder/slot-placeholder.js +2 -2
- package/dist/utils/components/testable-lit-element/testable-lit-element.js +1 -1
- package/dist/utils/data/data-models.js +1 -0
- package/dist/utils/industry-utils.js +1 -0
- package/dist/utils/places-utils.js +1 -0
- package/package.json +29 -29
- package/web-types.json +897 -495
- /package/dist/types/components/{icon → illustration}/gator/templates/balloons.d.ts +0 -0
|
@@ -1,21 +1,25 @@
|
|
|
1
1
|
export * from './arrow-left';
|
|
2
2
|
export * from './arrow-right';
|
|
3
|
-
export * from './balloons';
|
|
4
3
|
export * from './check-circle';
|
|
5
4
|
export * from './check';
|
|
6
5
|
export * from './checkbox';
|
|
7
6
|
export * from './checkbox-selected';
|
|
8
7
|
export * from './chevron-down';
|
|
8
|
+
export * from './chevron-left';
|
|
9
9
|
export * from './chevron-right';
|
|
10
10
|
export * from './chevron-up';
|
|
11
|
+
export * from './dashboard';
|
|
11
12
|
export * from './exit';
|
|
12
13
|
export * from './exit-circle';
|
|
13
14
|
export * from './eye-crossed';
|
|
14
15
|
export * from './info';
|
|
15
16
|
export * from './link';
|
|
16
|
-
export * from './overflow-menu
|
|
17
|
+
export * from './overflow-menu';
|
|
18
|
+
export * from './percent';
|
|
17
19
|
export * from './picture';
|
|
20
|
+
export * from './shield-lock';
|
|
18
21
|
export * from './radio';
|
|
19
22
|
export * from './radio-selected';
|
|
20
23
|
export * from './restricted';
|
|
24
|
+
export * from './settings';
|
|
21
25
|
export * from './warning';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Percent: import('lit').TemplateResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Settings: import('lit').TemplateResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ShieldLock: import('lit').TemplateResult;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* An element that renderings a single illustration. Illustrations are either provided as a
|
|
4
|
+
* Lit TemplateResult, or looked up by name from an illustration registry.
|
|
5
|
+
*/
|
|
6
|
+
export declare class NgcIllustration extends LitElement {
|
|
7
|
+
static styles: import('lit').CSSResult[];
|
|
8
|
+
/**
|
|
9
|
+
* @description The name of the illustration to render. This is the name of the illustration in the Salesforce Lightning Design System
|
|
10
|
+
* @property {string} name
|
|
11
|
+
*/
|
|
12
|
+
name: string;
|
|
13
|
+
/**
|
|
14
|
+
* A description of the illustration to use for accessibility. If omitted, the illustration
|
|
15
|
+
* will be ignored by assistive devices.
|
|
16
|
+
*/
|
|
17
|
+
label: string;
|
|
18
|
+
width: string | undefined;
|
|
19
|
+
height: string | undefined;
|
|
20
|
+
_svg: SVGElement | null | undefined;
|
|
21
|
+
firstUpdated(): void;
|
|
22
|
+
updated(): void;
|
|
23
|
+
render(): import('lit').TemplateResult | undefined;
|
|
24
|
+
}
|
|
25
|
+
declare global {
|
|
26
|
+
interface HTMLElementTagNameMap {
|
|
27
|
+
'ngc-illustration': NgcIllustration;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const CheckWithPencil: import('lit').TemplateResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Commercial: import('lit').TemplateResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Consumer: import('lit').TemplateResult;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './balloons.ts';
|
|
2
|
+
export * from './check-with-pencil.ts';
|
|
3
|
+
export * from './your-bank-placeholder.ts';
|
|
4
|
+
export * from './commercial.ts';
|
|
5
|
+
export * from './small-business.ts';
|
|
6
|
+
export * from './mortgage.ts';
|
|
7
|
+
export * from './consumer.ts';
|
|
8
|
+
export * from './treasury.ts';
|
|
9
|
+
export * from './portfolio-analytics.ts';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Mortgage: import('lit').TemplateResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const PortfolioAnalytics: import('lit').TemplateResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SmallBusiness: import('lit').TemplateResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Treasury: import('lit').TemplateResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const YourBankPlaceholder: import('lit').TemplateResult;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TemplateResult } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* The global illustration registry.
|
|
4
|
+
*/
|
|
5
|
+
export declare const illustrations: Map<string, TemplateResult>;
|
|
6
|
+
/**
|
|
7
|
+
* Adds an illustration definition the global registry and returns the definition.
|
|
8
|
+
*/
|
|
9
|
+
export declare const illustration: (name: string, def: TemplateResult) => TemplateResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * as NgcIllustration from './gator/illustration.gator';
|
|
@@ -1,12 +1,49 @@
|
|
|
1
1
|
import { TestableLitElement } from '../../../utils/components/testable-lit-element/testable-lit-element.ts';
|
|
2
2
|
export declare class InputBase extends TestableLitElement {
|
|
3
|
+
/**
|
|
4
|
+
@property id - The id of the rendered input
|
|
5
|
+
@type string
|
|
6
|
+
*/
|
|
3
7
|
id: string;
|
|
8
|
+
/**
|
|
9
|
+
@property required - Whether the input is required
|
|
10
|
+
@type boolean
|
|
11
|
+
*/
|
|
4
12
|
required: boolean;
|
|
13
|
+
/**
|
|
14
|
+
@property disabled - Whether the input is disabled
|
|
15
|
+
@type boolean
|
|
16
|
+
*/
|
|
5
17
|
disabled: boolean;
|
|
18
|
+
/**
|
|
19
|
+
@property label - The label of the rendered input
|
|
20
|
+
@type string
|
|
21
|
+
*/
|
|
6
22
|
label: string;
|
|
23
|
+
/**
|
|
24
|
+
@property ariaDescription - The aria description for the component
|
|
25
|
+
@type string | null
|
|
26
|
+
*/
|
|
27
|
+
ariaDescription: string | null;
|
|
28
|
+
/**
|
|
29
|
+
@property placeholder - The placeholder of the rendered input
|
|
30
|
+
@type string
|
|
31
|
+
*/
|
|
7
32
|
placeholder: string;
|
|
33
|
+
/**
|
|
34
|
+
@property value - The value of the rendered input
|
|
35
|
+
@type string | number | undefined | null
|
|
36
|
+
*/
|
|
8
37
|
value: string | number | undefined | null;
|
|
38
|
+
/**
|
|
39
|
+
@property errorText - The error text of the rendered input.
|
|
40
|
+
@type string
|
|
41
|
+
*/
|
|
9
42
|
errorText: string;
|
|
43
|
+
/**
|
|
44
|
+
* @property helpText - The help text of the rendered input. If error text is supplied the help text is not displayed.
|
|
45
|
+
* @type {string}
|
|
46
|
+
*/
|
|
10
47
|
helpText: string;
|
|
11
48
|
/**
|
|
12
49
|
* @property {string} type - The type of the input element.
|
|
@@ -23,4 +60,9 @@ export declare class InputBase extends TestableLitElement {
|
|
|
23
60
|
* @type {string}
|
|
24
61
|
*/
|
|
25
62
|
endIcon: string;
|
|
63
|
+
/**
|
|
64
|
+
* @property {string} maxLength - The maximum number of characters allowed in the input.
|
|
65
|
+
* @type {string}
|
|
66
|
+
*/
|
|
67
|
+
maxLength: number | undefined;
|
|
26
68
|
}
|
|
@@ -11,6 +11,7 @@ export declare class NgcInputBase extends InputBase {
|
|
|
11
11
|
get helpTextMarkup(): import('lit').TemplateResult<1> | null;
|
|
12
12
|
get bottomText(): import('lit').TemplateResult<1>;
|
|
13
13
|
get errorTextMarkup(): import('lit').TemplateResult<1> | null;
|
|
14
|
+
handleClick(_: Event): void;
|
|
14
15
|
handleInputFocusIn(): void;
|
|
15
16
|
handleInputFocusOut(): void;
|
|
16
17
|
}
|
|
@@ -4,19 +4,39 @@ export type NgcDropdownType = {
|
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
6
6
|
};
|
|
7
|
+
export type NgcDropdownDataType = 'country' | 'state' | 'naics';
|
|
7
8
|
export declare class NgcInputDropdown extends NgcInputBase {
|
|
8
9
|
static styles: import('lit').CSSResult[];
|
|
9
10
|
options: NgcDropdownType[];
|
|
11
|
+
autocomplete: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* @property {boolean} dataType
|
|
14
|
+
* @description Can be used to have a predefined list of options rendered for you. Options should be null if using dataType
|
|
15
|
+
*/
|
|
16
|
+
dataType: string | undefined;
|
|
17
|
+
/**
|
|
18
|
+
* @property {string} countryCode
|
|
19
|
+
* @description Required when using the dataType property equal to "state"
|
|
20
|
+
*/
|
|
21
|
+
countryCode: string | undefined;
|
|
10
22
|
_cleanup: (() => void) | undefined;
|
|
11
23
|
private _activeDescendant;
|
|
12
24
|
_expanded: boolean;
|
|
25
|
+
_searchValue: string;
|
|
13
26
|
listboxRef: Ref<HTMLDivElement>;
|
|
14
27
|
listRef: Ref<HTMLElement>;
|
|
28
|
+
inputRef: Ref<HTMLInputElement>;
|
|
15
29
|
render(): import('lit').TemplateResult<1>;
|
|
30
|
+
private _topLevelFocusOut;
|
|
31
|
+
private _handleControlFocusIn;
|
|
16
32
|
firstUpdated(): void;
|
|
17
33
|
updated(): void;
|
|
34
|
+
get fauxInputMarkup(): import('lit').TemplateResult<1>;
|
|
35
|
+
get displayedValue(): string | number;
|
|
36
|
+
get showPlaceholder(): boolean | "";
|
|
18
37
|
get replacedActiveDescendant(): string;
|
|
19
38
|
get listboxMarkup(): import('lit').TemplateResult<1>;
|
|
39
|
+
get displayedOptions(): NgcDropdownType[];
|
|
20
40
|
handleSelected(): void;
|
|
21
41
|
handleComboboxKeydown(e: KeyboardEvent): void;
|
|
22
42
|
get errorClass(): "" | "gator-has-error";
|
|
@@ -24,6 +44,8 @@ export declare class NgcInputDropdown extends NgcInputBase {
|
|
|
24
44
|
toggleListbox(key: string, initial: boolean): void;
|
|
25
45
|
get endIconMarkup(): import('lit').TemplateResult<1>;
|
|
26
46
|
assignPosition(): void;
|
|
47
|
+
handleInput(e: InputEvent): void;
|
|
48
|
+
handleInputKeydown(e: KeyboardEvent): void;
|
|
27
49
|
}
|
|
28
50
|
declare global {
|
|
29
51
|
interface HTMLElementTagNameMap {
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { NgcInputText } from '../input-text/input-text.gator.ts';
|
|
2
|
+
type NGC_MASKED_INPUT_ACCEPTED_CHAR_TYPE = 'numeric' | 'alpha' | 'alphanumeric';
|
|
3
|
+
type NGC_MASKED_INPUT_MASK_PRESET = 'ssn' | 'ein' | null;
|
|
4
|
+
export declare class NgcInputMasked extends NgcInputText {
|
|
5
|
+
static styles: import('lit').CSSResult[];
|
|
6
|
+
/**
|
|
7
|
+
@property maskPreset - Sets the maskPattern based on this selection (if any)
|
|
8
|
+
@type NGC_MASKED_INPUT_MASK_PRESET
|
|
9
|
+
*/
|
|
10
|
+
maskPreset: NGC_MASKED_INPUT_MASK_PRESET;
|
|
11
|
+
/**
|
|
12
|
+
@property maskPattern - The pattern that defines the format of the input, and which characters should be always visible, or hidden when toggled
|
|
13
|
+
@type NGC_MASKED_INPUT_MASK_PRESET
|
|
14
|
+
*/
|
|
15
|
+
maskPattern: string;
|
|
16
|
+
/**
|
|
17
|
+
@property acceptedCharType - Specifies whether the input should accept only numeric, only alpha, or alphanumeric characters
|
|
18
|
+
@type NGC_MASKED_INPUT_ACCEPTED_CHAR_TYPE
|
|
19
|
+
*/
|
|
20
|
+
acceptedCharType: NGC_MASKED_INPUT_ACCEPTED_CHAR_TYPE;
|
|
21
|
+
value: string;
|
|
22
|
+
_value: string;
|
|
23
|
+
private _inputFocused;
|
|
24
|
+
private _cursorPosition;
|
|
25
|
+
connectedCallback(): void;
|
|
26
|
+
updated(changedProperties: Map<string, string>): void;
|
|
27
|
+
handleInputEvent(e: Event): void;
|
|
28
|
+
handleClick(e: Event): void;
|
|
29
|
+
handleInputFocusIn(): void;
|
|
30
|
+
handleInputFocusOut(): void;
|
|
31
|
+
private get _maskPattern();
|
|
32
|
+
private validateChars;
|
|
33
|
+
private formatValue;
|
|
34
|
+
}
|
|
35
|
+
declare global {
|
|
36
|
+
interface HTMLElementTagNameMap {
|
|
37
|
+
'ngc-input-masked': NgcInputMasked;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
export {};
|
|
File without changes
|
|
File without changes
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import { Ref } from 'lit/directives/ref.js';
|
|
2
|
-
import { NgcInputBase } from '../../base/input-base.gator';
|
|
2
|
+
import { NgcInputBase } from '../../base/input-base.gator.ts';
|
|
3
3
|
export declare class NgcInputText extends NgcInputBase {
|
|
4
|
+
static shadowRootOptions: {
|
|
5
|
+
delegatesFocus: boolean;
|
|
6
|
+
mode: ShadowRootMode;
|
|
7
|
+
serializable?: boolean;
|
|
8
|
+
slotAssignment?: SlotAssignmentMode;
|
|
9
|
+
};
|
|
10
|
+
inputRef: Ref<HTMLInputElement>;
|
|
11
|
+
controlRef: Ref<HTMLDivElement>;
|
|
4
12
|
for: string;
|
|
5
13
|
/**
|
|
6
14
|
* @property {string} min - The minimum for the input
|
|
@@ -12,20 +20,27 @@ export declare class NgcInputText extends NgcInputBase {
|
|
|
12
20
|
* @type {string}
|
|
13
21
|
*/
|
|
14
22
|
max: string | number | undefined;
|
|
15
|
-
|
|
16
|
-
|
|
23
|
+
/**
|
|
24
|
+
* @property {number} step - The step attribute to be passed to the input
|
|
25
|
+
* @type {number}
|
|
26
|
+
*/
|
|
27
|
+
step: number | undefined;
|
|
17
28
|
_nativeInputError: string | undefined;
|
|
29
|
+
protected _value: string | number | undefined | null;
|
|
30
|
+
protected _maxLength: number | undefined;
|
|
18
31
|
render(): import('lit').TemplateResult<1>;
|
|
19
|
-
handleNativeInputValidation(e: Event): void;
|
|
20
32
|
get displayedErrorText(): string | undefined;
|
|
21
33
|
get isAriaInvalid(): "true" | "false";
|
|
22
34
|
get errorClass(): "" | "gator-has-error";
|
|
23
35
|
get disabledClass(): "" | "gator-disabled";
|
|
24
36
|
get passwordVisibilityMarkup(): import('lit').TemplateResult<1> | null;
|
|
37
|
+
connectedCallback(): void;
|
|
38
|
+
handleNativeInputValidation(e: Event): void;
|
|
25
39
|
handleInputEvent(e: Event): void;
|
|
26
|
-
handleChange(): void;
|
|
40
|
+
handleChange(e: Event): void;
|
|
27
41
|
togglePasswordVisibility(): void;
|
|
28
42
|
handleInputFocusOut(): void;
|
|
43
|
+
get errorTextMarkup(): import('lit').TemplateResult<1> | null;
|
|
29
44
|
}
|
|
30
45
|
declare global {
|
|
31
46
|
interface HTMLElementTagNameMap {
|
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
export *
|
|
2
|
-
export *
|
|
3
|
-
export * as NgcInputText from './gator/input-text/input-text.gator.ts';
|
|
4
|
-
export * as NgcInputTextarea from './gator/input-textarea/input-textarea.gator.ts';
|
|
5
|
-
export * as NscInputText from './slds/input-text/input-text.slds.ts';
|
|
6
|
-
export * as NscInputError from './slds/input-error/input-error.slds.ts';
|
|
7
|
-
export * as NscInputLabel from './slds/input-label/input-label.slds.ts';
|
|
1
|
+
export * from './index.gator.ts';
|
|
2
|
+
export * from './index.slds.ts';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * as NgcInputLabel from './gator/input-label/input-label.gator.ts';
|
|
2
|
+
export * as NgcHelpText from './gator/help-text/help-text.gator.ts';
|
|
3
|
+
export * as NgcInputText from './gator/input-text/input-text.gator.ts';
|
|
4
|
+
export * as NgcInputTextarea from './gator/input-textarea/input-textarea.gator.ts';
|
|
5
|
+
export * as NgcInputMasked from './gator/input-masked/input-masked.gator.ts';
|
|
@@ -3,6 +3,7 @@ export declare class NgcMenu extends NjcMenu {
|
|
|
3
3
|
static styles: import('lit').CSSResult[];
|
|
4
4
|
private _setListeners;
|
|
5
5
|
private _button;
|
|
6
|
+
private _dropdownRef;
|
|
6
7
|
render(): import('lit').TemplateResult<1>;
|
|
7
8
|
updated(): void;
|
|
8
9
|
handleTriggerSlotChange(e: Event): void;
|
|
@@ -13,4 +14,5 @@ export declare class NgcMenu extends NjcMenu {
|
|
|
13
14
|
handleArrowUp(e: KeyboardEvent): void;
|
|
14
15
|
handleClose(): void;
|
|
15
16
|
private _topLevelFocusOut;
|
|
17
|
+
assignPosition(): void;
|
|
16
18
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { TestableLitElement } from '../../../utils/components/testable-lit-element/testable-lit-element.ts';
|
|
2
|
+
import { Placement } from '@floating-ui/dom';
|
|
2
3
|
export declare class NjcMenu extends TestableLitElement {
|
|
3
4
|
/**
|
|
4
5
|
* The open state of the menu
|
|
@@ -10,4 +11,9 @@ export declare class NjcMenu extends TestableLitElement {
|
|
|
10
11
|
* @type {string}
|
|
11
12
|
*/
|
|
12
13
|
menuAriaLabel: string;
|
|
14
|
+
/**
|
|
15
|
+
* Placement of the dropdown for the menu
|
|
16
|
+
* @type {string}
|
|
17
|
+
*/
|
|
18
|
+
placement: Placement;
|
|
13
19
|
}
|
|
@@ -50,7 +50,7 @@ export declare class NgcRadioGroup extends TestableLitElement {
|
|
|
50
50
|
handleRadioSelectionChange(event: Event): void;
|
|
51
51
|
handleRadioKeydown(event: KeyboardEvent): void;
|
|
52
52
|
updated(): void;
|
|
53
|
-
getItemTabindex(index: number):
|
|
53
|
+
getItemTabindex(index: number): 0 | -1;
|
|
54
54
|
}
|
|
55
55
|
declare global {
|
|
56
56
|
interface HTMLElementTagNameMap {
|
|
@@ -59,7 +59,7 @@ export declare class NgcSelectionBoxGroup extends TestableLitElement {
|
|
|
59
59
|
isItemSelected(optionValue: string): boolean;
|
|
60
60
|
handleChange(event: Event): void;
|
|
61
61
|
updated(): void;
|
|
62
|
-
getItemTabindex(index: number):
|
|
62
|
+
getItemTabindex(index: number): 0 | -1;
|
|
63
63
|
}
|
|
64
64
|
declare global {
|
|
65
65
|
interface HTMLElementTagNameMap {
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
+
import { PropertyValueMap } from 'lit';
|
|
1
2
|
import { TestableLitElement } from '../../../utils/components/testable-lit-element/testable-lit-element';
|
|
2
3
|
export type SELECTOR_TYPE = 'base' | 'inactive' | 'disabled' | 'range-start' | 'range-end' | 'range-in-between' | 'current';
|
|
3
4
|
export declare class NgcSelector extends TestableLitElement {
|
|
4
|
-
static shadowRootOptions: {
|
|
5
|
-
delegatesFocus: boolean;
|
|
6
|
-
mode: ShadowRootMode;
|
|
7
|
-
serializable?: boolean;
|
|
8
|
-
slotAssignment?: SlotAssignmentMode;
|
|
9
|
-
};
|
|
10
5
|
static styles: import('lit').CSSResult[];
|
|
6
|
+
connectedCallback(): void;
|
|
7
|
+
protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
|
|
11
8
|
/**
|
|
12
9
|
* @property type - The type of selector to display (base, inactive, disabled, range-start, range-end, range-in-between, current)
|
|
13
10
|
* @type {SELECTOR_TYPE}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export *
|
|
1
|
+
export * from './index.gator.ts';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
export * from './components/accordion';
|
|
1
2
|
export * from './components/alert';
|
|
3
|
+
export * from './components/avatar';
|
|
2
4
|
export * from './components/badge';
|
|
3
5
|
export * from './components/banner';
|
|
4
6
|
export * from './components/boolean';
|
|
@@ -11,14 +13,17 @@ export * from './components/checkbox-group';
|
|
|
11
13
|
export * from './components/chip';
|
|
12
14
|
export * from './components/combobox';
|
|
13
15
|
export * from './components/display-card';
|
|
16
|
+
export * from './components/divider';
|
|
14
17
|
export * from './components/fab';
|
|
15
|
-
export * from './components/page-header';
|
|
16
18
|
export * from './components/headline-card';
|
|
17
19
|
export * from './components/icon';
|
|
18
|
-
export * from './components/
|
|
20
|
+
export * from './components/icon-button';
|
|
19
21
|
export * from './components/input';
|
|
22
|
+
export * from './components/input-rich-text';
|
|
23
|
+
export * from './components/list';
|
|
20
24
|
export * from './components/menu';
|
|
21
25
|
export * from './components/modal';
|
|
26
|
+
export * from './components/page-header';
|
|
22
27
|
export * from './components/pill';
|
|
23
28
|
export * from './components/radio';
|
|
24
29
|
export * from './components/radio-group';
|
|
@@ -29,5 +34,6 @@ export * from './components/skeleton-loader';
|
|
|
29
34
|
export * from './components/switch';
|
|
30
35
|
export * from './components/tabs';
|
|
31
36
|
export * from './components/text-detail';
|
|
37
|
+
export * from './components/text-link';
|
|
32
38
|
export * from './components/toast';
|
|
33
39
|
export * from './components/tooltip';
|
|
@@ -1,32 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
export
|
|
1
|
+
export { NgcAccordion, NgcAccordionGroup } from './components/accordion';
|
|
2
|
+
export { NgcAlert, NgcAlertTitle, NgcAlertSubtitle } from './components/alert';
|
|
3
|
+
export { NgcAvatar } from './components/avatar';
|
|
4
|
+
export { NgcBadge } from './components/badge';
|
|
5
|
+
export { NgcBanner } from './components/banner';
|
|
6
|
+
export { NgcBoolean } from './components/boolean';
|
|
7
|
+
export { NgcBreadcrumbs } from './components/breadcrumbs';
|
|
8
|
+
export { NgcButton } from './components/button';
|
|
9
|
+
export { NgcButtonCard } from './components/button-card';
|
|
10
|
+
export { NgcCard, NgcCardHeader, NgcCardContent, NgcCardFooter } from './components/card';
|
|
11
|
+
export { NgcCheckbox } from './components/checkbox';
|
|
12
|
+
export { NgcCheckboxGroup } from './components/checkbox-group';
|
|
13
|
+
export { NgcChip } from './components/chip';
|
|
14
|
+
export { NgcDisplayCard } from './components/display-card';
|
|
15
|
+
export { NgcDivider } from './components/divider';
|
|
16
|
+
export { NgcFab } from './components/fab';
|
|
17
|
+
export { NgcHeadlineCard } from './components/headline-card';
|
|
18
|
+
export * from './components/input/index.gator.ts';
|
|
19
|
+
export { NgcIcon } from './components/icon';
|
|
20
|
+
export { NgcIconButton } from './components/icon-button';
|
|
21
|
+
export { NgcList, NgcListItem } from './components/list';
|
|
22
|
+
export { NgcLoadingSpinner } from './components/loading-spinner';
|
|
23
|
+
export { NgcMenu, NgcMenuItem } from './components/menu';
|
|
24
|
+
export { NgcModal } from './components/modal';
|
|
25
|
+
export { NgcPageHeader } from './components/page-header';
|
|
26
|
+
export { NgcRadio } from './components/radio';
|
|
27
|
+
export { NgcRadioGroup } from './components/radio-group';
|
|
28
|
+
export { NgcSelectionBox } from './components/selection-box';
|
|
29
|
+
export { NgcSelectionBoxGroup } from './components/selection-box-group';
|
|
30
|
+
export { NgcSkeletonLoader } from './components/skeleton-loader';
|
|
31
|
+
export { NgcSwitch } from './components/switch';
|
|
32
|
+
export * from './components/tabs/index.gator.ts';
|
|
33
|
+
export { NgcTextDetail } from './components/text-detail';
|
|
34
|
+
export { NgcTextLink } from './components/text-link';
|
|
35
|
+
export { NgcToast } from './components/toast';
|
|
36
|
+
export { NgcTooltip } from './components/tooltip';
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
export { NscBadge, NscButton, NscCombobox, NscComboboxItem, NscIcon, NscInputRichText, NscMenu, NscMenuDivider, NscMenuItem, NscMenuSubmenu, NscPill, NscScopedNotification, NscTooltip };
|
|
1
|
+
export { NscBadge } from './components/badge';
|
|
2
|
+
export { NscButton } from './components/button';
|
|
3
|
+
export { NscCombobox, NscComboboxItem } from './components/combobox';
|
|
4
|
+
export { NscIcon } from './components/icon';
|
|
5
|
+
export { NscInputRichText } from './components/input-rich-text';
|
|
6
|
+
export { NscMenu, NscMenuItem, NscMenuDivider, NscMenuSubmenu } from './components/menu';
|
|
7
|
+
export { NscPill } from './components/pill';
|
|
8
|
+
export { NscScopedNotification } from './components/scoped-notification';
|
|
9
|
+
export { NscTooltip } from './components/tooltip';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* An element that renders all of the illustrations in the illustration registry.
|
|
4
|
+
* This component is not distributed as part of the library, but is useful for
|
|
5
|
+
* development and testing.
|
|
6
|
+
**/
|
|
7
|
+
export declare class NgcIllustrationList extends LitElement {
|
|
8
|
+
render(): import('lit').TemplateResult<1>;
|
|
9
|
+
}
|