@xplortech/apollo-core 1.0.0-beta.7 → 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 (137) hide show
  1. package/build/style.css +4 -55
  2. package/dist/apollo-core/apollo-core.css +5 -5
  3. package/dist/apollo-core/apollo-core.esm.js +1 -1
  4. package/dist/apollo-core/p-10f00380.entry.js +1 -0
  5. package/dist/apollo-core/p-26ec64fe.entry.js +1 -0
  6. package/dist/apollo-core/p-2f90296c.js +2 -2
  7. package/dist/apollo-core/p-31acfdb4.entry.js +1 -0
  8. package/dist/apollo-core/p-4184ac44.entry.js +1 -0
  9. package/dist/apollo-core/{p-dad11011.entry.js → p-4fa14839.entry.js} +1 -1
  10. package/dist/apollo-core/p-55b87345.js +2 -0
  11. package/dist/apollo-core/p-63a6c98a.entry.js +1 -0
  12. package/dist/apollo-core/p-68c33b77.entry.js +1 -0
  13. package/dist/apollo-core/{p-a7cc4114.entry.js → p-78d07caf.entry.js} +1 -1
  14. package/dist/apollo-core/p-796957d3.entry.js +1 -0
  15. package/dist/apollo-core/p-88160d68.entry.js +1 -0
  16. package/dist/apollo-core/p-9ec318bb.entry.js +1 -0
  17. package/dist/apollo-core/p-a2a34e44.entry.js +1 -0
  18. package/dist/apollo-core/p-beea2502.entry.js +1 -0
  19. package/dist/apollo-core/p-d499e43f.entry.js +1 -0
  20. package/dist/apollo-core/{p-c8af4ed6.entry.js → p-d8a3d94c.entry.js} +1 -1
  21. package/dist/apollo-core/p-e047b446.entry.js +1 -0
  22. package/dist/cjs/apollo-core.cjs.js +6 -2
  23. package/dist/cjs/{index-acf3dd7a.js → index-2ab4832e.js} +592 -215
  24. package/dist/cjs/loader.cjs.js +3 -2
  25. package/dist/cjs/xpl-application-shell.cjs.entry.js +2 -13
  26. package/dist/cjs/xpl-avatar_12.cjs.entry.js +72 -38
  27. package/dist/cjs/xpl-backdrop.cjs.entry.js +1 -5
  28. package/dist/cjs/xpl-button-row.cjs.entry.js +4 -1
  29. package/dist/cjs/xpl-choicelist.cjs.entry.js +8 -1
  30. package/dist/cjs/xpl-divider.cjs.entry.js +2 -1
  31. package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js +7 -1
  32. package/dist/cjs/xpl-dropdown_2.cjs.entry.js +8 -9
  33. package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
  34. package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
  35. package/dist/cjs/xpl-input.cjs.entry.js +615 -501
  36. package/dist/cjs/xpl-list.cjs.entry.js +1 -23
  37. package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -4
  38. package/dist/cjs/xpl-pagination.cjs.entry.js +5 -2
  39. package/dist/cjs/xpl-select.cjs.entry.js +7 -22
  40. package/dist/cjs/xpl-toggle.cjs.entry.js +7 -4
  41. package/dist/collection/collection-manifest.json +2 -2
  42. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +118 -132
  43. package/dist/collection/components/xpl-avatar/xpl-avatar.js +150 -144
  44. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +26 -28
  45. package/dist/collection/components/xpl-badge/xpl-badge.js +43 -39
  46. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +2 -5
  47. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +2 -5
  48. package/dist/collection/components/xpl-button/xpl-button.js +204 -205
  49. package/dist/collection/components/xpl-button-row/xpl-button-row.js +105 -104
  50. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +181 -171
  51. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +133 -126
  52. package/dist/collection/components/xpl-content-area/xpl-content-area.js +27 -31
  53. package/dist/collection/components/xpl-divider/xpl-divider.js +26 -23
  54. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +46 -42
  55. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +26 -22
  56. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +60 -54
  57. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +170 -167
  58. package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
  59. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +75 -74
  60. package/dist/collection/components/xpl-input/xpl-input.js +404 -417
  61. package/dist/collection/components/xpl-list/xpl-list.js +42 -75
  62. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +47 -54
  63. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +47 -49
  64. package/dist/collection/components/xpl-pagination/xpl-pagination.js +116 -128
  65. package/dist/collection/components/xpl-radio/xpl-radio.js +157 -148
  66. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +2 -4
  67. package/dist/collection/components/xpl-select/xpl-select.js +212 -238
  68. package/dist/collection/components/xpl-table/xpl-table.js +168 -151
  69. package/dist/collection/components/xpl-tag/xpl-tag.js +24 -25
  70. package/dist/collection/components/xpl-toggle/xpl-toggle.js +137 -135
  71. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +73 -70
  72. package/dist/custom-elements/index.js +756 -641
  73. package/dist/esm/apollo-core.js +3 -2
  74. package/dist/esm/{index-e3c4bb97.js → index-392b5b96.js} +592 -216
  75. package/dist/esm/loader.js +3 -2
  76. package/dist/esm/polyfills/css-shim.js +1 -1
  77. package/dist/esm/xpl-application-shell.entry.js +2 -13
  78. package/dist/esm/xpl-avatar_12.entry.js +72 -38
  79. package/dist/esm/xpl-backdrop.entry.js +1 -5
  80. package/dist/esm/xpl-button-row.entry.js +4 -1
  81. package/dist/esm/xpl-choicelist.entry.js +8 -1
  82. package/dist/esm/xpl-divider.entry.js +2 -1
  83. package/dist/esm/xpl-dropdown-group_3.entry.js +7 -1
  84. package/dist/esm/xpl-dropdown_2.entry.js +8 -9
  85. package/dist/esm/xpl-grid-item.entry.js +1 -1
  86. package/dist/esm/xpl-grid.entry.js +1 -1
  87. package/dist/esm/xpl-input.entry.js +615 -501
  88. package/dist/esm/xpl-list.entry.js +1 -23
  89. package/dist/esm/xpl-main-nav.entry.js +1 -4
  90. package/dist/esm/xpl-pagination.entry.js +5 -2
  91. package/dist/esm/xpl-select.entry.js +7 -22
  92. package/dist/esm/xpl-toggle.entry.js +7 -4
  93. package/dist/types/components/xpl-dropdown/dropdownoption.d.ts +1 -1
  94. package/dist/types/components/xpl-table/xpl-table.d.ts +2 -0
  95. package/dist/types/components.d.ts +47 -11
  96. package/dist/types/stencil-public-runtime.d.ts +85 -11
  97. package/loader/index.d.ts +9 -1
  98. package/loader/package.json +1 -0
  99. package/package.json +1 -1
  100. package/dist/apollo-core/p-25f84d39.entry.js +0 -1
  101. package/dist/apollo-core/p-2ce2fe5c.entry.js +0 -1
  102. package/dist/apollo-core/p-3ff1ff38.entry.js +0 -1
  103. package/dist/apollo-core/p-63dd9a65.entry.js +0 -1
  104. package/dist/apollo-core/p-6c3c1e3d.entry.js +0 -1
  105. package/dist/apollo-core/p-81a6ce4c.entry.js +0 -1
  106. package/dist/apollo-core/p-918b0731.entry.js +0 -1
  107. package/dist/apollo-core/p-a43e2d1f.entry.js +0 -1
  108. package/dist/apollo-core/p-b6d1b135.entry.js +0 -1
  109. package/dist/apollo-core/p-bc0ebed2.entry.js +0 -1
  110. package/dist/apollo-core/p-d4aa2fa9.js +0 -1
  111. package/dist/apollo-core/p-d4e5d3aa.entry.js +0 -1
  112. package/dist/apollo-core/p-db74c99c.entry.js +0 -1
  113. package/dist/apollo-core/p-ee16942f.entry.js +0 -1
  114. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/application-shell.stories.d.ts +0 -0
  115. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/avatar.stories.d.ts +0 -0
  116. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/backdrop.stories.d.ts +0 -0
  117. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/badge.stories.d.ts +0 -0
  118. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/breadcrumbs.stories.d.ts +0 -0
  119. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/button-row.stories.d.ts +0 -0
  120. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/button.stories.d.ts +0 -0
  121. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/checkbox.stories.d.ts +0 -0
  122. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/choicelist.stories.d.ts +0 -0
  123. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/content-area.stories.d.ts +0 -0
  124. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/divider.stories.d.ts +0 -0
  125. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/dropdown.stories.d.ts +0 -0
  126. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/grid.stories.d.ts +0 -0
  127. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/input.stories.d.ts +0 -0
  128. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/list.stories.d.ts +0 -0
  129. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/main-nav.stories.d.ts +0 -0
  130. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
  131. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/radio.stories.d.ts +0 -0
  132. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/secondary-nav.stories.d.ts +0 -0
  133. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/select.stories.d.ts +0 -0
  134. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/table.stories.d.ts +0 -0
  135. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
  136. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/toggle.stories.d.ts +0 -0
  137. /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
  }