@gravitee/ui-components 3.24.4 → 3.24.5-renovate-github-markdown-css-5-x-d2ffdad

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 (117) hide show
  1. package/CHANGELOG.md +1260 -0
  2. package/LICENSE.txt +202 -0
  3. package/README.md +195 -0
  4. package/assets/css/github-markdown-css/github-markdown.css +500 -545
  5. package/assets/i18n/en.json +0 -3
  6. package/assets/i18n/fr.json +0 -3
  7. package/package.json +19 -21
  8. package/src/.eslintrc.js +19 -0
  9. package/src/atoms/gv-autocomplete.js +156 -132
  10. package/src/atoms/gv-button.js +248 -73
  11. package/src/atoms/gv-checkbox.js +103 -45
  12. package/src/atoms/gv-date-picker-calendar.js +393 -312
  13. package/src/atoms/gv-date-picker-cell.js +81 -57
  14. package/src/atoms/gv-date-picker.js +319 -180
  15. package/src/atoms/gv-file-upload.js +195 -85
  16. package/src/atoms/gv-icon.js +34 -13
  17. package/src/atoms/gv-image.js +66 -31
  18. package/src/atoms/gv-input-message.js +37 -12
  19. package/src/atoms/gv-input.js +169 -139
  20. package/src/atoms/gv-link.js +125 -47
  21. package/src/atoms/gv-message.js +69 -18
  22. package/src/atoms/gv-metric.js +68 -19
  23. package/src/atoms/gv-relative-time.js +38 -67
  24. package/src/atoms/gv-select-native.js +215 -96
  25. package/src/atoms/gv-select.js +230 -110
  26. package/src/atoms/gv-spinner.js +26 -5
  27. package/src/atoms/gv-state.js +66 -25
  28. package/src/atoms/gv-switch.js +160 -40
  29. package/src/atoms/gv-tag.js +78 -26
  30. package/src/atoms/gv-text.js +83 -22
  31. package/src/charts/gv-chart-bar.js +18 -22
  32. package/src/charts/gv-chart-gauge.js +31 -28
  33. package/src/charts/gv-chart-histogram.js +10 -18
  34. package/src/charts/gv-chart-line.js +59 -70
  35. package/src/charts/gv-chart-map.js +42 -44
  36. package/src/charts/gv-chart-pie.js +14 -18
  37. package/src/index.js +0 -2
  38. package/src/lib/cron-expression.js +35 -40
  39. package/src/lib/date.js +1 -10
  40. package/src/lib/events.js +1 -3
  41. package/src/lib/http-client-schema-form.js +12 -13
  42. package/src/lib/http.js +56 -57
  43. package/src/lib/i18n.js +22 -30
  44. package/src/lib/item.js +12 -13
  45. package/src/lib/properties.js +42 -77
  46. package/src/lib/schema-form.js +5 -4
  47. package/src/lib/studio.js +60 -13
  48. package/src/lib/style.js +8 -8
  49. package/src/lib/text-format.js +7 -14
  50. package/src/lib/theme.js +5 -8
  51. package/src/lib/utils.js +18 -17
  52. package/src/mixins/chart-element.js +54 -31
  53. package/src/mixins/input-element.js +49 -60
  54. package/src/mixins/item-resource.js +32 -34
  55. package/src/mixins/keyboard-element.js +5 -6
  56. package/src/mixins/update-after-browser.js +1 -4
  57. package/src/mixins/with-resize-observer.js +13 -23
  58. package/src/mixins/with-skeleton-attribute.js +48 -54
  59. package/src/molecules/gv-card-full.js +147 -26
  60. package/src/molecules/gv-card-list.js +42 -13
  61. package/src/molecules/gv-card.js +91 -17
  62. package/src/molecules/gv-category-list.js +17 -6
  63. package/src/molecules/gv-category.js +103 -23
  64. package/src/molecules/gv-code.js +263 -189
  65. package/src/molecules/gv-confirm.js +71 -41
  66. package/src/molecules/gv-cron-editor.js +389 -143
  67. package/src/molecules/gv-dropdown-menu.js +46 -14
  68. package/src/molecules/gv-expandable.js +59 -31
  69. package/src/molecules/gv-expression-language.js +208 -552
  70. package/src/molecules/gv-identity-picture.js +65 -42
  71. package/src/molecules/gv-list.js +134 -42
  72. package/src/molecules/gv-metrics.js +49 -37
  73. package/src/molecules/gv-modal.js +95 -28
  74. package/src/molecules/gv-nav.js +75 -49
  75. package/src/molecules/gv-option.js +130 -57
  76. package/src/molecules/gv-plans.js +209 -86
  77. package/src/molecules/gv-popover.js +177 -57
  78. package/src/molecules/gv-promote.js +146 -28
  79. package/src/molecules/gv-rating-list.js +195 -69
  80. package/src/molecules/gv-rating.js +105 -52
  81. package/src/molecules/gv-row-expandable.js +11 -5
  82. package/src/molecules/gv-row.js +147 -21
  83. package/src/molecules/gv-stats.js +48 -23
  84. package/src/molecules/gv-stepper.js +187 -43
  85. package/src/molecules/gv-table.js +309 -199
  86. package/src/molecules/gv-tree.js +156 -33
  87. package/src/organisms/gv-documentation.js +127 -44
  88. package/src/organisms/gv-header.js +195 -37
  89. package/src/organisms/gv-http-client.js +168 -32
  90. package/src/organisms/gv-menu.js +158 -37
  91. package/src/organisms/gv-newsletter-subscription.js +189 -48
  92. package/src/organisms/gv-pagination.js +77 -49
  93. package/src/organisms/gv-properties.js +492 -271
  94. package/src/organisms/gv-resizable-views.js +259 -41
  95. package/src/organisms/gv-resources.js +275 -168
  96. package/src/organisms/gv-schema-form-array.js +159 -49
  97. package/src/organisms/gv-schema-form-control-object.js +73 -59
  98. package/src/organisms/gv-schema-form-control.js +134 -107
  99. package/src/organisms/gv-schema-form.js +280 -195
  100. package/src/organisms/gv-tabs.js +98 -66
  101. package/src/organisms/gv-user-menu.js +201 -36
  102. package/src/organisms/gv-vertical-menu.js +61 -20
  103. package/src/policy-studio/gv-flow-step.js +245 -105
  104. package/src/policy-studio/gv-flow.js +304 -125
  105. package/src/policy-studio/gv-policy-studio-menu.js +471 -157
  106. package/src/policy-studio/gv-policy-studio.js +761 -692
  107. package/src/styles/empty.js +20 -3
  108. package/src/styles/input.js +247 -3
  109. package/src/styles/link.js +16 -3
  110. package/src/styles/shapes.js +0 -1
  111. package/src/styles/skeleton.js +37 -3
  112. package/src/styles/zoom.js +24 -3
  113. package/src/theme/definition.json +1762 -0
  114. package/src/theme/gv-theme.js +60 -21
  115. package/assets/css/codemirror/all.css +0 -476
  116. package/src/molecules/gv-code-hint.js +0 -49
  117. package/wc/gv-code-hint.js +0 -1
@@ -16,6 +16,7 @@
16
16
  import { LitElement, html, css } from 'lit';
17
17
  import '../atoms/gv-icon';
18
18
  import { dispatchCustomEvent } from '../lib/events';
19
+
19
20
  /**
20
21
  * A modal that shows up on top of your page
21
22
  *
@@ -37,43 +38,28 @@ import { dispatchCustomEvent } from '../lib/events';
37
38
  * @cssprop {Length} [--gv-modal--p=1em] - Modal content padding
38
39
  * @cssprop {Length} [--gv-modal-close-icon--s=24px] - Modal close icon size
39
40
  */
40
-
41
41
  export class GvModal extends LitElement {
42
42
  static get properties() {
43
43
  return {
44
- _toChange: {
45
- type: Boolean
46
- },
47
-
44
+ _toChange: { type: Boolean },
48
45
  /**
49
46
  * If true the modal box is in opened status.
50
47
  */
51
- opened: {
52
- type: Boolean
53
- },
54
-
48
+ opened: { type: Boolean },
55
49
  /**
56
50
  * If true the modal box displays a close icon
57
51
  */
58
- showCloseIcon: {
59
- type: Boolean
60
- },
61
-
52
+ showCloseIcon: { type: Boolean },
62
53
  /**
63
54
  * The title of the modal dialog
64
55
  */
65
56
  // ⚠️ it cannot be simply named `title` otherwise the browser consider it
66
57
  // as a `title` property and use it to display a tooltip
67
- modalTitle: {
68
- type: String
69
- },
70
-
58
+ modalTitle: { type: String },
71
59
  /**
72
60
  * If true the modal box blocks the screen. That is, when you click in the background layer, the modal box do not close.
73
61
  */
74
- blocking: {
75
- type: Boolean
76
- }
62
+ blocking: { type: Boolean },
77
63
  };
78
64
  }
79
65
 
@@ -86,27 +72,110 @@ export class GvModal extends LitElement {
86
72
  }
87
73
 
88
74
  static get styles() {
89
- return [// language=css
90
- css`*{box-sizing:border-box}:host{display:block}section{position:fixed;left:0;top:0;height:100vh;width:100vw;display:none;transition:opacity var(--gv-modal--anim-duration,.3s) ease-in;-webkit-transition:opacity var(--gv-modal--anim-duration,.3s) ease-in;align-items:center;justify-content:center;z-index:var(--gv-modal--z,100);background-color:var(--gv-modal--bgc,rgba(30,30,30,.6))}.content{display:block;position:relative;z-index:var(--gv-modal-content--z,101);width:var(--gv-modal--w,280px);min-width:var(--gv-modal--miw,250px);max-width:var(--gv-modal--maw,100vw);height:var(--gv-modal--h,auto);min-height:var(--gv-modal--mih,auto);max-height:var(--gv-modal--mah,100vh);background-color:var(--gv-modal-content--bgc,var(--gv-theme-neutral-color-light,#efefef));box-shadow:var(--gv-modal--bxsh,0 0 16px #383e3f);border-radius:var(--gv-modal--bdrs,4px);padding:var(--gv-modal--p,1em)}article{overflow:auto;max-height:100%;height:100%}.transparent{opacity:0}.opaque{opacity:1;display:flex!important}.opened{display:flex!important}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:10px}.title{font-weight:700;font-size:large}gv-icon{--gv-icon--s:var(--gv-modal-close-icon--s, 24px);display:inline-block;z-index:1002;cursor:pointer}`];
75
+ return [
76
+ // language=css
77
+ css`
78
+ * {
79
+ box-sizing: border-box;
80
+ }
81
+ :host {
82
+ display: block;
83
+ }
84
+ section {
85
+ position: fixed;
86
+ left: 0;
87
+ top: 0;
88
+ height: 100vh;
89
+ width: 100vw;
90
+ display: none;
91
+ transition: opacity var(--gv-modal--anim-duration, 0.3s) ease-in;
92
+ -webkit-transition: opacity var(--gv-modal--anim-duration, 0.3s) ease-in;
93
+ align-items: center;
94
+ justify-content: center;
95
+ z-index: var(--gv-modal--z, 100);
96
+ background-color: var(--gv-modal--bgc, rgba(30, 30, 30, 0.6));
97
+ }
98
+ .content {
99
+ display: block;
100
+ position: relative;
101
+ z-index: var(--gv-modal-content--z, 101);
102
+ width: var(--gv-modal--w, 280px);
103
+ min-width: var(--gv-modal--miw, 250px);
104
+ max-width: var(--gv-modal--maw, 100vw);
105
+ height: var(--gv-modal--h, auto);
106
+ min-height: var(--gv-modal--mih, auto);
107
+ max-height: var(--gv-modal--mah, 100vh);
108
+ background-color: var(--gv-modal-content--bgc, var(--gv-theme-neutral-color-light, #efefef));
109
+ box-shadow: var(--gv-modal--bxsh, 0px 0px 16px #383e3f);
110
+ border-radius: var(--gv-modal--bdrs, 4px);
111
+ padding: var(--gv-modal--p, 1em);
112
+ }
113
+ article {
114
+ overflow: auto;
115
+ max-height: 100%;
116
+ height: 100%;
117
+ }
118
+ .transparent {
119
+ opacity: 0;
120
+ }
121
+ .opaque {
122
+ opacity: 1;
123
+ display: flex !important;
124
+ }
125
+ .opened {
126
+ display: flex !important;
127
+ }
128
+ .header {
129
+ display: flex;
130
+ flex-direction: row;
131
+ justify-content: space-between;
132
+ align-items: center;
133
+ padding-bottom: 10px;
134
+ }
135
+ .title {
136
+ font-weight: bold;
137
+ font-size: large;
138
+ }
139
+ gv-icon {
140
+ --gv-icon--s: var(--gv-modal-close-icon--s, 24px);
141
+ display: inline-block;
142
+ z-index: 1002;
143
+ cursor: pointer;
144
+ }
145
+ `,
146
+ ];
91
147
  }
92
148
 
93
149
  render() {
94
- return html` <section class="${this.getModalClass(this.opened, this._toChange)}" @click="${this._backgroundModalClick}" @transitionend="${this.animationEnd}"> <div class="content" @click="${this.contentClick}"> <div class="header"> <span class="title">${this.modalTitle}</span> ${this.showCloseIcon ? html`<gv-icon shape="general:close" @click="${this.close}"></gv-icon>` : ''} </div> <article> <slot></slot> </article> </div> </section> `;
150
+ return html`
151
+ <section
152
+ class="${this.getModalClass(this.opened, this._toChange)}"
153
+ @click="${this._backgroundModalClick}"
154
+ @transitionend="${this.animationEnd}"
155
+ >
156
+ <div class="content" @click="${this.contentClick}">
157
+ <div class="header">
158
+ <span class="title">${this.modalTitle}</span>
159
+ ${this.showCloseIcon ? html`<gv-icon shape="general:close" @click="${this.close}"></gv-icon>` : ''}
160
+ </div>
161
+ <article>
162
+ <slot></slot>
163
+ </article>
164
+ </div>
165
+ </section>
166
+ `;
95
167
  }
96
168
 
97
169
  getModalClass(opened, _toChange) {
98
170
  if (!opened && !_toChange) {
99
171
  return 'transparent';
100
172
  }
101
-
102
173
  if (opened && _toChange) {
103
174
  return 'transparent opened';
104
175
  }
105
-
106
176
  if (opened && !_toChange) {
107
177
  return 'opaque';
108
178
  }
109
-
110
179
  if (!opened && _toChange) {
111
180
  return 'transparent opened';
112
181
  }
@@ -140,7 +209,5 @@ export class GvModal extends LitElement {
140
209
  contentClick(e) {
141
210
  e.stopPropagation();
142
211
  }
143
-
144
212
  }
145
213
  window.customElements.define('gv-modal', GvModal);
146
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21vbGVjdWxlcy9ndi1tb2RhbC5qcyJdLCJuYW1lcyI6WyJMaXRFbGVtZW50IiwiaHRtbCIsImNzcyIsImRpc3BhdGNoQ3VzdG9tRXZlbnQiLCJHdk1vZGFsIiwicHJvcGVydGllcyIsIl90b0NoYW5nZSIsInR5cGUiLCJCb29sZWFuIiwib3BlbmVkIiwic2hvd0Nsb3NlSWNvbiIsIm1vZGFsVGl0bGUiLCJTdHJpbmciLCJibG9ja2luZyIsImNvbnN0cnVjdG9yIiwic3R5bGVzIiwicmVuZGVyIiwiZ2V0TW9kYWxDbGFzcyIsIl9iYWNrZ3JvdW5kTW9kYWxDbGljayIsImFuaW1hdGlvbkVuZCIsImNvbnRlbnRDbGljayIsImNsb3NlIiwib3BlbiIsInNldFRpbWVvdXQiLCJlIiwic3RvcFByb3BhZ2F0aW9uIiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLFVBQVQsRUFBcUJDLElBQXJCLEVBQTJCQyxHQUEzQixRQUFzQyxLQUF0QztBQUNBLE9BQU8sa0JBQVA7QUFDQSxTQUFTQyxtQkFBVCxRQUFvQyxlQUFwQztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1DLE9BQU4sU0FBc0JKLFVBQXRCLENBQWlDO0FBQ2pCLGFBQVZLLFVBQVUsR0FBRztBQUN0QixXQUFPO0FBQ0xDLE1BQUFBLFNBQVMsRUFBRTtBQUFFQyxRQUFBQSxJQUFJLEVBQUVDO0FBQVIsT0FETjs7QUFFTDtBQUNOO0FBQ0E7QUFDTUMsTUFBQUEsTUFBTSxFQUFFO0FBQUVGLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQUxIOztBQU1MO0FBQ047QUFDQTtBQUNNRSxNQUFBQSxhQUFhLEVBQUU7QUFBRUgsUUFBQUEsSUFBSSxFQUFFQztBQUFSLE9BVFY7O0FBVUw7QUFDTjtBQUNBO0FBQ007QUFDQTtBQUNBRyxNQUFBQSxVQUFVLEVBQUU7QUFBRUosUUFBQUEsSUFBSSxFQUFFSztBQUFSLE9BZlA7O0FBZ0JMO0FBQ047QUFDQTtBQUNNQyxNQUFBQSxRQUFRLEVBQUU7QUFBRU4sUUFBQUEsSUFBSSxFQUFFQztBQUFSO0FBbkJMLEtBQVA7QUFxQkQ7O0FBRURNLEVBQUFBLFdBQVcsR0FBRztBQUNaO0FBQ0EsU0FBS1IsU0FBTCxHQUFpQixLQUFqQjtBQUNBLFNBQUtHLE1BQUwsR0FBYyxLQUFkO0FBQ0EsU0FBS0MsYUFBTCxHQUFxQixLQUFyQjtBQUNBLFNBQUtHLFFBQUwsR0FBZ0IsS0FBaEI7QUFDRDs7QUFFZ0IsYUFBTkUsTUFBTSxHQUFHO0FBQ2xCLFdBQU8sQ0FDTDtBQUNBYixJQUFBQSxHQUFHLGt3Q0FGRSxDQUFQO0FBd0VEOztBQUVEYyxFQUFBQSxNQUFNLEdBQUc7QUFDUCxXQUFPZixJQUFJLG9CQUVFLEtBQUtnQixhQUFMLENBQW1CLEtBQUtSLE1BQXhCLEVBQWdDLEtBQUtILFNBQXJDLENBRkYsYUFHRyxLQUFLWSxxQkFIUixxQkFJVyxLQUFLQyxZQUpoQixtQ0FNd0IsS0FBS0MsWUFON0IsK0NBUW1CLEtBQUtULFVBUnhCLFdBU0QsS0FBS0QsYUFBTCxHQUFxQlQsSUFBSSwwQ0FBMEMsS0FBS29CLEtBQS9DLGNBQXpCLEdBQThGLEVBVDdGLCtEQUFYO0FBaUJEOztBQUVESixFQUFBQSxhQUFhLENBQUNSLE1BQUQsRUFBU0gsU0FBVCxFQUFvQjtBQUMvQixRQUFJLENBQUNHLE1BQUQsSUFBVyxDQUFDSCxTQUFoQixFQUEyQjtBQUN6QixhQUFPLGFBQVA7QUFDRDs7QUFDRCxRQUFJRyxNQUFNLElBQUlILFNBQWQsRUFBeUI7QUFDdkIsYUFBTyxvQkFBUDtBQUNEOztBQUNELFFBQUlHLE1BQU0sSUFBSSxDQUFDSCxTQUFmLEVBQTBCO0FBQ3hCLGFBQU8sUUFBUDtBQUNEOztBQUNELFFBQUksQ0FBQ0csTUFBRCxJQUFXSCxTQUFmLEVBQTBCO0FBQ3hCLGFBQU8sb0JBQVA7QUFDRDtBQUNGOztBQUVEZ0IsRUFBQUEsSUFBSSxHQUFHO0FBQ0wsU0FBS2IsTUFBTCxHQUFjLElBQWQ7QUFDQSxTQUFLSCxTQUFMLEdBQWlCLElBQWpCO0FBQ0FpQixJQUFBQSxVQUFVLENBQUMsTUFBTTtBQUNmLFdBQUtqQixTQUFMLEdBQWlCLEtBQWpCO0FBQ0QsS0FGUyxFQUVQLEVBRk8sQ0FBVjtBQUdEOztBQUVEWSxFQUFBQSxxQkFBcUIsQ0FBQ00sQ0FBRCxFQUFJO0FBQ3ZCLFFBQUksQ0FBQyxLQUFLWCxRQUFWLEVBQW9CO0FBQ2xCLFdBQUtRLEtBQUw7QUFDQWxCLE1BQUFBLG1CQUFtQixDQUFDLElBQUQsRUFBTyxRQUFQLENBQW5CO0FBQ0Q7QUFDRjs7QUFFRGtCLEVBQUFBLEtBQUssR0FBRztBQUNOLFNBQUtaLE1BQUwsR0FBYyxLQUFkO0FBQ0EsU0FBS0gsU0FBTCxHQUFpQixJQUFqQjtBQUNBSCxJQUFBQSxtQkFBbUIsQ0FBQyxJQUFELEVBQU8sUUFBUCxDQUFuQjtBQUNEOztBQUVEZ0IsRUFBQUEsWUFBWSxHQUFHO0FBQ2IsU0FBS2IsU0FBTCxHQUFpQixLQUFqQjtBQUNEOztBQUVEYyxFQUFBQSxZQUFZLENBQUNJLENBQUQsRUFBSTtBQUNkQSxJQUFBQSxDQUFDLENBQUNDLGVBQUY7QUFDRDs7QUExS3FDO0FBNEt4Q0MsTUFBTSxDQUFDQyxjQUFQLENBQXNCQyxNQUF0QixDQUE2QixVQUE3QixFQUF5Q3hCLE9BQXpDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoQykgMjAyMSBUaGUgR3Jhdml0ZWUgdGVhbSAoaHR0cDovL2dyYXZpdGVlLmlvKVxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmltcG9ydCB7IExpdEVsZW1lbnQsIGh0bWwsIGNzcyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgJy4uL2F0b21zL2d2LWljb24nO1xuaW1wb3J0IHsgZGlzcGF0Y2hDdXN0b21FdmVudCB9IGZyb20gJy4uL2xpYi9ldmVudHMnO1xuXG4vKipcbiAqIEEgbW9kYWwgdGhhdCBzaG93cyB1cCBvbiB0b3Agb2YgeW91ciBwYWdlXG4gKlxuICogQGZpcmVzIGd2LW1vZGFsOmNsb3NlZCAtIEV2ZW50IGZpcmVkIHdoZW4gbW9kYWwgaXMgY2xvc2VkLlxuICpcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LW1vZGFsLS1hbmltLWR1cmF0aW9uPTAuM3NdIC0gRHVyYXRpb24gb2YgdGhlIGFuaW1hdGlvblxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtbW9kYWwtLXo9MTAwXSAtIHotaW5kZXggZm9yIG1vZGFsXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LW1vZGFsLS1iZ2M9cmdiYSgzMCwgMzAsIDMwLCAwLjYpXSAtIE1vZGFsIGJhY2tncm91bmQgY29sb3JcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LW1vZGFsLWNvbnRlbnQtLXo9MTAxXSAtIHotaW5kZXggZm9yIG1vZGFsIGNvbnRlbnRcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LW1vZGFsLS13PTI4MHB4XSAtIG1vZGVsIHdpZHRoXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi1tb2RhbC0tbWl3PTI1MHB4XSAtIG1vZGFsIG1pbi13aWR0aFxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtbW9kYWwtLW1hdz0xMDB2d10gLSBtb2RhbCBtYXgtd2lkdGhcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LW1vZGFsLS1oPWF1dG9dIC0gbW9kYWwgaGVpZ2h0XG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi1tb2RhbC0tbWloPWF1dG9dIC0gbW9kYWwgbWluIGhlaWdodFxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtbW9kYWwtLW1haD0xMDB2aF0gLSBtb2RhbCBtYXggaGVpZ2h0XG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LW1vZGFsLWNvbnRlbnQtLWJnYz12YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0LCAjZWZlZmVmKV0gLSBNb2RhbCBjb250ZW50IGJhY2tncm91bmQgY29sb3JcbiAqIEBjc3Nwcm9wIHtTdHJpbmd9IFstLWd2LW1vZGFsLS1ieHNoPTBweCAwcHggMTZweCAjMzgzZTNmXSAtIE1vZGFsIGJveCBzaGFkb3dcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LW1vZGFsLS1iZHJzPTRweF0gLSBNb2RhbCBib3JkZXIgcmFkaXVzXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi1tb2RhbC0tcD0xZW1dIC0gTW9kYWwgY29udGVudCBwYWRkaW5nXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi1tb2RhbC1jbG9zZS1pY29uLS1zPTI0cHhdIC0gTW9kYWwgY2xvc2UgaWNvbiBzaXplXG4gKi9cbmV4cG9ydCBjbGFzcyBHdk1vZGFsIGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHN0YXRpYyBnZXQgcHJvcGVydGllcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgX3RvQ2hhbmdlOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIC8qKlxuICAgICAgICogSWYgdHJ1ZSB0aGUgbW9kYWwgYm94IGlzIGluIG9wZW5lZCBzdGF0dXMuXG4gICAgICAgKi9cbiAgICAgIG9wZW5lZDogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgICAvKipcbiAgICAgICAqIElmIHRydWUgdGhlIG1vZGFsIGJveCBkaXNwbGF5cyBhIGNsb3NlIGljb25cbiAgICAgICAqL1xuICAgICAgc2hvd0Nsb3NlSWNvbjogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgICAvKipcbiAgICAgICAqIFRoZSB0aXRsZSBvZiB0aGUgbW9kYWwgZGlhbG9nXG4gICAgICAgKi9cbiAgICAgIC8vIOKaoO+4jyBpdCBjYW5ub3QgYmUgc2ltcGx5IG5hbWVkIGB0aXRsZWAgb3RoZXJ3aXNlIHRoZSBicm93c2VyIGNvbnNpZGVyIGl0XG4gICAgICAvLyBhcyBhIGB0aXRsZWAgcHJvcGVydHkgYW5kIHVzZSBpdCB0byBkaXNwbGF5IGEgdG9vbHRpcFxuICAgICAgbW9kYWxUaXRsZTogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIC8qKlxuICAgICAgICogSWYgdHJ1ZSB0aGUgbW9kYWwgYm94IGJsb2NrcyB0aGUgc2NyZWVuLiBUaGF0IGlzLCB3aGVuIHlvdSBjbGljayBpbiB0aGUgYmFja2dyb3VuZCBsYXllciwgdGhlIG1vZGFsIGJveCBkbyBub3QgY2xvc2UuXG4gICAgICAgKi9cbiAgICAgIGJsb2NraW5nOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICB9O1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLl90b0NoYW5nZSA9IGZhbHNlO1xuICAgIHRoaXMub3BlbmVkID0gZmFsc2U7XG4gICAgdGhpcy5zaG93Q2xvc2VJY29uID0gZmFsc2U7XG4gICAgdGhpcy5ibG9ja2luZyA9IGZhbHNlO1xuICB9XG5cbiAgc3RhdGljIGdldCBzdHlsZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIC8vIGxhbmd1YWdlPWNzc1xuICAgICAgY3NzYFxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgfVxuICAgICAgICBzZWN0aW9uIHtcbiAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgaGVpZ2h0OiAxMDB2aDtcbiAgICAgICAgICB3aWR0aDogMTAwdnc7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IHZhcigtLWd2LW1vZGFsLS1hbmltLWR1cmF0aW9uLCAwLjNzKSBlYXNlLWluO1xuICAgICAgICAgIC13ZWJraXQtdHJhbnNpdGlvbjogb3BhY2l0eSB2YXIoLS1ndi1tb2RhbC0tYW5pbS1kdXJhdGlvbiwgMC4zcykgZWFzZS1pbjtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIHotaW5kZXg6IHZhcigtLWd2LW1vZGFsLS16LCAxMDApO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWd2LW1vZGFsLS1iZ2MsIHJnYmEoMzAsIDMwLCAzMCwgMC42KSk7XG4gICAgICAgIH1cbiAgICAgICAgLmNvbnRlbnQge1xuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB6LWluZGV4OiB2YXIoLS1ndi1tb2RhbC1jb250ZW50LS16LCAxMDEpO1xuICAgICAgICAgIHdpZHRoOiB2YXIoLS1ndi1tb2RhbC0tdywgMjgwcHgpO1xuICAgICAgICAgIG1pbi13aWR0aDogdmFyKC0tZ3YtbW9kYWwtLW1pdywgMjUwcHgpO1xuICAgICAgICAgIG1heC13aWR0aDogdmFyKC0tZ3YtbW9kYWwtLW1hdywgMTAwdncpO1xuICAgICAgICAgIGhlaWdodDogdmFyKC0tZ3YtbW9kYWwtLWgsIGF1dG8pO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IHZhcigtLWd2LW1vZGFsLS1taWgsIGF1dG8pO1xuICAgICAgICAgIG1heC1oZWlnaHQ6IHZhcigtLWd2LW1vZGFsLS1tYWgsIDEwMHZoKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ndi1tb2RhbC1jb250ZW50LS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHQsICNlZmVmZWYpKTtcbiAgICAgICAgICBib3gtc2hhZG93OiB2YXIoLS1ndi1tb2RhbC0tYnhzaCwgMHB4IDBweCAxNnB4ICMzODNlM2YpO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWd2LW1vZGFsLS1iZHJzLCA0cHgpO1xuICAgICAgICAgIHBhZGRpbmc6IHZhcigtLWd2LW1vZGFsLS1wLCAxZW0pO1xuICAgICAgICB9XG4gICAgICAgIGFydGljbGUge1xuICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICAgIG1heC1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB9XG4gICAgICAgIC50cmFuc3BhcmVudCB7XG4gICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgICAgICAub3BhcXVlIHtcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXggIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgICAgICAub3BlbmVkIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgICAgLmhlYWRlciB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmctYm90dG9tOiAxMHB4O1xuICAgICAgICB9XG4gICAgICAgIC50aXRsZSB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgICAgICAgZm9udC1zaXplOiBsYXJnZTtcbiAgICAgICAgfVxuICAgICAgICBndi1pY29uIHtcbiAgICAgICAgICAtLWd2LWljb24tLXM6IHZhcigtLWd2LW1vZGFsLWNsb3NlLWljb24tLXMsIDI0cHgpO1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICB6LWluZGV4OiAxMDAyO1xuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNlY3Rpb25cbiAgICAgICAgY2xhc3M9XCIke3RoaXMuZ2V0TW9kYWxDbGFzcyh0aGlzLm9wZW5lZCwgdGhpcy5fdG9DaGFuZ2UpfVwiXG4gICAgICAgIEBjbGljaz1cIiR7dGhpcy5fYmFja2dyb3VuZE1vZGFsQ2xpY2t9XCJcbiAgICAgICAgQHRyYW5zaXRpb25lbmQ9XCIke3RoaXMuYW5pbWF0aW9uRW5kfVwiXG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCIgQGNsaWNrPVwiJHt0aGlzLmNvbnRlbnRDbGlja31cIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRpdGxlXCI+JHt0aGlzLm1vZGFsVGl0bGV9PC9zcGFuPlxuICAgICAgICAgICAgJHt0aGlzLnNob3dDbG9zZUljb24gPyBodG1sYDxndi1pY29uIHNoYXBlPVwiZ2VuZXJhbDpjbG9zZVwiIEBjbGljaz1cIiR7dGhpcy5jbG9zZX1cIj48L2d2LWljb24+YCA6ICcnfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxhcnRpY2xlPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvYXJ0aWNsZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L3NlY3Rpb24+XG4gICAgYDtcbiAgfVxuXG4gIGdldE1vZGFsQ2xhc3Mob3BlbmVkLCBfdG9DaGFuZ2UpIHtcbiAgICBpZiAoIW9wZW5lZCAmJiAhX3RvQ2hhbmdlKSB7XG4gICAgICByZXR1cm4gJ3RyYW5zcGFyZW50JztcbiAgICB9XG4gICAgaWYgKG9wZW5lZCAmJiBfdG9DaGFuZ2UpIHtcbiAgICAgIHJldHVybiAndHJhbnNwYXJlbnQgb3BlbmVkJztcbiAgICB9XG4gICAgaWYgKG9wZW5lZCAmJiAhX3RvQ2hhbmdlKSB7XG4gICAgICByZXR1cm4gJ29wYXF1ZSc7XG4gICAgfVxuICAgIGlmICghb3BlbmVkICYmIF90b0NoYW5nZSkge1xuICAgICAgcmV0dXJuICd0cmFuc3BhcmVudCBvcGVuZWQnO1xuICAgIH1cbiAgfVxuXG4gIG9wZW4oKSB7XG4gICAgdGhpcy5vcGVuZWQgPSB0cnVlO1xuICAgIHRoaXMuX3RvQ2hhbmdlID0gdHJ1ZTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuX3RvQ2hhbmdlID0gZmFsc2U7XG4gICAgfSwgNTApO1xuICB9XG5cbiAgX2JhY2tncm91bmRNb2RhbENsaWNrKGUpIHtcbiAgICBpZiAoIXRoaXMuYmxvY2tpbmcpIHtcbiAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2Nsb3NlZCcpO1xuICAgIH1cbiAgfVxuXG4gIGNsb3NlKCkge1xuICAgIHRoaXMub3BlbmVkID0gZmFsc2U7XG4gICAgdGhpcy5fdG9DaGFuZ2UgPSB0cnVlO1xuICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2Nsb3NlZCcpO1xuICB9XG5cbiAgYW5pbWF0aW9uRW5kKCkge1xuICAgIHRoaXMuX3RvQ2hhbmdlID0gZmFsc2U7XG4gIH1cblxuICBjb250ZW50Q2xpY2soZSkge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH1cbn1cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LW1vZGFsJywgR3ZNb2RhbCk7XG4iXX0=
@@ -20,6 +20,7 @@ import { until } from 'lit/directives/until';
20
20
  import { isSameRoutes } from '../lib/utils';
21
21
  import { dispatchCustomEvent } from '../lib/events';
22
22
  import { classMap } from 'lit/directives/class-map';
23
+
23
24
  /**
24
25
  * A main nav
25
26
  *
@@ -30,52 +31,65 @@ import { classMap } from 'lit/directives/class-map';
30
31
  *
31
32
  * @attr {Array<{active: Boolean, icon: String, path: String, title: Promise<String>, target: String}>} routes - definition of routes
32
33
  */
33
-
34
34
  export class GvNav extends LitElement {
35
35
  static get properties() {
36
36
  return {
37
- routes: {
38
- type: Array
39
- },
40
- _routes: {
41
- type: Array
42
- },
43
- small: {
44
- type: Boolean
45
- },
46
- _compact: {
47
- type: Boolean,
48
- attribute: false
49
- },
50
- vertical: {
51
- type: Boolean,
52
- reflect: true
53
- }
37
+ routes: { type: Array },
38
+ _routes: { type: Array },
39
+ small: { type: Boolean },
40
+ _compact: { type: Boolean, attribute: false },
41
+ vertical: { type: Boolean, reflect: true },
54
42
  };
55
43
  }
56
44
 
57
45
  static get styles() {
58
- return [// language=CSS
59
- css`nav{position:relative;transition:all 150ms ease-in-out}gv-link{--gv-link--ta:end}.vertical{display:flex;flex-direction:column}.vertical gv-link{width:100%}.compact{--gv-link-a--ph:10px}#shadowLink{position:absolute;display:inline-flex;opacity:.5;top:0;left:0;transition:transform 250ms ease-in-out,width 250ms}`];
46
+ return [
47
+ // language=CSS
48
+ css`
49
+ nav {
50
+ position: relative;
51
+ transition: all 150ms ease-in-out;
52
+ }
53
+
54
+ gv-link {
55
+ --gv-link--ta: end;
56
+ }
57
+
58
+ .vertical {
59
+ display: flex;
60
+ flex-direction: column;
61
+ }
62
+
63
+ .vertical gv-link {
64
+ width: 100%;
65
+ }
66
+
67
+ .compact {
68
+ --gv-link-a--ph: 10px;
69
+ }
70
+
71
+ #shadowLink {
72
+ position: absolute;
73
+ display: inline-flex;
74
+ opacity: 0.5;
75
+ top: 0;
76
+ left: 0;
77
+ transition: transform 250ms ease-in-out, width 250ms;
78
+ }
79
+ `,
80
+ ];
60
81
  }
61
82
 
62
83
  _onClick(event) {
63
84
  event.stopPropagation();
64
- const {
65
- detail
66
- } = event;
67
- const {
68
- title,
69
- target
70
- } = detail;
71
-
85
+ const { detail } = event;
86
+ const { title, target } = detail;
72
87
  if (target === '_blank') {
73
88
  dispatchCustomEvent(this, 'click', detail);
74
89
  } else {
75
90
  if (!this._isLocked) {
76
91
  this._isLocked = true;
77
92
  let nextIndex = 0;
78
-
79
93
  this._routes.forEach((route, index) => {
80
94
  if (route.title === title) {
81
95
  route.active = true;
@@ -83,30 +97,30 @@ export class GvNav extends LitElement {
83
97
  } else {
84
98
  delete route.active;
85
99
  }
86
-
87
100
  return route;
88
101
  });
89
102
 
90
103
  const activeLink = this.shadowRoot.querySelector('gv-link[active]');
91
104
  const nextLink = this.shadowRoot.querySelectorAll('gv-link')[nextIndex];
92
-
93
105
  if (activeLink) {
94
106
  const shadowLink = activeLink.cloneNode(true);
95
- const {
96
- height,
97
- width
98
- } = activeLink.getBoundingClientRect();
107
+ const { height, width } = activeLink.getBoundingClientRect();
108
+
99
109
  shadowLink.id = 'shadowLink';
100
110
  shadowLink.style.top = `${activeLink.offsetTop}px`;
101
111
  shadowLink.style.left = `${activeLink.offsetLeft}px`;
102
112
  shadowLink.style.width = `${width}px`;
103
113
  shadowLink.style.height = `${height}px`;
114
+
104
115
  activeLink.removeAttribute('active');
105
116
  activeLink.style.height = `${height}px`;
117
+
106
118
  this.shadowRoot.querySelector('nav').prepend(shadowLink);
107
119
  const left = nextLink.offsetLeft - activeLink.offsetLeft;
108
120
  const top = nextLink.offsetTop - activeLink.offsetTop;
121
+
109
122
  shadowLink.style.transform = `translate(${left}px,${top}px)`;
123
+
110
124
  setTimeout(() => {
111
125
  nextLink.setAttribute('active', true);
112
126
  this.shadowRoot.querySelector('nav').removeChild(shadowLink);
@@ -125,14 +139,13 @@ export class GvNav extends LitElement {
125
139
  constructor() {
126
140
  super();
127
141
  /** @protected */
128
-
129
142
  this._routes = [];
130
143
  this.vertical = false;
131
144
  }
132
145
 
133
146
  set routes(routes) {
134
147
  if (routes) {
135
- Promise.resolve(routes).then(_routes => {
148
+ Promise.resolve(routes).then((_routes) => {
136
149
  if (!isSameRoutes(this._routes, _routes)) {
137
150
  this._routes = _routes;
138
151
  }
@@ -141,11 +154,23 @@ export class GvNav extends LitElement {
141
154
  }
142
155
 
143
156
  _getLink(route, index) {
144
- return Promise.resolve(route).then(_route => {
145
- return html` <gv-link @gv-link:click="${this._onClick}" .active="${_route.active}" .icon="${_route.icon}" .path="${_route.path}" .target="${_route.target}" ?small="${this.small}" .title="${_route.title}" .help="${until(_route.help, null)}" ?vertical="${this.vertical}"></gv-link>`;
146
- }).catch(() => {
147
- delete this._routes[index];
148
- });
157
+ return Promise.resolve(route)
158
+ .then((_route) => {
159
+ return html` <gv-link
160
+ @gv-link:click=${this._onClick}
161
+ .active="${_route.active}"
162
+ .icon="${_route.icon}"
163
+ .path="${_route.path}"
164
+ .target="${_route.target}"
165
+ ?small="${this.small}"
166
+ .title="${_route.title}"
167
+ .help="${until(_route.help, null)}"
168
+ ?vertical="${this.vertical}"
169
+ ></gv-link>`;
170
+ })
171
+ .catch(() => {
172
+ delete this._routes[index];
173
+ });
149
174
  }
150
175
 
151
176
  updated(_changedProperties) {
@@ -156,15 +181,16 @@ export class GvNav extends LitElement {
156
181
 
157
182
  render() {
158
183
  if (this._routes) {
159
- return html`<nav class="${classMap({
160
- compact: this._compact,
161
- vertical: this.vertical
162
- })}"> ${repeat(this._routes, route => route, (route, index) => until(this._getLink(route, index), html`<gv-link skeleton .vertical="${this.vertical}"></gv-link>`))} </nav>`;
184
+ return html`<nav class="${classMap({ compact: this._compact, vertical: this.vertical })}">
185
+ ${repeat(
186
+ this._routes,
187
+ (route) => route,
188
+ (route, index) => until(this._getLink(route, index), html`<gv-link skeleton .vertical="${this.vertical}"></gv-link>`),
189
+ )}
190
+ </nav>`;
163
191
  }
164
-
165
192
  return html``;
166
193
  }
167
-
168
194
  }
195
+
169
196
  window.customElements.define('gv-nav', GvNav);
170
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21vbGVjdWxlcy9ndi1uYXYuanMiXSwibmFtZXMiOlsiTGl0RWxlbWVudCIsImh0bWwiLCJjc3MiLCJyZXBlYXQiLCJ1bnRpbCIsImlzU2FtZVJvdXRlcyIsImRpc3BhdGNoQ3VzdG9tRXZlbnQiLCJjbGFzc01hcCIsIkd2TmF2IiwicHJvcGVydGllcyIsInJvdXRlcyIsInR5cGUiLCJBcnJheSIsIl9yb3V0ZXMiLCJzbWFsbCIsIkJvb2xlYW4iLCJfY29tcGFjdCIsImF0dHJpYnV0ZSIsInZlcnRpY2FsIiwicmVmbGVjdCIsInN0eWxlcyIsIl9vbkNsaWNrIiwiZXZlbnQiLCJzdG9wUHJvcGFnYXRpb24iLCJkZXRhaWwiLCJ0aXRsZSIsInRhcmdldCIsIl9pc0xvY2tlZCIsIm5leHRJbmRleCIsImZvckVhY2giLCJyb3V0ZSIsImluZGV4IiwiYWN0aXZlIiwiYWN0aXZlTGluayIsInNoYWRvd1Jvb3QiLCJxdWVyeVNlbGVjdG9yIiwibmV4dExpbmsiLCJxdWVyeVNlbGVjdG9yQWxsIiwic2hhZG93TGluayIsImNsb25lTm9kZSIsImhlaWdodCIsIndpZHRoIiwiZ2V0Qm91bmRpbmdDbGllbnRSZWN0IiwiaWQiLCJzdHlsZSIsInRvcCIsIm9mZnNldFRvcCIsImxlZnQiLCJvZmZzZXRMZWZ0IiwicmVtb3ZlQXR0cmlidXRlIiwicHJlcGVuZCIsInRyYW5zZm9ybSIsInNldFRpbWVvdXQiLCJzZXRBdHRyaWJ1dGUiLCJyZW1vdmVDaGlsZCIsImNvbnN0cnVjdG9yIiwiUHJvbWlzZSIsInJlc29sdmUiLCJ0aGVuIiwiX2dldExpbmsiLCJfcm91dGUiLCJpY29uIiwicGF0aCIsImhlbHAiLCJjYXRjaCIsInVwZGF0ZWQiLCJfY2hhbmdlZFByb3BlcnRpZXMiLCJoYXMiLCJsZW5ndGgiLCJyZW5kZXIiLCJjb21wYWN0Iiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFw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Q0FjRSxNQUFNO0FBQ1gsYUFBTyxLQUFLbkQsT0FBTCxDQUFha0IsS0FBYixDQUFQO0FBQ0QsS0FoQkksQ0FBUDtBQWlCRDs7QUFFRGtDLEVBQUFBLE9BQU8sQ0FBQ0Msa0JBQUQsRUFBcUI7QUFDMUIsUUFBSUEsa0JBQWtCLENBQUNDLEdBQW5CLENBQXVCLFNBQXZCLENBQUosRUFBdUM7QUFDckMsV0FBS25ELFFBQUwsR0FBZ0IsS0FBS0gsT0FBTCxJQUFnQixLQUFLQSxPQUFMLENBQWF1RCxNQUFiLEdBQXNCLENBQXREO0FBQ0Q7QUFDRjs7QUFFREMsRUFBQUEsTUFBTSxHQUFHO0FBQ1AsUUFBSSxLQUFLeEQsT0FBVCxFQUFrQjtBQUNoQixhQUFPWixJQUFJLGVBQWVNLFFBQVEsQ0FBQztBQUFFK0QsUUFBQUEsT0FBTyxFQUFFLEtBQUt0RCxRQUFoQjtBQUEwQkUsUUFBQUEsUUFBUSxFQUFFLEtBQUtBO0FBQXpDLE9BQUQsQ0FBdkIsTUFDUGYsTUFBTSxDQUNOLEtBQUtVLE9BREMsRUFFTGlCLEtBQUQsSUFBV0EsS0FGTCxFQUdOLENBQUNBLEtBQUQsRUFBUUMsS0FBUixLQUFrQjNCLEtBQUssQ0FBQyxLQUFLdUQsUUFBTCxDQUFjN0IsS0FBZCxFQUFxQkMsS0FBckIsQ0FBRCxFQUE4QjlCLElBQUksZ0NBQWdDLEtBQUtpQixRQUFyQyxjQUFsQyxDQUhqQixDQURDLFNBQVg7QUFPRDs7QUFDRCxXQUFPakIsSUFBSSxFQUFYO0FBQ0Q7O0FBL0ptQztBQWtLdENzRSxNQUFNLENBQUNDLGNBQVAsQ0FBc0JDLE1BQXRCLENBQTZCLFFBQTdCLEVBQXVDakUsS0FBdkMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgTGl0RWxlbWVudCwgaHRtbCwgY3NzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHJlcGVhdCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlcGVhdCc7XG5pbXBvcnQgJy4uL2F0b21zL2d2LWxpbmsnO1xuaW1wb3J0IHsgdW50aWwgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy91bnRpbCc7XG5pbXBvcnQgeyBpc1NhbWVSb3V0ZXMgfSBmcm9tICcuLi9saWIvdXRpbHMnO1xuaW1wb3J0IHsgZGlzcGF0Y2hDdXN0b21FdmVudCB9IGZyb20gJy4uL2xpYi9ldmVudHMnO1xuaW1wb3J0IHsgY2xhc3NNYXAgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9jbGFzcy1tYXAnO1xuXG4vKipcbiAqIEEgbWFpbiBuYXZcbiAqXG4gKiAjIyBEZXRhaWxzXG4gKiAqIGhhcyBAdGhlbWUgZmFjZXRcbiAqXG4gKiBAZmlyZXMgZ3YtbmF2OmNsaWNrIC0gQ3VzdG9tIGV2ZW50IHdoZW4gbmF2IGl0ZW0gaXMgY2xpY2tlZFxuICpcbiAqIEBhdHRyIHtBcnJheTx7YWN0aXZlOiBCb29sZWFuLCBpY29uOiBTdHJpbmcsIHBhdGg6IFN0cmluZywgdGl0bGU6IFByb21pc2U8U3RyaW5nPiwgdGFyZ2V0OiBTdHJpbmd9Pn0gcm91dGVzIC0gZGVmaW5pdGlvbiBvZiByb3V0ZXNcbiAqL1xuZXhwb3J0IGNsYXNzIEd2TmF2IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHN0YXRpYyBnZXQgcHJvcGVydGllcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgcm91dGVzOiB7IHR5cGU6IEFycmF5IH0sXG4gICAgICBfcm91dGVzOiB7IHR5cGU6IEFycmF5IH0sXG4gICAgICBzbWFsbDogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgICBfY29tcGFjdDogeyB0eXBlOiBCb29sZWFuLCBhdHRyaWJ1dGU6IGZhbHNlIH0sXG4gICAgICB2ZXJ0aWNhbDogeyB0eXBlOiBCb29sZWFuLCByZWZsZWN0OiB0cnVlIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICAvLyBsYW5ndWFnZT1DU1NcbiAgICAgIGNzc2BcbiAgICAgICAgbmF2IHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDE1MG1zIGVhc2UtaW4tb3V0O1xuICAgICAgICB9XG5cbiAgICAgICAgZ3YtbGluayB7XG4gICAgICAgICAgLS1ndi1saW5rLS10YTogZW5kO1xuICAgICAgICB9XG5cbiAgICAgICAgLnZlcnRpY2FsIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cblxuICAgICAgICAudmVydGljYWwgZ3YtbGluayB7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAuY29tcGFjdCB7XG4gICAgICAgICAgLS1ndi1saW5rLWEtLXBoOiAxMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgI3NoYWRvd0xpbmsge1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDI1MG1zIGVhc2UtaW4tb3V0LCB3aWR0aCAyNTBtcztcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdO1xuICB9XG5cbiAgX29uQ2xpY2soZXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBjb25zdCB7IGRldGFpbCB9ID0gZXZlbnQ7XG4gICAgY29uc3QgeyB0aXRsZSwgdGFyZ2V0IH0gPSBkZXRhaWw7XG4gICAgaWYgKHRhcmdldCA9PT0gJ19ibGFuaycpIHtcbiAgICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2NsaWNrJywgZGV0YWlsKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKCF0aGlzLl9pc0xvY2tlZCkge1xuICAgICAgICB0aGlzLl9pc0xvY2tlZCA9IHRydWU7XG4gICAgICAgIGxldCBuZXh0SW5kZXggPSAwO1xuICAgICAgICB0aGlzLl9yb3V0ZXMuZm9yRWFjaCgocm91dGUsIGluZGV4KSA9PiB7XG4gICAgICAgICAgaWYgKHJvdXRlLnRpdGxlID09PSB0aXRsZSkge1xuICAgICAgICAgICAgcm91dGUuYWN0aXZlID0gdHJ1ZTtcbiAgICAgICAgICAgIG5leHRJbmRleCA9IGluZGV4O1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBkZWxldGUgcm91dGUuYWN0aXZlO1xuICAgICAgICAgIH1cbiAgICAgICAgICByZXR1cm4gcm91dGU7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIGNvbnN0IGFjdGl2ZUxpbmsgPSB0aGlzLnNoYWRvd1Jvb3QucXVlcnlTZWxlY3RvcignZ3YtbGlua1thY3RpdmVdJyk7XG4gICAgICAgIGNvbnN0IG5leHRMaW5rID0gdGhpcy5zaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3JBbGwoJ2d2LWxpbmsnKVtuZXh0SW5kZXhdO1xuICAgICAgICBpZiAoYWN0aXZlTGluaykge1xuICAgICAgICAgIGNvbnN0IHNoYWRvd0xpbmsgPSBhY3RpdmVMaW5rLmNsb25lTm9kZSh0cnVlKTtcbiAgICAgICAgICBjb25zdCB7IGhlaWdodCwgd2lkdGggfSA9IGFjdGl2ZUxpbmsuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICAgICAgICBzaGFkb3dMaW5rLmlkID0gJ3NoYWRvd0xpbmsnO1xuICAgICAgICAgIHNoYWRvd0xpbmsuc3R5bGUudG9wID0gYCR7YWN0aXZlTGluay5vZmZzZXRUb3B9cHhgO1xuICAgICAgICAgIHNoYWRvd0xpbmsuc3R5bGUubGVmdCA9IGAke2FjdGl2ZUxpbmsub2Zmc2V0TGVmdH1weGA7XG4gICAgICAgICAgc2hhZG93TGluay5zdHlsZS53aWR0aCA9IGAke3dpZHRofXB4YDtcbiAgICAgICAgICBzaGFkb3dMaW5rLnN0eWxlLmhlaWdodCA9IGAke2hlaWdodH1weGA7XG5cbiAgICAgICAgICBhY3RpdmVMaW5rLnJlbW92ZUF0dHJpYnV0ZSgnYWN0aXZlJyk7XG4gICAgICAgICAgYWN0aXZlTGluay5zdHlsZS5oZWlnaHQgPSBgJHtoZWlnaHR9cHhgO1xuXG4gICAgICAgICAgdGhpcy5zaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3IoJ25hdicpLnByZXBlbmQoc2hhZG93TGluayk7XG4gICAgICAgICAgY29uc3QgbGVmdCA9IG5leHRMaW5rLm9mZnNldExlZnQgLSBhY3RpdmVMaW5rLm9mZnNldExlZnQ7XG4gICAgICAgICAgY29uc3QgdG9wID0gbmV4dExpbmsub2Zmc2V0VG9wIC0gYWN0aXZlTGluay5vZmZzZXRUb3A7XG5cbiAgICAgICAgICBzaGFkb3dMaW5rLnN0eWxlLnRyYW5zZm9ybSA9IGB0cmFuc2xhdGUoJHtsZWZ0fXB4LCR7dG9wfXB4KWA7XG5cbiAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIG5leHRMaW5rLnNldEF0dHJpYnV0ZSgnYWN0aXZlJywgdHJ1ZSk7XG4gICAgICAgICAgICB0aGlzLnNoYWRvd1Jvb3QucXVlcnlTZWxlY3RvcignbmF2JykucmVtb3ZlQ2hpbGQoc2hhZG93TGluayk7XG4gICAgICAgICAgICB0aGlzLl9pc0xvY2tlZCA9IGZhbHNlO1xuICAgICAgICAgICAgZGlzcGF0Y2hDdXN0b21FdmVudCh0aGlzLCAnY2xpY2snLCBkZXRhaWwpO1xuICAgICAgICAgIH0sIDI1MCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgbmV4dExpbmsuc2V0QXR0cmlidXRlKCdhY3RpdmUnLCB0cnVlKTtcbiAgICAgICAgICB0aGlzLl9pc0xvY2tlZCA9IGZhbHNlO1xuICAgICAgICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2NsaWNrJywgZGV0YWlsKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgLyoqIEBwcm90ZWN0ZWQgKi9cbiAgICB0aGlzLl9yb3V0ZXMgPSBbXTtcbiAgICB0aGlzLnZlcnRpY2FsID0gZmFsc2U7XG4gIH1cblxuICBzZXQgcm91dGVzKHJvdXRlcykge1xuICAgIGlmIChyb3V0ZXMpIHtcbiAgICAgIFByb21pc2UucmVzb2x2ZShyb3V0ZXMpLnRoZW4oKF9yb3V0ZXMpID0+IHtcbiAgICAgICAgaWYgKCFpc1NhbWVSb3V0ZXModGhpcy5fcm91dGVzLCBfcm91dGVzKSkge1xuICAgICAgICAgIHRoaXMuX3JvdXRlcyA9IF9yb3V0ZXM7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIF9nZXRMaW5rKHJvdXRlLCBpbmRleCkge1xuICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUocm91dGUpXG4gICAgICAudGhlbigoX3JvdXRlKSA9PiB7XG4gICAgICAgIHJldHVybiBodG1sYCA8Z3YtbGlua1xuICAgICAgICAgIEBndi1saW5rOmNsaWNrPSR7dGhpcy5fb25DbGlja31cbiAgICAgICAgICAuYWN0aXZlPVwiJHtfcm91dGUuYWN0aXZlfVwiXG4gICAgICAgICAgLmljb249XCIke19yb3V0ZS5pY29ufVwiXG4gICAgICAgICAgLnBhdGg9XCIke19yb3V0ZS5wYXRofVwiXG4gICAgICAgICAgLnRhcmdldD1cIiR7X3JvdXRlLnRhcmdldH1cIlxuICAgICAgICAgID9zbWFsbD1cIiR7dGhpcy5zbWFsbH1cIlxuICAgICAgICAgIC50aXRsZT1cIiR7X3JvdXRlLnRpdGxlfVwiXG4gICAgICAgICAgLmhlbHA9XCIke3VudGlsKF9yb3V0ZS5oZWxwLCBudWxsKX1cIlxuICAgICAgICAgID92ZXJ0aWNhbD1cIiR7dGhpcy52ZXJ0aWNhbH1cIlxuICAgICAgICA+PC9ndi1saW5rPmA7XG4gICAgICB9KVxuICAgICAgLmNhdGNoKCgpID0+IHtcbiAgICAgICAgZGVsZXRlIHRoaXMuX3JvdXRlc1tpbmRleF07XG4gICAgICB9KTtcbiAgfVxuXG4gIHVwZGF0ZWQoX2NoYW5nZWRQcm9wZXJ0aWVzKSB7XG4gICAgaWYgKF9jaGFuZ2VkUHJvcGVydGllcy5oYXMoJ19yb3V0ZXMnKSkge1xuICAgICAgdGhpcy5fY29tcGFjdCA9IHRoaXMuX3JvdXRlcyAmJiB0aGlzLl9yb3V0ZXMubGVuZ3RoID4gNTtcbiAgICB9XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgaWYgKHRoaXMuX3JvdXRlcykge1xuICAgICAgcmV0dXJuIGh0bWxgPG5hdiBjbGFzcz1cIiR7Y2xhc3NNYXAoeyBjb21wYWN0OiB0aGlzLl9jb21wYWN0LCB2ZXJ0aWNhbDogdGhpcy52ZXJ0aWNhbCB9KX1cIj5cbiAgICAgICAgJHtyZXBlYXQoXG4gICAgICAgICAgdGhpcy5fcm91dGVzLFxuICAgICAgICAgIChyb3V0ZSkgPT4gcm91dGUsXG4gICAgICAgICAgKHJvdXRlLCBpbmRleCkgPT4gdW50aWwodGhpcy5fZ2V0TGluayhyb3V0ZSwgaW5kZXgpLCBodG1sYDxndi1saW5rIHNrZWxldG9uIC52ZXJ0aWNhbD1cIiR7dGhpcy52ZXJ0aWNhbH1cIj48L2d2LWxpbms+YCksXG4gICAgICAgICl9XG4gICAgICA8L25hdj5gO1xuICAgIH1cbiAgICByZXR1cm4gaHRtbGBgO1xuICB9XG59XG5cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LW5hdicsIEd2TmF2KTtcbiJdfQ==