@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.
Files changed (123) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/build/style.css +2934 -417
  3. package/dist/apollo-core/apollo-core.css +6 -4
  4. package/dist/apollo-core/apollo-core.esm.js +1 -1
  5. package/dist/apollo-core/p-0027c582.entry.js +1 -0
  6. package/dist/apollo-core/p-2c551f4d.entry.js +1 -0
  7. package/dist/apollo-core/{p-43013b35.entry.js → p-2f90296c.js} +2 -3
  8. package/dist/apollo-core/p-6081e432.entry.js +1 -0
  9. package/dist/apollo-core/p-612984e5.entry.js +1 -0
  10. package/dist/apollo-core/p-63ea199d.entry.js +1 -0
  11. package/dist/apollo-core/p-650f6416.entry.js +1 -0
  12. package/dist/apollo-core/p-6ad97405.entry.js +1 -0
  13. package/dist/apollo-core/{p-21872e0f.entry.js → p-9b9511e4.entry.js} +1 -1
  14. package/dist/apollo-core/p-ad90fe4d.js +1 -0
  15. package/dist/apollo-core/p-c6fec744.entry.js +1 -0
  16. package/dist/apollo-core/p-ea8e0991.js +1 -0
  17. package/dist/apollo-core/p-ed04cedd.entry.js +1 -0
  18. package/dist/apollo-core/p-eec5a0f1.entry.js +1 -0
  19. package/dist/apollo-core/p-f4f646d9.entry.js +1 -0
  20. package/dist/cjs/apollo-core.cjs.js +2 -2
  21. package/dist/cjs/{index-716d8f57.js → index-9662f096.js} +134 -35
  22. package/dist/cjs/loader.cjs.js +2 -2
  23. package/dist/cjs/regular-872f5226.js +16043 -0
  24. package/dist/cjs/v4-14140ff3.js +77 -0
  25. package/dist/cjs/xpl-avatar_14.cjs.entry.js +30 -16122
  26. package/dist/cjs/xpl-button-row.cjs.entry.js +24 -0
  27. package/dist/cjs/xpl-choicelist.cjs.entry.js +22 -2
  28. package/dist/cjs/xpl-divider.cjs.entry.js +18 -0
  29. package/dist/cjs/xpl-grid-item.cjs.entry.js +25 -0
  30. package/dist/cjs/xpl-grid.cjs.entry.js +35 -0
  31. package/dist/cjs/xpl-input.cjs.entry.js +2527 -0
  32. package/dist/cjs/xpl-list.cjs.entry.js +63 -0
  33. package/dist/cjs/xpl-pagination.cjs.entry.js +1 -1
  34. package/dist/cjs/xpl-select.cjs.entry.js +623 -0
  35. package/dist/cjs/xpl-tag.cjs.entry.js +21 -0
  36. package/dist/cjs/xpl-toggle.cjs.entry.js +34 -0
  37. package/dist/collection/collection-manifest.json +9 -0
  38. package/dist/collection/components/xpl-button-row/xpl-button-row.js +119 -0
  39. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +51 -5
  40. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +138 -4
  41. package/dist/collection/components/xpl-divider/xpl-divider.js +30 -0
  42. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +32 -0
  43. package/dist/collection/components/xpl-grid/xpl-grid.js +26 -0
  44. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +93 -0
  45. package/dist/collection/components/xpl-input/xpl-input.js +471 -0
  46. package/dist/collection/components/xpl-list/xpl-list.js +93 -0
  47. package/dist/collection/components/xpl-radio/xpl-radio.js +51 -5
  48. package/dist/collection/components/xpl-select/xpl-select.js +311 -0
  49. package/dist/collection/components/xpl-table/xpl-table.js +6 -6
  50. package/dist/collection/components/xpl-tag/xpl-tag.js +30 -0
  51. package/dist/collection/components/xpl-toggle/xpl-toggle.js +157 -0
  52. package/dist/custom-elements/index.d.ts +54 -0
  53. package/dist/custom-elements/index.js +3447 -77
  54. package/dist/esm/apollo-core.js +2 -2
  55. package/dist/esm/{index-4c8962a5.js → index-619763f9.js} +133 -36
  56. package/dist/esm/loader.js +2 -2
  57. package/dist/esm/regular-86225e9d.js +16041 -0
  58. package/dist/esm/v4-929670b7.js +75 -0
  59. package/dist/esm/xpl-avatar_14.entry.js +28 -16120
  60. package/dist/esm/xpl-button-row.entry.js +20 -0
  61. package/dist/esm/xpl-choicelist.entry.js +22 -2
  62. package/dist/esm/xpl-divider.entry.js +14 -0
  63. package/dist/esm/xpl-grid-item.entry.js +21 -0
  64. package/dist/esm/xpl-grid.entry.js +31 -0
  65. package/dist/esm/xpl-input.entry.js +2523 -0
  66. package/dist/esm/xpl-list.entry.js +59 -0
  67. package/dist/esm/xpl-pagination.entry.js +1 -1
  68. package/dist/esm/xpl-select.entry.js +619 -0
  69. package/dist/esm/xpl-tag.entry.js +17 -0
  70. package/dist/esm/xpl-toggle.entry.js +30 -0
  71. package/dist/stories/button-row.stories.js +64 -0
  72. package/dist/stories/checkbox.stories.js +16 -6
  73. package/dist/stories/choicelist.stories.js +112 -0
  74. package/dist/stories/divider.stories.js +34 -0
  75. package/dist/stories/grid.stories.js +100 -0
  76. package/dist/stories/input.stories.js +252 -0
  77. package/dist/stories/list.stories.js +134 -0
  78. package/dist/stories/radio.stories.js +16 -6
  79. package/dist/stories/select.stories.js +111 -0
  80. package/dist/stories/toggle.stories.js +80 -0
  81. package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/button-row.stories.d.ts +49 -0
  82. package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/checkbox.stories.d.ts +10 -2
  83. package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/choicelist.stories.d.ts +41 -0
  84. package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/divider.stories.d.ts +40 -0
  85. package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/grid.stories.d.ts +150 -0
  86. package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/input.stories.d.ts +190 -0
  87. package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/list.stories.d.ts +71 -0
  88. package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/radio.stories.d.ts +10 -2
  89. package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/select.stories.d.ts +74 -0
  90. package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/toggle.stories.d.ts +74 -0
  91. package/dist/types/components/xpl-button-row/xpl-button-row.d.ts +35 -0
  92. package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +5 -0
  93. package/dist/types/components/xpl-choicelist/choice.d.ts +6 -0
  94. package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts +31 -0
  95. package/dist/types/components/xpl-divider/xpl-divider.d.ts +9 -0
  96. package/dist/types/components/xpl-dropdown/dropdownchoice.d.ts +6 -0
  97. package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +10 -0
  98. package/dist/types/components/xpl-grid/xpl-grid.d.ts +5 -0
  99. package/dist/types/components/xpl-grid-item/xpl-grid-item.d.ts +7 -0
  100. package/dist/types/components/xpl-input/xpl-input.d.ts +87 -0
  101. package/dist/types/components/xpl-list/listitem.d.ts +16 -0
  102. package/dist/types/components/xpl-list/xpl-list.d.ts +28 -0
  103. package/dist/types/components/xpl-radio/xpl-radio.d.ts +4 -0
  104. package/dist/types/components/xpl-select/xpl-select.d.ts +52 -0
  105. package/dist/types/components/xpl-table/xpl-table.d.ts +6 -6
  106. package/dist/types/components/xpl-tag/xpl-tag.d.ts +5 -0
  107. package/dist/types/components/xpl-toggle/xpl-toggle.d.ts +23 -0
  108. package/dist/types/components.d.ts +447 -5
  109. package/package.json +3 -2
  110. package/dist/apollo-core/p-00996870.js +0 -1
  111. package/dist/apollo-core/p-d8ea7d80.entry.js +0 -1
  112. /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/avatar.stories.d.ts +0 -0
  113. /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/backdrop.stories.d.ts +0 -0
  114. /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/badge.stories.d.ts +0 -0
  115. /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/breadcrumbs.stories.d.ts +0 -0
  116. /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/button.stories.d.ts +0 -0
  117. /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/content-area.stories.d.ts +0 -0
  118. /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/main-nav.stories.d.ts +0 -0
  119. /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
  120. /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/secondary-nav.stories.d.ts +0 -0
  121. /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/table.stories.d.ts +0 -0
  122. /package/dist/types/Users/{awentt/Sites → fernandogelin/Projects}/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
  123. /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: string[];
4
- data: string[][];
5
- freeze: boolean;
6
- multiselect: boolean;
7
- striped: boolean;
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: HTMLDivElement;
13
+ private container;
14
14
  selectAll: (e: Event) => void;
15
15
  selectOne: (e: Event, i: number) => void;
16
16
  onChange: () => void;
@@ -0,0 +1,5 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class XplTag {
3
+ close: EventEmitter;
4
+ render(): any;
5
+ }
@@ -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
+ }