@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.
Files changed (138) hide show
  1. package/LICENSE +21 -0
  2. package/build/style.css +4 -55
  3. package/dist/apollo-core/apollo-core.css +5 -5
  4. package/dist/apollo-core/apollo-core.esm.js +1 -1
  5. package/dist/apollo-core/p-10f00380.entry.js +1 -0
  6. package/dist/apollo-core/p-26ec64fe.entry.js +1 -0
  7. package/dist/apollo-core/p-2f90296c.js +2 -2
  8. package/dist/apollo-core/p-31acfdb4.entry.js +1 -0
  9. package/dist/apollo-core/p-4184ac44.entry.js +1 -0
  10. package/dist/apollo-core/{p-dad11011.entry.js → p-4fa14839.entry.js} +1 -1
  11. package/dist/apollo-core/p-55b87345.js +2 -0
  12. package/dist/apollo-core/p-63a6c98a.entry.js +1 -0
  13. package/dist/apollo-core/p-68c33b77.entry.js +1 -0
  14. package/dist/apollo-core/{p-a7cc4114.entry.js → p-78d07caf.entry.js} +1 -1
  15. package/dist/apollo-core/p-796957d3.entry.js +1 -0
  16. package/dist/apollo-core/p-88160d68.entry.js +1 -0
  17. package/dist/apollo-core/p-9ec318bb.entry.js +1 -0
  18. package/dist/apollo-core/p-a2a34e44.entry.js +1 -0
  19. package/dist/apollo-core/p-beea2502.entry.js +1 -0
  20. package/dist/apollo-core/p-d499e43f.entry.js +1 -0
  21. package/dist/apollo-core/{p-c8af4ed6.entry.js → p-d8a3d94c.entry.js} +1 -1
  22. package/dist/apollo-core/p-e047b446.entry.js +1 -0
  23. package/dist/cjs/apollo-core.cjs.js +6 -2
  24. package/dist/cjs/{index-acf3dd7a.js → index-2ab4832e.js} +592 -215
  25. package/dist/cjs/loader.cjs.js +3 -2
  26. package/dist/cjs/xpl-application-shell.cjs.entry.js +2 -13
  27. package/dist/cjs/xpl-avatar_12.cjs.entry.js +72 -38
  28. package/dist/cjs/xpl-backdrop.cjs.entry.js +1 -5
  29. package/dist/cjs/xpl-button-row.cjs.entry.js +4 -1
  30. package/dist/cjs/xpl-choicelist.cjs.entry.js +8 -1
  31. package/dist/cjs/xpl-divider.cjs.entry.js +2 -1
  32. package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js +7 -1
  33. package/dist/cjs/xpl-dropdown_2.cjs.entry.js +8 -9
  34. package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
  35. package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
  36. package/dist/cjs/xpl-input.cjs.entry.js +615 -501
  37. package/dist/cjs/xpl-list.cjs.entry.js +1 -23
  38. package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -4
  39. package/dist/cjs/xpl-pagination.cjs.entry.js +5 -2
  40. package/dist/cjs/xpl-select.cjs.entry.js +7 -22
  41. package/dist/cjs/xpl-toggle.cjs.entry.js +7 -4
  42. package/dist/collection/collection-manifest.json +2 -2
  43. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +118 -132
  44. package/dist/collection/components/xpl-avatar/xpl-avatar.js +150 -144
  45. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +26 -28
  46. package/dist/collection/components/xpl-badge/xpl-badge.js +43 -39
  47. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +2 -5
  48. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +2 -5
  49. package/dist/collection/components/xpl-button/xpl-button.js +204 -205
  50. package/dist/collection/components/xpl-button-row/xpl-button-row.js +105 -104
  51. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +181 -171
  52. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +133 -126
  53. package/dist/collection/components/xpl-content-area/xpl-content-area.js +27 -31
  54. package/dist/collection/components/xpl-divider/xpl-divider.js +26 -23
  55. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +46 -42
  56. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +26 -22
  57. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +60 -54
  58. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +170 -167
  59. package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
  60. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +75 -74
  61. package/dist/collection/components/xpl-input/xpl-input.js +404 -417
  62. package/dist/collection/components/xpl-list/xpl-list.js +42 -75
  63. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +47 -54
  64. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +47 -49
  65. package/dist/collection/components/xpl-pagination/xpl-pagination.js +116 -128
  66. package/dist/collection/components/xpl-radio/xpl-radio.js +157 -148
  67. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +2 -4
  68. package/dist/collection/components/xpl-select/xpl-select.js +212 -238
  69. package/dist/collection/components/xpl-table/xpl-table.js +168 -151
  70. package/dist/collection/components/xpl-tag/xpl-tag.js +24 -25
  71. package/dist/collection/components/xpl-toggle/xpl-toggle.js +137 -135
  72. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +73 -70
  73. package/dist/custom-elements/index.js +756 -641
  74. package/dist/esm/apollo-core.js +3 -2
  75. package/dist/esm/{index-e3c4bb97.js → index-392b5b96.js} +592 -216
  76. package/dist/esm/loader.js +3 -2
  77. package/dist/esm/polyfills/css-shim.js +1 -1
  78. package/dist/esm/xpl-application-shell.entry.js +2 -13
  79. package/dist/esm/xpl-avatar_12.entry.js +72 -38
  80. package/dist/esm/xpl-backdrop.entry.js +1 -5
  81. package/dist/esm/xpl-button-row.entry.js +4 -1
  82. package/dist/esm/xpl-choicelist.entry.js +8 -1
  83. package/dist/esm/xpl-divider.entry.js +2 -1
  84. package/dist/esm/xpl-dropdown-group_3.entry.js +7 -1
  85. package/dist/esm/xpl-dropdown_2.entry.js +8 -9
  86. package/dist/esm/xpl-grid-item.entry.js +1 -1
  87. package/dist/esm/xpl-grid.entry.js +1 -1
  88. package/dist/esm/xpl-input.entry.js +615 -501
  89. package/dist/esm/xpl-list.entry.js +1 -23
  90. package/dist/esm/xpl-main-nav.entry.js +1 -4
  91. package/dist/esm/xpl-pagination.entry.js +5 -2
  92. package/dist/esm/xpl-select.entry.js +7 -22
  93. package/dist/esm/xpl-toggle.entry.js +7 -4
  94. package/dist/types/components/xpl-dropdown/dropdownoption.d.ts +1 -1
  95. package/dist/types/components/xpl-table/xpl-table.d.ts +2 -0
  96. package/dist/types/components.d.ts +47 -11
  97. package/dist/types/stencil-public-runtime.d.ts +85 -11
  98. package/loader/index.d.ts +9 -1
  99. package/loader/package.json +1 -0
  100. package/package.json +1 -1
  101. package/dist/apollo-core/p-25f84d39.entry.js +0 -1
  102. package/dist/apollo-core/p-2ce2fe5c.entry.js +0 -1
  103. package/dist/apollo-core/p-3ff1ff38.entry.js +0 -1
  104. package/dist/apollo-core/p-63dd9a65.entry.js +0 -1
  105. package/dist/apollo-core/p-6c3c1e3d.entry.js +0 -1
  106. package/dist/apollo-core/p-81a6ce4c.entry.js +0 -1
  107. package/dist/apollo-core/p-918b0731.entry.js +0 -1
  108. package/dist/apollo-core/p-a43e2d1f.entry.js +0 -1
  109. package/dist/apollo-core/p-b6d1b135.entry.js +0 -1
  110. package/dist/apollo-core/p-bc0ebed2.entry.js +0 -1
  111. package/dist/apollo-core/p-d4aa2fa9.js +0 -1
  112. package/dist/apollo-core/p-d4e5d3aa.entry.js +0 -1
  113. package/dist/apollo-core/p-db74c99c.entry.js +0 -1
  114. package/dist/apollo-core/p-ee16942f.entry.js +0 -1
  115. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/application-shell.stories.d.ts +0 -0
  116. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/avatar.stories.d.ts +0 -0
  117. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/backdrop.stories.d.ts +0 -0
  118. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/badge.stories.d.ts +0 -0
  119. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/breadcrumbs.stories.d.ts +0 -0
  120. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/button-row.stories.d.ts +0 -0
  121. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/button.stories.d.ts +0 -0
  122. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/checkbox.stories.d.ts +0 -0
  123. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/choicelist.stories.d.ts +0 -0
  124. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/content-area.stories.d.ts +0 -0
  125. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/divider.stories.d.ts +0 -0
  126. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/dropdown.stories.d.ts +0 -0
  127. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/grid.stories.d.ts +0 -0
  128. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/input.stories.d.ts +0 -0
  129. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/list.stories.d.ts +0 -0
  130. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/main-nav.stories.d.ts +0 -0
  131. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
  132. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/radio.stories.d.ts +0 -0
  133. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/secondary-nav.stories.d.ts +0 -0
  134. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/select.stories.d.ts +0 -0
  135. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/table.stories.d.ts +0 -0
  136. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
  137. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/toggle.stories.d.ts +0 -0
  138. /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-acf3dd7a.js');
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-acf3dd7a.js');
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-acf3dd7a.js');
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-acf3dd7a.js');
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
- * Whether to allow a single choice or multiple choices.
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-acf3dd7a.js');
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
- * The size of the toggle -- `default` or `small`
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
  }
@@ -33,8 +33,8 @@
33
33
  ],
34
34
  "compiler": {
35
35
  "name": "@stencil/core",
36
- "version": "2.8.0",
37
- "typescriptVersion": "4.2.3"
36
+ "version": "2.22.2",
37
+ "typescriptVersion": "4.9.4"
38
38
  },
39
39
  "collections": [],
40
40
  "bundles": []
@@ -1,21 +1,10 @@
1
- import { Component, h, Host, Listen, Prop, State } from '@stencil/core';
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
- h("div", { class: navClasses },
54
- h("slot", { name: "nav" })),
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() { return {
67
- "withSubnav": {
68
- "type": "boolean",
69
- "mutable": false,
70
- "complexType": {
71
- "original": "boolean",
72
- "resolved": "boolean",
73
- "references": {}
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
- "required": false,
76
- "optional": false,
77
- "docs": {
78
- "tags": [{
79
- "text": "{boolean} - Whether or not the Grid should have space for a secondary (sub) navigation bar",
80
- "name": "property"
81
- }],
82
- "text": ""
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
- "attribute": "with-subnav",
85
- "reflect": false,
86
- "defaultValue": "false"
87
- },
88
- "withUtility": {
89
- "type": "boolean",
90
- "mutable": false,
91
- "complexType": {
92
- "original": "boolean",
93
- "resolved": "boolean",
94
- "references": {}
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
- "required": false,
97
- "optional": false,
98
- "docs": {
99
- "tags": [{
100
- "text": "{boolean} - Whether or not the Grid should have space for a utility bar",
101
- "name": "property"
102
- }],
103
- "text": ""
104
- },
105
- "attribute": "with-utility",
106
- "reflect": false,
107
- "defaultValue": "true"
108
- },
109
- "navWidth": {
110
- "type": "string",
111
- "mutable": false,
112
- "complexType": {
113
- "original": "string",
114
- "resolved": "string",
115
- "references": {}
116
- },
117
- "required": false,
118
- "optional": false,
119
- "docs": {
120
- "tags": [{
121
- "text": "{string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.",
122
- "name": "property"
123
- }],
124
- "text": ""
125
- },
126
- "attribute": "nav-width",
127
- "reflect": false,
128
- "defaultValue": "'default'"
129
- },
130
- "isNavOpenAtStartup": {
131
- "type": "boolean",
132
- "mutable": false,
133
- "complexType": {
134
- "original": "boolean",
135
- "resolved": "boolean",
136
- "references": {}
137
- },
138
- "required": false,
139
- "optional": false,
140
- "docs": {
141
- "tags": [{
142
- "text": "{boolean} - *",
143
- "name": "property"
144
- }, {
145
- "text": "{boolean} - Optional property that defines whether or not the main nav is open at startup.",
146
- "name": "property"
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
  }