@xplortech/apollo-core 0.3.0 → 0.4.1
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/CHANGELOG.md +9 -0
- package/build/style.css +2934 -417
- package/dist/apollo-core/apollo-core.css +6 -4
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/p-0027c582.entry.js +1 -0
- package/dist/apollo-core/p-2c551f4d.entry.js +1 -0
- package/dist/apollo-core/{p-43013b35.entry.js → p-2f90296c.js} +2 -3
- package/dist/apollo-core/p-6081e432.entry.js +1 -0
- package/dist/apollo-core/p-612984e5.entry.js +1 -0
- package/dist/apollo-core/p-63ea199d.entry.js +1 -0
- package/dist/apollo-core/p-650f6416.entry.js +1 -0
- package/dist/apollo-core/p-6ad97405.entry.js +1 -0
- package/dist/apollo-core/{p-21872e0f.entry.js → p-9b9511e4.entry.js} +1 -1
- package/dist/apollo-core/p-ad90fe4d.js +1 -0
- package/dist/apollo-core/p-c6fec744.entry.js +1 -0
- package/dist/apollo-core/p-ea8e0991.js +1 -0
- package/dist/apollo-core/p-ed04cedd.entry.js +1 -0
- package/dist/apollo-core/p-eec5a0f1.entry.js +1 -0
- package/dist/apollo-core/p-f4f646d9.entry.js +1 -0
- package/dist/cjs/apollo-core.cjs.js +2 -2
- package/dist/cjs/{index-716d8f57.js → index-9662f096.js} +134 -35
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/regular-872f5226.js +16043 -0
- package/dist/cjs/v4-14140ff3.js +77 -0
- package/dist/cjs/xpl-avatar_14.cjs.entry.js +30 -16122
- package/dist/cjs/xpl-button-row.cjs.entry.js +24 -0
- package/dist/cjs/xpl-choicelist.cjs.entry.js +22 -2
- package/dist/cjs/xpl-divider.cjs.entry.js +18 -0
- package/dist/cjs/xpl-grid-item.cjs.entry.js +25 -0
- package/dist/cjs/xpl-grid.cjs.entry.js +35 -0
- package/dist/cjs/xpl-input.cjs.entry.js +2527 -0
- package/dist/cjs/xpl-list.cjs.entry.js +63 -0
- package/dist/cjs/xpl-pagination.cjs.entry.js +1 -1
- package/dist/cjs/xpl-select.cjs.entry.js +623 -0
- package/dist/cjs/xpl-tag.cjs.entry.js +21 -0
- package/dist/cjs/xpl-toggle.cjs.entry.js +34 -0
- package/dist/collection/collection-manifest.json +9 -0
- package/dist/collection/components/xpl-button-row/xpl-button-row.js +119 -0
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +51 -5
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +138 -4
- package/dist/collection/components/xpl-divider/xpl-divider.js +30 -0
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +32 -0
- package/dist/collection/components/xpl-grid/xpl-grid.js +26 -0
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +93 -0
- package/dist/collection/components/xpl-input/xpl-input.js +471 -0
- package/dist/collection/components/xpl-list/xpl-list.js +93 -0
- package/dist/collection/components/xpl-radio/xpl-radio.js +51 -5
- package/dist/collection/components/xpl-select/xpl-select.js +311 -0
- package/dist/collection/components/xpl-table/xpl-table.js +6 -6
- package/dist/collection/components/xpl-tag/xpl-tag.js +30 -0
- package/dist/collection/components/xpl-toggle/xpl-toggle.js +157 -0
- package/dist/custom-elements/index.d.ts +54 -0
- package/dist/custom-elements/index.js +3447 -77
- package/dist/esm/apollo-core.js +2 -2
- package/dist/esm/{index-4c8962a5.js → index-619763f9.js} +133 -36
- package/dist/esm/loader.js +2 -2
- package/dist/esm/regular-86225e9d.js +16041 -0
- package/dist/esm/v4-929670b7.js +75 -0
- package/dist/esm/xpl-avatar_14.entry.js +28 -16120
- package/dist/esm/xpl-button-row.entry.js +20 -0
- package/dist/esm/xpl-choicelist.entry.js +22 -2
- package/dist/esm/xpl-divider.entry.js +14 -0
- package/dist/esm/xpl-grid-item.entry.js +21 -0
- package/dist/esm/xpl-grid.entry.js +31 -0
- package/dist/esm/xpl-input.entry.js +2523 -0
- package/dist/esm/xpl-list.entry.js +59 -0
- package/dist/esm/xpl-pagination.entry.js +1 -1
- package/dist/esm/xpl-select.entry.js +619 -0
- package/dist/esm/xpl-tag.entry.js +17 -0
- package/dist/esm/xpl-toggle.entry.js +30 -0
- package/dist/stories/button-row.stories.js +64 -0
- package/dist/stories/checkbox.stories.js +16 -6
- package/dist/stories/choicelist.stories.js +112 -0
- package/dist/stories/divider.stories.js +34 -0
- package/dist/stories/grid.stories.js +100 -0
- package/dist/stories/input.stories.js +252 -0
- package/dist/stories/list.stories.js +134 -0
- package/dist/stories/radio.stories.js +16 -6
- package/dist/stories/select.stories.js +111 -0
- package/dist/stories/toggle.stories.js +80 -0
- package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/button-row.stories.d.ts +49 -0
- package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/checkbox.stories.d.ts +10 -2
- package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/choicelist.stories.d.ts +41 -0
- package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/divider.stories.d.ts +40 -0
- package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/grid.stories.d.ts +150 -0
- package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/input.stories.d.ts +190 -0
- package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/list.stories.d.ts +71 -0
- package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/radio.stories.d.ts +10 -2
- package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/select.stories.d.ts +74 -0
- package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/toggle.stories.d.ts +74 -0
- package/dist/types/components/xpl-button-row/xpl-button-row.d.ts +35 -0
- package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +5 -0
- package/dist/types/components/xpl-choicelist/choice.d.ts +6 -0
- package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts +31 -0
- package/dist/types/components/xpl-divider/xpl-divider.d.ts +9 -0
- package/dist/types/components/xpl-dropdown/dropdownchoice.d.ts +6 -0
- package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +10 -0
- package/dist/types/components/xpl-grid/xpl-grid.d.ts +5 -0
- package/dist/types/components/xpl-grid-item/xpl-grid-item.d.ts +7 -0
- package/dist/types/components/xpl-input/xpl-input.d.ts +87 -0
- package/dist/types/components/xpl-list/listitem.d.ts +16 -0
- package/dist/types/components/xpl-list/xpl-list.d.ts +28 -0
- package/dist/types/components/xpl-radio/xpl-radio.d.ts +4 -0
- package/dist/types/components/xpl-select/xpl-select.d.ts +52 -0
- package/dist/types/components/xpl-table/xpl-table.d.ts +6 -6
- package/dist/types/components/xpl-tag/xpl-tag.d.ts +5 -0
- package/dist/types/components/xpl-toggle/xpl-toggle.d.ts +23 -0
- package/dist/types/components.d.ts +447 -5
- package/package.json +3 -2
- package/dist/apollo-core/p-00996870.js +0 -1
- package/dist/apollo-core/p-d8ea7d80.entry.js +0 -1
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/avatar.stories.d.ts +0 -0
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/backdrop.stories.d.ts +0 -0
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/badge.stories.d.ts +0 -0
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/breadcrumbs.stories.d.ts +0 -0
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/button.stories.d.ts +0 -0
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/content-area.stories.d.ts +0 -0
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/main-nav.stories.d.ts +0 -0
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/secondary-nav.stories.d.ts +0 -0
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/table.stories.d.ts +0 -0
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
- /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/utility-bar.stories.d.ts +0 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import "../../../font-awesome/fontawesome";
|
|
2
|
+
import "../../../font-awesome/regular";
|
|
3
|
+
export declare class XplList {
|
|
4
|
+
/**
|
|
5
|
+
* `items` should be an array of objects with the following signature:
|
|
6
|
+
* {
|
|
7
|
+
* avatar?: string; // The URL of the avatar, or the placeholder initials (ex. "SPD").
|
|
8
|
+
* avatars?: string[]; // The URLs of multiple avatars to be displayed in a group on the right.
|
|
9
|
+
* badges?: string[] | { // An array of strings or badge-like objects to be displayed as badges
|
|
10
|
+
* dot?: boolean; // in a group on the right. See <xpl-badge> for more details.
|
|
11
|
+
* text: string;
|
|
12
|
+
* variant?: string;
|
|
13
|
+
* }[];
|
|
14
|
+
* href?: string; // A URL, if this list item is meant to link somewhere.
|
|
15
|
+
* title: string; // The text to be displayed for the list item.
|
|
16
|
+
* metadata?: string[] | { // An array of strings or strings with icons (reference the allowed
|
|
17
|
+
* icon: string; // Font Awesome icons) to be displayed as metadata below the title.
|
|
18
|
+
* text: string;
|
|
19
|
+
* }[];
|
|
20
|
+
* subtext?: string; // Subtext to be displayed on the right.
|
|
21
|
+
* }
|
|
22
|
+
*
|
|
23
|
+
* - Note that you should *only use one of* `avatars`, `badges`, or `subtext`, to avoid cluttering
|
|
24
|
+
* the right-hand side of the list item.
|
|
25
|
+
*/
|
|
26
|
+
items?: ListItem[];
|
|
27
|
+
render(): any;
|
|
28
|
+
}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
+
import { EventEmitter } from "../../stencil-public-runtime";
|
|
1
2
|
export declare class XplRadio {
|
|
2
3
|
checked?: boolean;
|
|
3
4
|
description?: string;
|
|
4
5
|
disabled?: boolean;
|
|
5
6
|
name?: string;
|
|
6
7
|
required?: boolean;
|
|
8
|
+
styled?: boolean;
|
|
7
9
|
value?: string;
|
|
8
10
|
id: string;
|
|
11
|
+
/** @private */
|
|
12
|
+
radioChange: EventEmitter;
|
|
9
13
|
render(): any;
|
|
10
14
|
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
export declare class XplSelect {
|
|
2
|
+
/**
|
|
3
|
+
* An array of choices for the user to choose from.
|
|
4
|
+
* Each choice should be of the form:
|
|
5
|
+
* {
|
|
6
|
+
* label: string;
|
|
7
|
+
* href?: string;
|
|
8
|
+
* value?: string;
|
|
9
|
+
* isGroupHeading?: boolean;
|
|
10
|
+
* }
|
|
11
|
+
*/
|
|
12
|
+
choices?: DropdownChoice[];
|
|
13
|
+
/**
|
|
14
|
+
* Optional text that appears below the input label.
|
|
15
|
+
*/
|
|
16
|
+
description?: string;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* If an empty string (attribute present with no value),
|
|
20
|
+
* will display visually as an error. If a string is
|
|
21
|
+
* included, will display visually as an error and include
|
|
22
|
+
* the value as an error message.
|
|
23
|
+
*/
|
|
24
|
+
error?: string;
|
|
25
|
+
label?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Whether to allow a single choice or multiple choices.
|
|
28
|
+
*/
|
|
29
|
+
mode?: "single" | "multi";
|
|
30
|
+
placeholder: string;
|
|
31
|
+
/**
|
|
32
|
+
* Only used in multi-choice selects. If `true`,
|
|
33
|
+
* badges representing selections that would overflow the
|
|
34
|
+
* container are replaced with "+x more" (where x is the
|
|
35
|
+
* number not shown). If `false`, the container's height will
|
|
36
|
+
* adjust to show all badges representing selections.
|
|
37
|
+
*/
|
|
38
|
+
truncate?: boolean;
|
|
39
|
+
active: boolean;
|
|
40
|
+
id: string;
|
|
41
|
+
keepFocus: boolean;
|
|
42
|
+
selected: boolean[];
|
|
43
|
+
value: string;
|
|
44
|
+
visibleChoices: number;
|
|
45
|
+
private container;
|
|
46
|
+
componentWillLoad(): void;
|
|
47
|
+
private maybeTruncateChoices;
|
|
48
|
+
private getDisplayValue;
|
|
49
|
+
private getActualValue;
|
|
50
|
+
private update;
|
|
51
|
+
render(): any;
|
|
52
|
+
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { Event, EventEmitter } from "../../stencil-public-runtime";
|
|
2
2
|
export declare class XplTable {
|
|
3
|
-
columns
|
|
4
|
-
data
|
|
5
|
-
freeze
|
|
6
|
-
multiselect
|
|
7
|
-
striped
|
|
3
|
+
columns?: string[];
|
|
4
|
+
data?: string[][];
|
|
5
|
+
freeze?: boolean;
|
|
6
|
+
multiselect?: boolean;
|
|
7
|
+
striped?: boolean;
|
|
8
8
|
areAllSelected: boolean;
|
|
9
9
|
rowData: string[][];
|
|
10
10
|
hasScrolled: boolean;
|
|
11
11
|
selected: boolean[];
|
|
12
12
|
tableSelect: EventEmitter;
|
|
13
|
-
container
|
|
13
|
+
private container;
|
|
14
14
|
selectAll: (e: Event) => void;
|
|
15
15
|
selectOne: (e: Event, i: number) => void;
|
|
16
16
|
onChange: () => void;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare class XplToggle {
|
|
2
|
+
checked?: boolean;
|
|
3
|
+
/**
|
|
4
|
+
* The toggle's description appears *above* the toggle.
|
|
5
|
+
*/
|
|
6
|
+
description?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* The toggle's heading appears *above* the toggle.
|
|
10
|
+
*/
|
|
11
|
+
heading?: string;
|
|
12
|
+
/**
|
|
13
|
+
* The toggle's label appears *to the right of* the toggle.
|
|
14
|
+
*/
|
|
15
|
+
label?: string;
|
|
16
|
+
name?: string;
|
|
17
|
+
/**
|
|
18
|
+
* The size of the toggle -- `default` or `small`
|
|
19
|
+
*/
|
|
20
|
+
variant?: "default" | "small";
|
|
21
|
+
id: string;
|
|
22
|
+
render(): any;
|
|
23
|
+
}
|