@xplortech/apollo-core 1.0.0-beta.6 → 1.0.0-beta.8
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/LICENSE +21 -0
- package/build/style.css +4 -55
- package/dist/apollo-core/apollo-core.css +5 -5
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/p-10f00380.entry.js +1 -0
- package/dist/apollo-core/p-26ec64fe.entry.js +1 -0
- package/dist/apollo-core/p-2f90296c.js +2 -2
- package/dist/apollo-core/p-31acfdb4.entry.js +1 -0
- package/dist/apollo-core/p-4184ac44.entry.js +1 -0
- package/dist/apollo-core/{p-dad11011.entry.js → p-4fa14839.entry.js} +1 -1
- package/dist/apollo-core/p-55b87345.js +2 -0
- package/dist/apollo-core/p-63a6c98a.entry.js +1 -0
- package/dist/apollo-core/p-68c33b77.entry.js +1 -0
- package/dist/apollo-core/{p-a7cc4114.entry.js → p-78d07caf.entry.js} +1 -1
- package/dist/apollo-core/p-796957d3.entry.js +1 -0
- package/dist/apollo-core/p-88160d68.entry.js +1 -0
- package/dist/apollo-core/p-9ec318bb.entry.js +1 -0
- package/dist/apollo-core/p-a2a34e44.entry.js +1 -0
- package/dist/apollo-core/p-beea2502.entry.js +1 -0
- package/dist/apollo-core/p-d499e43f.entry.js +1 -0
- package/dist/apollo-core/{p-c8af4ed6.entry.js → p-d8a3d94c.entry.js} +1 -1
- package/dist/apollo-core/p-e047b446.entry.js +1 -0
- package/dist/cjs/apollo-core.cjs.js +6 -2
- package/dist/cjs/{index-acf3dd7a.js → index-2ab4832e.js} +592 -215
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/xpl-application-shell.cjs.entry.js +2 -13
- package/dist/cjs/xpl-avatar_12.cjs.entry.js +72 -38
- package/dist/cjs/xpl-backdrop.cjs.entry.js +1 -5
- package/dist/cjs/xpl-button-row.cjs.entry.js +4 -1
- package/dist/cjs/xpl-choicelist.cjs.entry.js +8 -1
- package/dist/cjs/xpl-divider.cjs.entry.js +2 -1
- package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js +7 -1
- package/dist/cjs/xpl-dropdown_2.cjs.entry.js +8 -9
- package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
- package/dist/cjs/xpl-input.cjs.entry.js +615 -501
- package/dist/cjs/xpl-list.cjs.entry.js +1 -23
- package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -4
- package/dist/cjs/xpl-pagination.cjs.entry.js +5 -2
- package/dist/cjs/xpl-select.cjs.entry.js +7 -22
- package/dist/cjs/xpl-toggle.cjs.entry.js +7 -4
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +118 -132
- package/dist/collection/components/xpl-avatar/xpl-avatar.js +150 -144
- package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +26 -28
- package/dist/collection/components/xpl-badge/xpl-badge.js +43 -39
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +2 -5
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +2 -5
- package/dist/collection/components/xpl-button/xpl-button.js +204 -205
- package/dist/collection/components/xpl-button-row/xpl-button-row.js +105 -104
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +181 -171
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +133 -126
- package/dist/collection/components/xpl-content-area/xpl-content-area.js +27 -31
- package/dist/collection/components/xpl-divider/xpl-divider.js +26 -23
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +46 -42
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +26 -22
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +60 -54
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +170 -167
- package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +75 -74
- package/dist/collection/components/xpl-input/xpl-input.js +404 -417
- package/dist/collection/components/xpl-list/xpl-list.js +42 -75
- package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +47 -54
- package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +47 -49
- package/dist/collection/components/xpl-pagination/xpl-pagination.js +116 -128
- package/dist/collection/components/xpl-radio/xpl-radio.js +157 -148
- package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +2 -4
- package/dist/collection/components/xpl-select/xpl-select.js +212 -238
- package/dist/collection/components/xpl-table/xpl-table.js +168 -151
- package/dist/collection/components/xpl-tag/xpl-tag.js +24 -25
- package/dist/collection/components/xpl-toggle/xpl-toggle.js +137 -135
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +73 -70
- package/dist/custom-elements/index.js +756 -641
- package/dist/esm/apollo-core.js +3 -2
- package/dist/esm/{index-e3c4bb97.js → index-392b5b96.js} +592 -216
- package/dist/esm/loader.js +3 -2
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/xpl-application-shell.entry.js +2 -13
- package/dist/esm/xpl-avatar_12.entry.js +72 -38
- package/dist/esm/xpl-backdrop.entry.js +1 -5
- package/dist/esm/xpl-button-row.entry.js +4 -1
- package/dist/esm/xpl-choicelist.entry.js +8 -1
- package/dist/esm/xpl-divider.entry.js +2 -1
- package/dist/esm/xpl-dropdown-group_3.entry.js +7 -1
- package/dist/esm/xpl-dropdown_2.entry.js +8 -9
- package/dist/esm/xpl-grid-item.entry.js +1 -1
- package/dist/esm/xpl-grid.entry.js +1 -1
- package/dist/esm/xpl-input.entry.js +615 -501
- package/dist/esm/xpl-list.entry.js +1 -23
- package/dist/esm/xpl-main-nav.entry.js +1 -4
- package/dist/esm/xpl-pagination.entry.js +5 -2
- package/dist/esm/xpl-select.entry.js +7 -22
- package/dist/esm/xpl-toggle.entry.js +7 -4
- package/dist/types/components/xpl-dropdown/dropdownoption.d.ts +1 -1
- package/dist/types/components/xpl-table/xpl-table.d.ts +2 -0
- package/dist/types/components.d.ts +47 -11
- package/dist/types/stencil-public-runtime.d.ts +85 -11
- package/loader/index.d.ts +9 -1
- package/loader/package.json +1 -0
- package/package.json +1 -1
- package/dist/apollo-core/p-25f84d39.entry.js +0 -1
- package/dist/apollo-core/p-2ce2fe5c.entry.js +0 -1
- package/dist/apollo-core/p-3ff1ff38.entry.js +0 -1
- package/dist/apollo-core/p-63dd9a65.entry.js +0 -1
- package/dist/apollo-core/p-6c3c1e3d.entry.js +0 -1
- package/dist/apollo-core/p-81a6ce4c.entry.js +0 -1
- package/dist/apollo-core/p-918b0731.entry.js +0 -1
- package/dist/apollo-core/p-a43e2d1f.entry.js +0 -1
- package/dist/apollo-core/p-b6d1b135.entry.js +0 -1
- package/dist/apollo-core/p-bc0ebed2.entry.js +0 -1
- package/dist/apollo-core/p-d4aa2fa9.js +0 -1
- package/dist/apollo-core/p-d4e5d3aa.entry.js +0 -1
- package/dist/apollo-core/p-db74c99c.entry.js +0 -1
- package/dist/apollo-core/p-ee16942f.entry.js +0 -1
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/application-shell.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/avatar.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/backdrop.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/badge.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/breadcrumbs.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/button-row.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/button.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/checkbox.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/choicelist.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/content-area.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/divider.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/dropdown.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/grid.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/input.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/list.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/main-nav.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/radio.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/secondary-nav.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/select.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/table.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/toggle.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/utility-bar.stories.d.ts +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-2ab4832e.js');
|
|
6
6
|
require('./regular-872f5226.js');
|
|
7
7
|
|
|
8
8
|
const ListItemCpt = ({ avatar, avatars, badges, href, title, subtext, metadata, }) => {
|
|
@@ -29,28 +29,6 @@ const ListItemCpt = ({ avatar, avatars, badges, href, title, subtext, metadata,
|
|
|
29
29
|
const XplList = class {
|
|
30
30
|
constructor(hostRef) {
|
|
31
31
|
index.registerInstance(this, hostRef);
|
|
32
|
-
/**
|
|
33
|
-
* `items` should be an array of objects with the following signature:
|
|
34
|
-
* {
|
|
35
|
-
* avatar?: string; // The URL of the avatar, or the placeholder initials (ex. "SPD").
|
|
36
|
-
* avatars?: string[]; // The URLs of multiple avatars to be displayed in a group on the right.
|
|
37
|
-
* badges?: string[] | { // An array of strings or badge-like objects to be displayed as badges
|
|
38
|
-
* dot?: boolean; // in a group on the right. See <xpl-badge> for more details.
|
|
39
|
-
* text: string;
|
|
40
|
-
* variant?: string;
|
|
41
|
-
* }[];
|
|
42
|
-
* href?: string; // A URL, if this list item is meant to link somewhere.
|
|
43
|
-
* title: string; // The text to be displayed for the list item.
|
|
44
|
-
* metadata?: string[] | { // An array of strings or strings with icons (reference the allowed
|
|
45
|
-
* icon: string; // Font Awesome icons) to be displayed as metadata below the title.
|
|
46
|
-
* text: string;
|
|
47
|
-
* }[];
|
|
48
|
-
* subtext?: string; // Subtext to be displayed on the right.
|
|
49
|
-
* }
|
|
50
|
-
*
|
|
51
|
-
* - Note that you should *only use one of* `avatars`, `badges`, or `subtext`, to avoid cluttering
|
|
52
|
-
* the right-hand side of the list item.
|
|
53
|
-
*/
|
|
54
32
|
this.items = [];
|
|
55
33
|
}
|
|
56
34
|
render() {
|
|
@@ -2,15 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-2ab4832e.js');
|
|
6
6
|
|
|
7
7
|
const XplMainNav = class {
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
this.navWidth = index.createEvent(this, "navWidth", 7);
|
|
11
|
-
/**
|
|
12
|
-
* @property {string} width - The width of the Main Nav.
|
|
13
|
-
*/
|
|
14
11
|
this.width = 'default';
|
|
15
12
|
}
|
|
16
13
|
navWidthHandler() {
|
|
@@ -2,13 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-2ab4832e.js');
|
|
6
6
|
|
|
7
7
|
const XplPagination = class {
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
this.page = index.createEvent(this, "page", 7);
|
|
11
|
-
this.current = 1;
|
|
12
11
|
/**
|
|
13
12
|
* Private `_goto` method respects the `waitForCallback` prop --
|
|
14
13
|
* it will always emit the `page` event, but won't actually update
|
|
@@ -30,6 +29,10 @@ const XplPagination = class {
|
|
|
30
29
|
if (this.current < numPages)
|
|
31
30
|
this._goto(this.current + 1);
|
|
32
31
|
};
|
|
32
|
+
this.total = undefined;
|
|
33
|
+
this.perPage = undefined;
|
|
34
|
+
this.waitForCallback = undefined;
|
|
35
|
+
this.current = 1;
|
|
33
36
|
}
|
|
34
37
|
/**
|
|
35
38
|
* Calling `goto` with a page number (which should probably be
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-2ab4832e.js');
|
|
6
6
|
const v4 = require('./v4-14140ff3.js');
|
|
7
7
|
|
|
8
8
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
@@ -456,35 +456,20 @@ function tagWidth(text) {
|
|
|
456
456
|
const XplSelect = class {
|
|
457
457
|
constructor(hostRef) {
|
|
458
458
|
index.registerInstance(this, hostRef);
|
|
459
|
-
/**
|
|
460
|
-
* An array of choices for the user to choose from.
|
|
461
|
-
* Each choice should be of the form:
|
|
462
|
-
* {
|
|
463
|
-
* label: string;
|
|
464
|
-
* href?: string;
|
|
465
|
-
* value?: string;
|
|
466
|
-
* isGroupHeading?: boolean;
|
|
467
|
-
* }
|
|
468
|
-
*/
|
|
469
459
|
this.choices = [];
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
460
|
+
this.description = undefined;
|
|
461
|
+
this.disabled = undefined;
|
|
462
|
+
this.error = undefined;
|
|
463
|
+
this.label = undefined;
|
|
473
464
|
this.mode = 'single';
|
|
474
|
-
|
|
475
|
-
* Only used in multi-choice selects. If `true`,
|
|
476
|
-
* badges representing selections that would overflow the
|
|
477
|
-
* container are replaced with "+x more" (where x is the
|
|
478
|
-
* number not shown). If `false`, the container's height will
|
|
479
|
-
* adjust to show all badges representing selections.
|
|
480
|
-
*/
|
|
465
|
+
this.placeholder = undefined;
|
|
481
466
|
this.truncate = true;
|
|
482
467
|
this.active = false;
|
|
483
468
|
this.id = v4.v4();
|
|
484
469
|
this.keepFocus = false;
|
|
470
|
+
this.selected = undefined;
|
|
485
471
|
this.value = '';
|
|
486
472
|
this.displayValue = '';
|
|
487
|
-
// infinity isn't real, it's just a mathematical construct, it can't hurt you
|
|
488
473
|
this.visibleChoices = Infinity;
|
|
489
474
|
}
|
|
490
475
|
componentWillLoad() {
|
|
@@ -2,15 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-2ab4832e.js');
|
|
6
6
|
const v4 = require('./v4-14140ff3.js');
|
|
7
7
|
|
|
8
8
|
const XplToggle = class {
|
|
9
9
|
constructor(hostRef) {
|
|
10
10
|
index.registerInstance(this, hostRef);
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
this.checked = undefined;
|
|
12
|
+
this.description = undefined;
|
|
13
|
+
this.disabled = undefined;
|
|
14
|
+
this.heading = undefined;
|
|
15
|
+
this.label = undefined;
|
|
16
|
+
this.name = undefined;
|
|
14
17
|
this.variant = 'default';
|
|
15
18
|
this.id = v4.v4();
|
|
16
19
|
}
|
|
@@ -1,21 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { h, Host } from '@stencil/core';
|
|
2
2
|
export class XplApplicationShell {
|
|
3
3
|
constructor() {
|
|
4
|
-
/**
|
|
5
|
-
* @property {boolean} - Whether or not the Grid should have space for a secondary (sub) navigation bar
|
|
6
|
-
*/
|
|
7
4
|
this.withSubnav = false;
|
|
8
|
-
/**
|
|
9
|
-
* @property {boolean} - Whether or not the Grid should have space for a utility bar
|
|
10
|
-
*/
|
|
11
5
|
this.withUtility = true;
|
|
12
|
-
/**
|
|
13
|
-
* @property {string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.
|
|
14
|
-
*/
|
|
15
6
|
this.navWidth = 'default';
|
|
16
|
-
|
|
17
|
-
* @state {boolean} - Whether or not the main nav is open, updates when the nav-open event is emitted.
|
|
18
|
-
*/
|
|
7
|
+
this.isNavOpenAtStartup = undefined;
|
|
19
8
|
this.navOpen = true;
|
|
20
9
|
}
|
|
21
10
|
closeNavOnMobile() {
|
|
@@ -49,128 +38,125 @@ export class XplApplicationShell {
|
|
|
49
38
|
navClasses += this.navOpen
|
|
50
39
|
? ` xpl-application-shell__nav--${this.navWidth}--open`
|
|
51
40
|
: ` xpl-application-shell__nav--${this.navWidth}`;
|
|
52
|
-
return (h(Host, { class: applicationShellClasses },
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
h("div", { class: "xpl-application-shell__subnav" },
|
|
56
|
-
h("slot", { name: "subnav" })),
|
|
57
|
-
h("div", { class: "xpl-application-shell__utility" },
|
|
58
|
-
h("slot", { name: "utility" })),
|
|
59
|
-
h("div", { class: "xpl-application-shell__content" },
|
|
60
|
-
h("slot", { name: "content" })),
|
|
61
|
-
h("xpl-backdrop", { onClick: () => this.navToggleHandler(), class: {
|
|
62
|
-
'xpl-application-shell__backdrop--open': this.navOpen,
|
|
63
|
-
}, relative: true })));
|
|
41
|
+
return (h(Host, { class: applicationShellClasses }, h("div", { class: navClasses }, h("slot", { name: "nav" })), h("div", { class: "xpl-application-shell__subnav" }, h("slot", { name: "subnav" })), h("div", { class: "xpl-application-shell__utility" }, h("slot", { name: "utility" })), h("div", { class: "xpl-application-shell__content" }, h("slot", { name: "content" })), h("xpl-backdrop", { onClick: () => this.navToggleHandler(), class: {
|
|
42
|
+
'xpl-application-shell__backdrop--open': this.navOpen,
|
|
43
|
+
}, relative: true })));
|
|
64
44
|
}
|
|
65
45
|
static get is() { return "xpl-application-shell"; }
|
|
66
|
-
static get properties() {
|
|
67
|
-
|
|
68
|
-
"
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
"
|
|
72
|
-
|
|
73
|
-
|
|
46
|
+
static get properties() {
|
|
47
|
+
return {
|
|
48
|
+
"withSubnav": {
|
|
49
|
+
"type": "boolean",
|
|
50
|
+
"mutable": false,
|
|
51
|
+
"complexType": {
|
|
52
|
+
"original": "boolean",
|
|
53
|
+
"resolved": "boolean",
|
|
54
|
+
"references": {}
|
|
55
|
+
},
|
|
56
|
+
"required": false,
|
|
57
|
+
"optional": false,
|
|
58
|
+
"docs": {
|
|
59
|
+
"tags": [{
|
|
60
|
+
"name": "property",
|
|
61
|
+
"text": "{boolean} - Whether or not the Grid should have space for a secondary (sub) navigation bar"
|
|
62
|
+
}],
|
|
63
|
+
"text": ""
|
|
64
|
+
},
|
|
65
|
+
"attribute": "with-subnav",
|
|
66
|
+
"reflect": false,
|
|
67
|
+
"defaultValue": "false"
|
|
74
68
|
},
|
|
75
|
-
"
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
"
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
}
|
|
82
|
-
|
|
69
|
+
"withUtility": {
|
|
70
|
+
"type": "boolean",
|
|
71
|
+
"mutable": false,
|
|
72
|
+
"complexType": {
|
|
73
|
+
"original": "boolean",
|
|
74
|
+
"resolved": "boolean",
|
|
75
|
+
"references": {}
|
|
76
|
+
},
|
|
77
|
+
"required": false,
|
|
78
|
+
"optional": false,
|
|
79
|
+
"docs": {
|
|
80
|
+
"tags": [{
|
|
81
|
+
"name": "property",
|
|
82
|
+
"text": "{boolean} - Whether or not the Grid should have space for a utility bar"
|
|
83
|
+
}],
|
|
84
|
+
"text": ""
|
|
85
|
+
},
|
|
86
|
+
"attribute": "with-utility",
|
|
87
|
+
"reflect": false,
|
|
88
|
+
"defaultValue": "true"
|
|
83
89
|
},
|
|
84
|
-
"
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
"
|
|
93
|
-
"
|
|
94
|
-
"
|
|
90
|
+
"navWidth": {
|
|
91
|
+
"type": "string",
|
|
92
|
+
"mutable": false,
|
|
93
|
+
"complexType": {
|
|
94
|
+
"original": "string",
|
|
95
|
+
"resolved": "string",
|
|
96
|
+
"references": {}
|
|
97
|
+
},
|
|
98
|
+
"required": false,
|
|
99
|
+
"optional": false,
|
|
100
|
+
"docs": {
|
|
101
|
+
"tags": [{
|
|
102
|
+
"name": "property",
|
|
103
|
+
"text": "{string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted."
|
|
104
|
+
}],
|
|
105
|
+
"text": ""
|
|
106
|
+
},
|
|
107
|
+
"attribute": "nav-width",
|
|
108
|
+
"reflect": false,
|
|
109
|
+
"defaultValue": "'default'"
|
|
95
110
|
},
|
|
96
|
-
"
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
"
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
"
|
|
135
|
-
"
|
|
136
|
-
"
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
"
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
}],
|
|
148
|
-
"text": ""
|
|
149
|
-
},
|
|
150
|
-
"attribute": "is-nav-open-at-startup",
|
|
151
|
-
"reflect": false
|
|
152
|
-
}
|
|
153
|
-
}; }
|
|
154
|
-
static get states() { return {
|
|
155
|
-
"navOpen": {}
|
|
156
|
-
}; }
|
|
157
|
-
static get listeners() { return [{
|
|
158
|
-
"name": "navOpen",
|
|
159
|
-
"method": "navToggleHandler",
|
|
160
|
-
"target": undefined,
|
|
161
|
-
"capture": false,
|
|
162
|
-
"passive": false
|
|
163
|
-
}, {
|
|
164
|
-
"name": "navWidth",
|
|
165
|
-
"method": "navWithHandler",
|
|
166
|
-
"target": undefined,
|
|
167
|
-
"capture": false,
|
|
168
|
-
"passive": false
|
|
169
|
-
}, {
|
|
170
|
-
"name": "resize",
|
|
171
|
-
"method": "onWindowResize",
|
|
172
|
-
"target": "window",
|
|
173
|
-
"capture": false,
|
|
174
|
-
"passive": true
|
|
175
|
-
}]; }
|
|
111
|
+
"isNavOpenAtStartup": {
|
|
112
|
+
"type": "boolean",
|
|
113
|
+
"mutable": false,
|
|
114
|
+
"complexType": {
|
|
115
|
+
"original": "boolean",
|
|
116
|
+
"resolved": "boolean",
|
|
117
|
+
"references": {}
|
|
118
|
+
},
|
|
119
|
+
"required": false,
|
|
120
|
+
"optional": false,
|
|
121
|
+
"docs": {
|
|
122
|
+
"tags": [{
|
|
123
|
+
"name": "property",
|
|
124
|
+
"text": "{boolean} - *"
|
|
125
|
+
}, {
|
|
126
|
+
"name": "property",
|
|
127
|
+
"text": "{boolean} - Optional property that defines whether or not the main nav is open at startup."
|
|
128
|
+
}],
|
|
129
|
+
"text": ""
|
|
130
|
+
},
|
|
131
|
+
"attribute": "is-nav-open-at-startup",
|
|
132
|
+
"reflect": false
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
static get states() {
|
|
137
|
+
return {
|
|
138
|
+
"navOpen": {}
|
|
139
|
+
};
|
|
140
|
+
}
|
|
141
|
+
static get listeners() {
|
|
142
|
+
return [{
|
|
143
|
+
"name": "navOpen",
|
|
144
|
+
"method": "navToggleHandler",
|
|
145
|
+
"target": undefined,
|
|
146
|
+
"capture": false,
|
|
147
|
+
"passive": false
|
|
148
|
+
}, {
|
|
149
|
+
"name": "navWidth",
|
|
150
|
+
"method": "navWithHandler",
|
|
151
|
+
"target": undefined,
|
|
152
|
+
"capture": false,
|
|
153
|
+
"passive": false
|
|
154
|
+
}, {
|
|
155
|
+
"name": "resize",
|
|
156
|
+
"method": "onWindowResize",
|
|
157
|
+
"target": "window",
|
|
158
|
+
"capture": false,
|
|
159
|
+
"passive": true
|
|
160
|
+
}];
|
|
161
|
+
}
|
|
176
162
|
}
|