@gravitee/ui-components 3.24.5-renovate-github-markdown-css-5-x-6cd8067 → 3.25.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/assets/css/github-markdown-css/github-markdown.css +545 -500
  2. package/assets/i18n/en.json +3 -0
  3. package/assets/i18n/fr.json +3 -0
  4. package/assets/icons/design.svg +1 -1
  5. package/package.json +2 -9
  6. package/src/atoms/gv-autocomplete.js +132 -156
  7. package/src/atoms/gv-button.js +73 -248
  8. package/src/atoms/gv-checkbox.js +45 -103
  9. package/src/atoms/gv-date-picker-calendar.js +312 -393
  10. package/src/atoms/gv-date-picker-cell.js +57 -81
  11. package/src/atoms/gv-date-picker.js +180 -319
  12. package/src/atoms/gv-file-upload.js +85 -195
  13. package/src/atoms/gv-icon.js +13 -34
  14. package/src/atoms/gv-image.js +31 -66
  15. package/src/atoms/gv-input-message.js +12 -37
  16. package/src/atoms/gv-input.js +117 -148
  17. package/src/atoms/gv-link.js +47 -125
  18. package/src/atoms/gv-message.js +18 -69
  19. package/src/atoms/gv-metric.js +19 -68
  20. package/src/atoms/gv-relative-time.js +67 -38
  21. package/src/atoms/gv-select-native.js +96 -215
  22. package/src/atoms/gv-select.js +110 -230
  23. package/src/atoms/gv-spinner.js +5 -26
  24. package/src/atoms/gv-state.js +25 -66
  25. package/src/atoms/gv-switch.js +40 -160
  26. package/src/atoms/gv-tag.js +26 -78
  27. package/src/atoms/gv-text.js +22 -83
  28. package/src/charts/gv-chart-bar.js +22 -18
  29. package/src/charts/gv-chart-gauge.js +28 -31
  30. package/src/charts/gv-chart-histogram.js +18 -10
  31. package/src/charts/gv-chart-line.js +70 -59
  32. package/src/charts/gv-chart-map.js +44 -42
  33. package/src/charts/gv-chart-pie.js +18 -14
  34. package/src/index.js +1 -0
  35. package/src/lib/cron-expression.js +40 -35
  36. package/src/lib/date.js +10 -1
  37. package/src/lib/events.js +3 -1
  38. package/src/lib/http-client-schema-form.js +13 -12
  39. package/src/lib/http.js +57 -56
  40. package/src/lib/i18n.js +30 -22
  41. package/src/lib/item.js +13 -12
  42. package/src/lib/properties.js +77 -42
  43. package/src/lib/schema-form.js +4 -5
  44. package/src/lib/studio.js +13 -60
  45. package/src/lib/style.js +8 -8
  46. package/src/lib/text-format.js +14 -7
  47. package/src/lib/theme.js +8 -5
  48. package/src/lib/utils.js +17 -18
  49. package/src/mixins/chart-element.js +31 -54
  50. package/src/mixins/input-element.js +60 -47
  51. package/src/mixins/item-resource.js +34 -32
  52. package/src/mixins/keyboard-element.js +6 -5
  53. package/src/mixins/update-after-browser.js +4 -1
  54. package/src/mixins/with-resize-observer.js +23 -13
  55. package/src/mixins/with-skeleton-attribute.js +54 -48
  56. package/src/molecules/gv-card-full.js +26 -147
  57. package/src/molecules/gv-card-list.js +13 -42
  58. package/src/molecules/gv-card.js +17 -91
  59. package/src/molecules/gv-category-list.js +6 -17
  60. package/src/molecules/gv-category.js +23 -103
  61. package/src/molecules/gv-code.js +81 -143
  62. package/src/molecules/gv-confirm.js +41 -71
  63. package/src/molecules/gv-cron-editor.js +143 -389
  64. package/src/molecules/gv-dropdown-menu.js +14 -46
  65. package/src/molecules/gv-expandable.js +31 -59
  66. package/src/molecules/gv-expression-language.js +176 -138
  67. package/src/molecules/gv-identity-picture.js +42 -65
  68. package/src/molecules/gv-list.js +42 -134
  69. package/src/molecules/gv-metrics.js +37 -49
  70. package/src/molecules/gv-modal.js +28 -95
  71. package/src/molecules/gv-nav.js +49 -75
  72. package/src/molecules/gv-option.js +57 -130
  73. package/src/molecules/gv-plans.js +86 -209
  74. package/src/molecules/gv-popover.js +57 -177
  75. package/src/molecules/gv-promote.js +28 -146
  76. package/src/molecules/gv-rating-list.js +69 -195
  77. package/src/molecules/gv-rating.js +52 -105
  78. package/src/molecules/gv-row-expandable.js +5 -11
  79. package/src/molecules/gv-row.js +21 -147
  80. package/src/molecules/gv-stats.js +23 -48
  81. package/src/molecules/gv-stepper.js +43 -187
  82. package/src/molecules/gv-table.js +199 -309
  83. package/src/molecules/gv-tree.js +33 -156
  84. package/src/organisms/gv-documentation.js +45 -128
  85. package/src/organisms/gv-header.js +37 -195
  86. package/src/organisms/gv-http-client.js +32 -168
  87. package/src/organisms/gv-menu.js +37 -158
  88. package/src/organisms/gv-newsletter-subscription.js +48 -189
  89. package/src/organisms/gv-pagination.js +49 -77
  90. package/src/organisms/gv-properties.js +271 -492
  91. package/src/organisms/gv-resizable-views.js +41 -259
  92. package/src/organisms/gv-resources.js +168 -275
  93. package/src/organisms/gv-schema-form-array.js +49 -159
  94. package/src/organisms/gv-schema-form-control-object.js +59 -73
  95. package/src/organisms/gv-schema-form-control.js +107 -134
  96. package/src/organisms/gv-schema-form.js +219 -280
  97. package/src/organisms/gv-tabs.js +66 -98
  98. package/src/organisms/gv-user-menu.js +36 -201
  99. package/src/organisms/gv-vertical-menu.js +20 -61
  100. package/src/policy-studio/gv-flow-step.js +106 -245
  101. package/src/policy-studio/gv-flow.js +125 -304
  102. package/src/policy-studio/gv-policy-studio-menu.js +157 -471
  103. package/src/policy-studio/gv-policy-studio.js +714 -760
  104. package/src/styles/empty.js +3 -20
  105. package/src/styles/input.js +3 -247
  106. package/src/styles/link.js +3 -16
  107. package/src/styles/shapes.js +1 -0
  108. package/src/styles/skeleton.js +3 -37
  109. package/src/styles/zoom.js +3 -24
  110. package/src/theme/gv-theme.js +21 -60
  111. package/CHANGELOG.md +0 -1260
  112. package/LICENSE.txt +0 -202
  113. package/README.md +0 -195
  114. package/src/.eslintrc.js +0 -19
  115. package/src/theme/definition.json +0 -1762
@@ -16,7 +16,6 @@
16
16
  import { classMap } from 'lit/directives/class-map';
17
17
  import { LitElement, html, css } from 'lit';
18
18
  import { skeleton } from '../styles/skeleton';
19
-
20
19
  /**
21
20
  * A State
22
21
  *
@@ -43,70 +42,34 @@ import { skeleton } from '../styles/skeleton';
43
42
  * @cssprop {Color} [--gv-state-major--bgc=var(--gv-theme-color-light, #d5fdcb)] - Major background color
44
43
  * @cssprop {Color} [--gv-state-major--c=var(--gv-theme-color, #009b5b)] - Major color
45
44
  */
45
+
46
46
  export class GvState extends LitElement {
47
47
  static get properties() {
48
48
  return {
49
- default: { type: Boolean },
50
- error: { type: Boolean },
51
- major: { type: Boolean },
52
- skeleton: { type: Boolean },
53
- success: { type: Boolean },
54
- warn: { type: Boolean },
49
+ default: {
50
+ type: Boolean
51
+ },
52
+ error: {
53
+ type: Boolean
54
+ },
55
+ major: {
56
+ type: Boolean
57
+ },
58
+ skeleton: {
59
+ type: Boolean
60
+ },
61
+ success: {
62
+ type: Boolean
63
+ },
64
+ warn: {
65
+ type: Boolean
66
+ }
55
67
  };
56
68
  }
57
69
 
58
70
  static get styles() {
59
- return [
60
- skeleton,
61
- // language=CSS
62
- css`
63
- :host {
64
- box-sizing: border-box;
65
- display: inline-block;
66
- margin: 0.2rem;
67
- vertical-align: middle;
68
- }
69
-
70
- div.default {
71
- --bgc: var(--gv-state--bgc, #f0f5ff);
72
- --c: var(--gv-state--c, #597ef7);
73
- }
74
-
75
- div.error {
76
- --bgc: var(--gv-theme-color-error-light, #e57373);
77
- --c: var(--gv-theme-neutral-color-lightest, #ffffff);
78
- }
79
-
80
- div.major {
81
- --bgc: var(--gv-state-major--bgc, var(--gv-theme-color-light, #d5fdcb));
82
- --c: var(--gv-state-major--c, var(--gv-theme-color, #009b5b));
83
- }
84
-
85
- div.success {
86
- --bgc: var(--gv-theme-color-success-light, #81c784);
87
- --c: var(--gv-theme-neutral-color-lightest, #ffffff);
88
- }
89
-
90
- div.warn {
91
- --bgc: var(--gv-theme-color-warning-light, #ffb74d);
92
- --c: var(--gv-theme-neutral-color-lightest, #ffffff);
93
- }
94
-
95
- div {
96
- background-color: var(--bgc);
97
- border-radius: var(--gv-state--bdr, 17px);
98
- color: var(--c);
99
-
100
- --fz: var(--gv-state--fz, var(--gv-theme-font-size-s, 12px));
101
- font-size: var(--fz);
102
-
103
- font-weight: var(--gv-state--fw, bold);
104
- text-transform: var(--gv-state--tt, uppercase);
105
- line-height: var(--fz);
106
- padding: var(--gv-state--p, 4px 8px);
107
- }
108
- `,
109
- ];
71
+ return [skeleton, // language=CSS
72
+ css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle}div.default{--bgc:var(--gv-state--bgc, #f0f5ff);--c:var(--gv-state--c, #597ef7)}div.error{--bgc:var(--gv-theme-color-error-light, #e57373);--c:var(--gv-theme-neutral-color-lightest, #ffffff)}div.major{--bgc:var(--gv-state-major--bgc, var(--gv-theme-color-light, #d5fdcb));--c:var(--gv-state-major--c, var(--gv-theme-color, #009b5b))}div.success{--bgc:var(--gv-theme-color-success-light, #81c784);--c:var(--gv-theme-neutral-color-lightest, #ffffff)}div.warn{--bgc:var(--gv-theme-color-warning-light, #ffb74d);--c:var(--gv-theme-neutral-color-lightest, #ffffff)}div{background-color:var(--bgc);border-radius:var(--gv-state--bdr,17px);color:var(--c);--fz:var(--gv-state--fz, var(--gv-theme-font-size-s, 12px));font-size:var(--fz);font-weight:var(--gv-state--fw,bold);text-transform:var(--gv-state--tt,uppercase);line-height:var(--fz);padding:var(--gv-state--p,4px 8px)}`];
110
73
  }
111
74
 
112
75
  render() {
@@ -116,15 +79,11 @@ export class GvState extends LitElement {
116
79
  major: this.major,
117
80
  skeleton: this.skeleton,
118
81
  success: this.success,
119
- warn: this.warn,
82
+ warn: this.warn
120
83
  };
121
-
122
- return html`
123
- <div class=${classMap(modes)}>
124
- <slot></slot>
125
- </div>
126
- `;
84
+ return html` <div class="${classMap(modes)}"> <slot></slot> </div> `;
127
85
  }
128
- }
129
86
 
87
+ }
130
88
  window.customElements.define('gv-state', GvState);
89
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXN0YXRlLmpzIl0sIm5hbWVzIjpbImNsYXNzTWFwIiwiTGl0RWxlbWVudCIsImh0bWwiLCJjc3MiLCJza2VsZXRvbiIsIkd2U3RhdGUiLCJwcm9wZXJ0aWVzIiwiZGVmYXVsdCIsInR5cGUiLCJCb29sZWFuIiwiZXJyb3IiLCJtYWpvciIsInN1Y2Nlc3MiLCJ3YXJuIiwic3R5bGVzIiwicmVuZGVyIiwibW9kZXMiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsUUFBVCxRQUF5QiwwQkFBekI7QUFDQSxTQUFTQyxVQUFULEVBQXFCQyxJQUFyQixFQUEyQkMsR0FBM0IsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBQ0EsT0FBTyxNQUFNQyxPQUFOLFNBQXNCSixVQUF0QixDQUFpQztBQUNqQixhQUFWSyxVQUFVLEdBQUc7QUFDdEIsV0FBTztBQUNMQyxNQUFBQSxPQUFPLEVBQUU7QUFBRUMsUUFBQUEsSUFBSSxFQUFFQztBQUFSLE9BREo7QUFFTEMsTUFBQUEsS0FBSyxFQUFFO0FBQUVGLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQUZGO0FBR0xFLE1BQUFBLEtBQUssRUFBRTtBQUFFSCxRQUFBQSxJQUFJLEVBQUVDO0FBQVIsT0FIRjtBQUlMTCxNQUFBQSxRQUFRLEVBQUU7QUFBRUksUUFBQUEsSUFBSSxFQUFFQztBQUFSLE9BSkw7QUFLTEcsTUFBQUEsT0FBTyxFQUFFO0FBQUVKLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQUxKO0FBTUxJLE1BQUFBLElBQUksRUFBRTtBQUFFTCxRQUFBQSxJQUFJLEVBQUVDO0FBQVI7QUFORCxLQUFQO0FBUUQ7O0FBRWdCLGFBQU5LLE1BQU0sR0FBRztBQUNsQixXQUFPLENBQ0xWLFFBREssRUFFTDtBQUNBRCxJQUFBQSxHQUFHLHc3QkFIRSxDQUFQO0FBbUREOztBQUVEWSxFQUFBQSxNQUFNLEdBQUc7QUFDUCxVQUFNQyxLQUFLLEdBQUc7QUFDWlQsTUFBQUEsT0FBTyxFQUFFLENBQUMsS0FBS0ksS0FBTixJQUFlLENBQUMsS0FBS0QsS0FBckIsSUFBOEIsQ0FBQyxLQUFLRSxPQUFwQyxJQUErQyxDQUFDLEtBQUtDLElBRGxEO0FBRVpILE1BQUFBLEtBQUssRUFBRSxLQUFLQSxLQUZBO0FBR1pDLE1BQUFBLEtBQUssRUFBRSxLQUFLQSxLQUhBO0FBSVpQLE1BQUFBLFFBQVEsRUFBRSxLQUFLQSxRQUpIO0FBS1pRLE1BQUFBLE9BQU8sRUFBRSxLQUFLQSxPQUxGO0FBTVpDLE1BQUFBLElBQUksRUFBRSxLQUFLQTtBQU5DLEtBQWQ7QUFTQSxXQUFPWCxJQUFJLGdCQUNJRixRQUFRLENBQUNnQixLQUFELENBRFosMEJBQVg7QUFLRDs7QUFqRnFDO0FBb0Z4Q0MsTUFBTSxDQUFDQyxjQUFQLENBQXNCQyxNQUF0QixDQUE2QixVQUE3QixFQUF5Q2QsT0FBekMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY2xhc3NNYXAgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9jbGFzcy1tYXAnO1xuaW1wb3J0IHsgTGl0RWxlbWVudCwgaHRtbCwgY3NzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHNrZWxldG9uIH0gZnJvbSAnLi4vc3R5bGVzL3NrZWxldG9uJztcblxuLyoqXG4gKiBBIFN0YXRlXG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGNsaWNrIC0gTmF0aXZlIGNsaWNrIGV2ZW50XG4gKlxuICogQHNsb3QgLSBUaGUgY29udGVudCBvZiB0aGUgc3RhdGUgKHRleHQgb3IgSFRNTClcbiAqXG4gKiBAYXR0ciB7Qm9vbGVhbn0gZXJyb3IgLSBlbmFibGUgZXJyb3IgbW9kZVxuICogQGF0dHIge0Jvb2xlYW59IG1ham9yIC0gZW5hYmxlIG1ham9yIG1vZGVcbiAqIEBhdHRyIHtCb29sZWFufSBzdWNjZXNzIC0gZW5hYmxlIHN1Y2Nlc3MgbW9kZVxuICogQGF0dHIge0Jvb2xlYW59IHdhcm4gLSBlbmFibGUgd2FybiBtb2RlXG4gKiBAYXR0ciB7Qm9vbGVhbn0gc2tlbGV0b24gLSAgZW5hYmxlIHNrZWxldG9uIHNjcmVlbiBVSSBwYXR0ZXJuIChsb2FkaW5nIGhpbnQpXG4gKlxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3Ytc3RhdGUtLWJkcj0xN3B4XSAtIEJvcmRlciByYWRpdXNcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LXN0YXRlLS1mej12YXIoLS1ndi10aGVtZS1mb250LXNpemUtcywgMTJweCldIC0gRm9udCBzaXplXG4gKiBAY3NzcHJvcCB7U3RyaW5nfSBbLS1ndi1zdGF0ZS0tZnc9Ym9sZF0gLSBGb250IHdlaWdodFxuICogQGNzc3Byb3Age1N0cmluZ30gWy0tZ3Ytc3RhdGUtLXR0PXVwcGVyY2FzZV0gLSBUZXh0IHRyYW5zZm9ybVxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3Ytc3RhdGUtLXA9NHB4IDhweF0gLSBQYWRkaW5nXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN0YXRlLS1iZ2M9I2YwZjVmZl0gLSBCYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN0YXRlLS1jPSM1OTdlZjddIC0gQ29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3Ytc3RhdGUtbWFqb3ItLWJnYz12YXIoLS1ndi10aGVtZS1jb2xvci1saWdodCwgI2Q1ZmRjYildIC0gTWFqb3IgYmFja2dyb3VuZCBjb2xvclxuICogQGNzc3Byb3Age0NvbG9yfSBbLS1ndi1zdGF0ZS1tYWpvci0tYz12YXIoLS1ndi10aGVtZS1jb2xvciwgIzAwOWI1YildIC0gTWFqb3IgY29sb3JcbiAqL1xuZXhwb3J0IGNsYXNzIEd2U3RhdGUgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgc3RhdGljIGdldCBwcm9wZXJ0aWVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICBkZWZhdWx0OiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIGVycm9yOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIG1ham9yOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIHNrZWxldG9uOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIHN1Y2Nlc3M6IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgd2FybjogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICBza2VsZXRvbixcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgbWFyZ2luOiAwLjJyZW07XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5kZWZhdWx0IHtcbiAgICAgICAgICAtLWJnYzogdmFyKC0tZ3Ytc3RhdGUtLWJnYywgI2YwZjVmZik7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi1zdGF0ZS0tYywgIzU5N2VmNyk7XG4gICAgICAgIH1cblxuICAgICAgICBkaXYuZXJyb3Ige1xuICAgICAgICAgIC0tYmdjOiB2YXIoLS1ndi10aGVtZS1jb2xvci1lcnJvci1saWdodCwgI2U1NzM3Myk7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXN0LCAjZmZmZmZmKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5tYWpvciB7XG4gICAgICAgICAgLS1iZ2M6IHZhcigtLWd2LXN0YXRlLW1ham9yLS1iZ2MsIHZhcigtLWd2LXRoZW1lLWNvbG9yLWxpZ2h0LCAjZDVmZGNiKSk7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi1zdGF0ZS1tYWpvci0tYywgdmFyKC0tZ3YtdGhlbWUtY29sb3IsICMwMDliNWIpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5zdWNjZXNzIHtcbiAgICAgICAgICAtLWJnYzogdmFyKC0tZ3YtdGhlbWUtY29sb3Itc3VjY2Vzcy1saWdodCwgIzgxYzc4NCk7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXN0LCAjZmZmZmZmKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi53YXJuIHtcbiAgICAgICAgICAtLWJnYzogdmFyKC0tZ3YtdGhlbWUtY29sb3Itd2FybmluZy1saWdodCwgI2ZmYjc0ZCk7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXN0LCAjZmZmZmZmKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdiB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmdjKTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ndi1zdGF0ZS0tYmRyLCAxN3B4KTtcbiAgICAgICAgICBjb2xvcjogdmFyKC0tYyk7XG5cbiAgICAgICAgICAtLWZ6OiB2YXIoLS1ndi1zdGF0ZS0tZnosIHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1zLCAxMnB4KSk7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1meik7XG5cbiAgICAgICAgICBmb250LXdlaWdodDogdmFyKC0tZ3Ytc3RhdGUtLWZ3LCBib2xkKTtcbiAgICAgICAgICB0ZXh0LXRyYW5zZm9ybTogdmFyKC0tZ3Ytc3RhdGUtLXR0LCB1cHBlcmNhc2UpO1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1meik7XG4gICAgICAgICAgcGFkZGluZzogdmFyKC0tZ3Ytc3RhdGUtLXAsIDRweCA4cHgpO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgbW9kZXMgPSB7XG4gICAgICBkZWZhdWx0OiAhdGhpcy5tYWpvciAmJiAhdGhpcy5lcnJvciAmJiAhdGhpcy5zdWNjZXNzICYmICF0aGlzLndhcm4sXG4gICAgICBlcnJvcjogdGhpcy5lcnJvcixcbiAgICAgIG1ham9yOiB0aGlzLm1ham9yLFxuICAgICAgc2tlbGV0b246IHRoaXMuc2tlbGV0b24sXG4gICAgICBzdWNjZXNzOiB0aGlzLnN1Y2Nlc3MsXG4gICAgICB3YXJuOiB0aGlzLndhcm4sXG4gICAgfTtcblxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz0ke2NsYXNzTWFwKG1vZGVzKX0+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxud2luZG93LmN1c3RvbUVsZW1lbnRzLmRlZmluZSgnZ3Ytc3RhdGUnLCBHdlN0YXRlKTtcbiJdfQ==
@@ -15,11 +15,9 @@
15
15
  */
16
16
  import { classMap } from 'lit/directives/class-map';
17
17
  import { ifDefined } from 'lit/directives/if-defined';
18
-
19
18
  import { LitElement, html, css } from 'lit';
20
19
  import { skeleton } from '../styles/skeleton';
21
20
  import { dispatchCustomEvent } from '../lib/events';
22
-
23
21
  /**
24
22
  * A wrapper of a <switch> component.
25
23
  *
@@ -41,144 +39,45 @@ import { dispatchCustomEvent } from '../lib/events';
41
39
  * @cssprop {Color} [--gv-switch--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Switch background color
42
40
  * @cssprop {String} [--gv-switch--ta=left] - Switch label text alignment
43
41
  */
42
+
44
43
  export class GvSwitch extends LitElement {
45
44
  static get properties() {
46
45
  return {
47
- disabled: { type: Boolean, reflect: true },
48
- skeleton: { type: Boolean },
49
- value: { type: String, reflect: true },
50
- label: { type: String },
51
- description: { type: String },
52
- small: { type: Boolean, reflect: true },
53
- checked: { type: Boolean, reflect: true },
54
- readonly: { type: Boolean, reflect: true },
46
+ disabled: {
47
+ type: Boolean,
48
+ reflect: true
49
+ },
50
+ skeleton: {
51
+ type: Boolean
52
+ },
53
+ value: {
54
+ type: String,
55
+ reflect: true
56
+ },
57
+ label: {
58
+ type: String
59
+ },
60
+ description: {
61
+ type: String
62
+ },
63
+ small: {
64
+ type: Boolean,
65
+ reflect: true
66
+ },
67
+ checked: {
68
+ type: Boolean,
69
+ reflect: true
70
+ },
71
+ readonly: {
72
+ type: Boolean,
73
+ reflect: true
74
+ }
55
75
  };
56
76
  }
57
77
 
58
78
  static get styles() {
59
- return [
60
- skeleton,
61
- // language=CSS
62
- css`
63
- :host {
64
- --off-bgc: var(--gv-switch-off--bgc, var(--gv-theme-neutral-color-dark, #bfbfbf));
65
- --on-bgc: var(--gv-switch-on--bgc, var(--gv-theme-color, #5a7684));
66
- box-sizing: border-box;
67
- margin: 0.2rem;
68
- }
69
-
70
- .container {
71
- display: flex;
72
- }
73
-
74
- .labels {
75
- display: flex;
76
- flex-direction: column;
77
- justify-content: center;
78
- flex: 1;
79
- margin-right: 0.4rem;
80
- box-sizing: border-box;
81
- text-align: var(--gv-switch--ta, left);
82
- }
83
-
84
- .switch-title {
85
- font-weight: 600;
86
- }
87
-
88
- .switch-description {
89
- opacity: 0.6;
90
- }
91
-
92
- .switch-container {
93
- display: flex;
94
- align-items: center;
95
- }
96
-
97
- .switch {
98
- position: relative;
99
- width: 40px;
100
- -webkit-user-select: none;
101
- -moz-user-select: none;
102
- -ms-user-select: none;
103
- border-radius: 16px;
104
- }
105
-
106
- :host([small]) .switch {
107
- width: 25px;
108
- }
109
-
110
- :host([small]) .switch-label:before {
111
- width: 10px;
112
- border-radius: 10px;
113
- right: 10px;
114
- }
115
-
116
- :host([small]) .switch-label {
117
- height: 10px;
118
- line-height: 10px;
119
- border-radius: 10px;
120
- }
121
-
122
- :host([small]) .switch-title {
123
- font-weight: 400;
124
- font-size: 11px;
125
- }
126
-
127
- .switch input {
128
- display: none;
129
- }
130
-
131
- .switch-label {
132
- display: block;
133
- overflow: hidden;
134
- cursor: pointer;
135
- height: 16px;
136
- padding: 0;
137
- line-height: 16px;
138
- border: 2px solid transparent;
139
- border-radius: 16px;
140
- background-color: var(--off-bgc);
141
- transition: background-color 0.3s ease-in;
142
- }
143
-
144
- .switch-label:before {
145
- content: '';
146
- display: block;
147
- width: 16px;
148
- margin: 0;
149
- background: var(--gv-switch--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));
150
- position: absolute;
151
- top: 0;
152
- bottom: 0;
153
- right: 20px;
154
- border: 2px solid var(--off-bgc);
155
- border-radius: 16px;
156
- transition: all 0.3s ease-in 0s;
157
- }
158
-
159
- :host([checked]) .switch-label {
160
- background-color: var(--on-bgc);
161
- }
162
-
163
- :host([checked]) .switch-label,
164
- :host([checked]) .switch-label:before {
165
- border-color: var(--on-bgc);
166
- }
167
-
168
- :host([checked]) .switch-label:before {
169
- right: 0;
170
- }
171
-
172
- :host([disabled]) .switch-label,
173
- :host([readonly]) .switch-label {
174
- cursor: default;
175
- }
176
-
177
- :host([disabled]) .switch-label {
178
- opacity: 0.5;
179
- }
180
- `,
181
- ];
79
+ return [skeleton, // language=CSS
80
+ css`:host{--off-bgc:var(--gv-switch-off--bgc, var(--gv-theme-neutral-color-dark, #bfbfbf));--on-bgc:var(--gv-switch-on--bgc, var(--gv-theme-color, #5a7684));box-sizing:border-box;margin:.2rem}.container{display:flex}.labels{display:flex;flex-direction:column;justify-content:center;flex:1;margin-right:.4rem;box-sizing:border-box;text-align:var(--gv-switch--ta,left)}.switch-title{font-weight:600}.switch-description{opacity:.6}.switch-container{display:flex;align-items:center}.switch{position:relative;width:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-radius:16px}:host([small]) .switch{width:25px}:host([small]) .switch-label:before{width:10px;border-radius:10px;right:10px}:host([small]) .switch-label{height:10px;line-height:10px;border-radius:10px}:host([small]) .switch-title{font-weight:400;font-size:11px}.switch input{display:none}.switch-label{display:block;overflow:hidden;cursor:pointer;height:16px;padding:0;line-height:16px;border:2px solid transparent;border-radius:16px;background-color:var(--off-bgc);transition:background-color .3s ease-in}.switch-label:before{content:'';display:block;width:16px;margin:0;background:var(--gv-switch--bgc,var(--gv-theme-neutral-color-lightest,#fff));position:absolute;top:0;bottom:0;right:20px;border:2px solid var(--off-bgc);border-radius:16px;transition:all .3s ease-in 0s}:host([checked]) .switch-label{background-color:var(--on-bgc)}:host([checked]) .switch-label,:host([checked]) .switch-label:before{border-color:var(--on-bgc)}:host([checked]) .switch-label:before{right:0}:host([disabled]) .switch-label,:host([readonly]) .switch-label{cursor:default}:host([disabled]) .switch-label{opacity:.5}`];
182
81
  }
183
82
 
184
83
  constructor() {
@@ -196,6 +95,7 @@ export class GvSwitch extends LitElement {
196
95
 
197
96
  updated(_changedProperties) {
198
97
  super.updated(_changedProperties);
98
+
199
99
  if (_changedProperties.has('value')) {
200
100
  if (this.value != null && this.value.toString() === 'true') {
201
101
  this.checked = true;
@@ -210,34 +110,14 @@ export class GvSwitch extends LitElement {
210
110
  skeleton: this.skeleton,
211
111
  disabled: this.disabled,
212
112
  small: this.small,
213
- switch: true,
113
+ switch: true
214
114
  };
215
-
216
- return html`
217
- <div class="container">
218
- ${this.label || this.description
219
- ? html`<div class="${classMap({ labels: true, skeleton: this.skeleton })}">
220
- ${this.label ? html`<label class="switch-title">${this.label}</label>` : ''}
221
- ${this.description ? html`<label class="switch-description" .innerHTML="${this.description}"></label>` : ''}
222
- </div>`
223
- : ''}
224
- <div class="switch-container">
225
- <div class=${classMap(classes)}>
226
- <input
227
- id=${this._id}
228
- type="checkbox"
229
- .title=${ifDefined(this.label || this.description)}
230
- ?disabled=${this.disabled || this.skeleton}
231
- ?readonly="${this.readonly}"
232
- ?checked=${this.checked}
233
- @input=${this._onInput}
234
- />
235
- <label class="switch-label" for="${this._id}"></label>
236
- </div>
237
- </div>
238
- </div>
239
- `;
115
+ return html` <div class="container"> ${this.label || this.description ? html`<div class="${classMap({
116
+ labels: true,
117
+ skeleton: this.skeleton
118
+ })}"> ${this.label ? html`<label class="switch-title">${this.label}</label>` : ''} ${this.description ? html`<label class="switch-description" .innerHTML="${this.description}"></label>` : ''} </div>` : ''} <div class="switch-container"> <div class="${classMap(classes)}"> <input id="${this._id}" type="checkbox" .title="${ifDefined(this.label || this.description)}" ?disabled="${this.disabled || this.skeleton}" ?readonly="${this.readonly}" ?checked="${this.checked}" @input="${this._onInput}"> <label class="switch-label" for="${this._id}"></label> </div> </div> </div> `;
240
119
  }
241
- }
242
120
 
121
+ }
243
122
  window.customElements.define('gv-switch', GvSwitch);
123
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXN3aXRjaC5qcyJdLCJuYW1lcyI6WyJjbGFzc01hcCIsImlmRGVmaW5lZCIsIkxpdEVsZW1lbnQiLCJodG1sIiwiY3NzIiwic2tlbGV0b24iLCJkaXNwYXRjaEN1c3RvbUV2ZW50IiwiR3ZTd2l0Y2giLCJwcm9wZXJ0aWVzIiwiZGlzYWJsZWQiLCJ0eXBlIiwiQm9vbGVhbiIsInJlZmxlY3QiLCJ2YWx1ZSIsIlN0cmluZyIsImxhYmVsIiwiZGVzY3JpcHRpb24iLCJzbWFsbCIsImNoZWNrZWQiLCJyZWFkb25seSIsInN0eWxlcyIsImNvbnN0cnVjdG9yIiwiX2lkIiwiX29uSW5wdXQiLCJ1cGRhdGVkIiwiX2NoYW5nZWRQcm9wZXJ0aWVzIiwiaGFzIiwidG9TdHJpbmciLCJyZW5kZXIiLCJjbGFzc2VzIiwic3dpdGNoIiwibGFiZWxzIiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLFFBQVQsUUFBeUIsMEJBQXpCO0FBQ0EsU0FBU0MsU0FBVCxRQUEwQiwyQkFBMUI7QUFFQSxTQUFTQyxVQUFULEVBQXFCQyxJQUFyQixFQUEyQkMsR0FBM0IsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUNBLFNBQVNDLG1CQUFULFFBQW9DLGVBQXBDO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUNBLE9BQU8sTUFBTUMsUUFBTixTQUF1QkwsVUFBdkIsQ0FBa0M7QUFDbEIsYUFBVk0sVUFBVSxHQUFHO0FBQ3RCLFdB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S2MsS0FBTCxJQUFjLEtBQUtDLFdBQXBCLENBYmpCLGdCQWNXLEtBQUtQLFFBQUwsSUFBaUIsS0FBS0osUUFkakMsZ0JBZVksS0FBS2MsUUFmakIsZUFnQlUsS0FBS0QsT0FoQmYsYUFpQlEsS0FBS0ssUUFqQmIsdUNBbUJnQyxLQUFLRCxHQW5CckMsa0NBQVg7QUF3QkQ7O0FBcE1zQztBQXVNekNVLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsV0FBN0IsRUFBMEMzQixRQUExQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5pbXBvcnQgeyBpZkRlZmluZWQgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9pZi1kZWZpbmVkJztcblxuaW1wb3J0IHsgTGl0RWxlbWVudCwgaHRtbCwgY3NzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHNrZWxldG9uIH0gZnJvbSAnLi4vc3R5bGVzL3NrZWxldG9uJztcbmltcG9ydCB7IGRpc3BhdGNoQ3VzdG9tRXZlbnQgfSBmcm9tICcuLi9saWIvZXZlbnRzJztcblxuLyoqXG4gKiBBIHdyYXBwZXIgb2YgYSA8c3dpdGNoPiBjb21wb25lbnQuXG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGd2LXN3aXRjaDppbnB1dCAtIG1pcnJvcnMgbmF0aXZlIGlucHV0IGV2ZW50cyB3aXRoIHRoZSBgdmFsdWVgIG9uIGBkZXRhaWxgXG4gKlxuICogQGF0dHIge0Jvb2xlYW59IGRpc2FibGVkIC0gc2FtZSBhcyBuYXRpdmUgc3dpdGNoIGVsZW1lbnQgYGRpc2FibGVkYCBhdHRyaWJ1dGVcbiAqIEBhdHRyIHtCb29sZWFufSBza2VsZXRvbiAtIGVuYWJsZSBza2VsZXRvbiBzY3JlZW4gVUkgcGF0dGVybiAobG9hZGluZyBoaW50KVxuICogQGF0dHIge0Jvb2xlYW58U3RyaW5nfSB2YWx1ZSAtIHRydWUgaWYgdGhlIHN3aXRjaCBpcyBjaGVja2VkLCBmYWxzZSBvdGhlcndpc2VcbiAqIEBhdHRyIHtTdHJpbmd9IGxhYmVsIC0gbGFiZWwgb2YgdGhlIHN3aXRjaFxuICogQGF0dHIge1N0cmluZ30gZGVzY3JpcHRpb24gLSBkZXNjcmlwdGlvbiBvZiB0aGUgc3dpdGNoXG4gKiBAYXR0ciB7Qm9vbGVhbn0gY2hlY2tlZCAtIHNhbWUgYXMgbmF0aXZlIHN3aXRjaCBlbGVtZW50IGBjaGVja2VkYCBhdHRyaWJ1dGVcbiAqIEBhdHRyIHtCb29sZWFufSByZWFkb25seSAtIHRydWUgaWYgcmVhZG9ubHlcbiAqXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN3aXRjaC1vbi0tYmdjPXZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KV0gLSBPbiBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN3aXRjaC1vZmYtLWJnYz12YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNiZmJmYmYpXSAtIE9mZiBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN3aXRjaC0tYmdjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpXSAtIFN3aXRjaCBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7U3RyaW5nfSBbLS1ndi1zd2l0Y2gtLXRhPWxlZnRdIC0gU3dpdGNoIGxhYmVsIHRleHQgYWxpZ25tZW50XG4gKi9cbmV4cG9ydCBjbGFzcyBHdlN3aXRjaCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGRpc2FibGVkOiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIHNrZWxldG9uOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIHZhbHVlOiB7IHR5cGU6IFN0cmluZywgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgbGFiZWw6IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICBkZXNjcmlwdGlvbjogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIHNtYWxsOiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIGNoZWNrZWQ6IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgcmVhZG9ubHk6IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgIH07XG4gIH1cblxuICBzdGF0aWMgZ2V0IHN0eWxlcygpIHtcbiAgICByZXR1cm4gW1xuICAgICAgc2tlbGV0b24sXG4gICAgICAvLyBsYW5ndWFnZT1DU1NcbiAgICAgIGNzc2BcbiAgICAgICAgOmhvc3Qge1xuICAgICAgICAgIC0tb2ZmLWJnYzogdmFyKC0tZ3Ytc3dpdGNoLW9mZi0tYmdjLCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNiZmJmYmYpKTtcbiAgICAgICAgICAtLW9uLWJnYzogdmFyKC0tZ3Ytc3dpdGNoLW9uLS1iZ2MsIHZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KSk7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBtYXJnaW46IDAuMnJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250YWluZXIge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cblxuICAgICAgICAubGFiZWxzIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuNHJlbTtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIHRleHQtYWxpZ246IHZhcigtLWd2LXN3aXRjaC0tdGEsIGxlZnQpO1xuICAgICAgICB9XG5cbiAgICAgICAgLnN3aXRjaC10aXRsZSB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zd2l0Y2gtZGVzY3JpcHRpb24ge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zd2l0Y2gtY29udGFpbmVyIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAuc3dpdGNoIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICAgICAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgIC1tcy11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW3NtYWxsXSkgLnN3aXRjaCB7XG4gICAgICAgICAgd2lkdGg6IDI1cHg7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbc21hbGxdKSAuc3dpdGNoLWxhYmVsOmJlZm9yZSB7XG4gICAgICAgICAgd2lkdGg6IDEwcHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgICAgICAgICByaWdodDogMTBweDtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFtzbWFsbF0pIC5zd2l0Y2gtbGFiZWwge1xuICAgICAgICAgIGhlaWdodDogMTBweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTBweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW3NtYWxsXSkgLnN3aXRjaC10aXRsZSB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgICBmb250LXNpemU6IDExcHg7XG4gICAgICAgIH1cblxuICAgICAgICAuc3dpdGNoIGlucHV0IHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLnN3aXRjaC1sYWJlbCB7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgaGVpZ2h0OiAxNnB4O1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gICAgICAgICAgYm9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1vZmYtYmdjKTtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuM3MgZWFzZS1pbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zd2l0Y2gtbGFiZWw6YmVmb3JlIHtcbiAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZ3Ytc3dpdGNoLS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpKTtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICByaWdodDogMjBweDtcbiAgICAgICAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1vZmYtYmdjKTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4gMHM7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbY2hlY2tlZF0pIC5zd2l0Y2gtbGFiZWwge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW9uLWJnYyk7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbY2hlY2tlZF0pIC5zd2l0Y2gtbGFiZWwsXG4gICAgICAgIDpob3N0KFtjaGVja2VkXSkgLnN3aXRjaC1sYWJlbDpiZWZvcmUge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tb24tYmdjKTtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFtjaGVja2VkXSkgLnN3aXRjaC1sYWJlbDpiZWZvcmUge1xuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW2Rpc2FibGVkXSkgLnN3aXRjaC1sYWJlbCxcbiAgICAgICAgOmhvc3QoW3JlYWRvbmx5XSkgLnN3aXRjaC1sYWJlbCB7XG4gICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW2Rpc2FibGVkXSkgLnN3aXRjaC1sYWJlbCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuX2lkID0gJ2d2LWlkJztcbiAgICB0aGlzLmNoZWNrZWQgPSBmYWxzZTtcbiAgfVxuXG4gIF9vbklucHV0KCkge1xuICAgIGlmICghKHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5za2VsZXRvbiB8fCB0aGlzLnJlYWRvbmx5KSkge1xuICAgICAgdGhpcy52YWx1ZSA9ICF0aGlzLmNoZWNrZWQ7XG4gICAgICBkaXNwYXRjaEN1c3RvbUV2ZW50KHRoaXMsICdpbnB1dCcsIHRoaXMudmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZWQoX2NoYW5nZWRQcm9wZXJ0aWVzKSB7XG4gICAgc3VwZXIudXBkYXRlZChfY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmIChfY2hhbmdlZFByb3BlcnRpZXMuaGFzKCd2YWx1ZScpKSB7XG4gICAgICBpZiAodGhpcy52YWx1ZSAhPSBudWxsICYmIHRoaXMudmFsdWUudG9TdHJpbmcoKSA9PT0gJ3RydWUnKSB7XG4gICAgICAgIHRoaXMuY2hlY2tlZCA9IHRydWU7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNoZWNrZWQgPSBmYWxzZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgY2xhc3NlcyA9IHtcbiAgICAgIHNrZWxldG9uOiB0aGlzLnNrZWxldG9uLFxuICAgICAgZGlzYWJsZWQ6IHRoaXMuZGlzYWJsZWQsXG4gICAgICBzbWFsbDogdGhpcy5zbWFsbCxcbiAgICAgIHN3aXRjaDogdHJ1ZSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgICAgICR7dGhpcy5sYWJlbCB8fCB0aGlzLmRlc2NyaXB0aW9uXG4gICAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCIke2NsYXNzTWFwKHsgbGFiZWxzOiB0cnVlLCBza2VsZXRvbjogdGhpcy5za2VsZXRvbiB9KX1cIj5cbiAgICAgICAgICAgICAgJHt0aGlzLmxhYmVsID8gaHRtbGA8bGFiZWwgY2xhc3M9XCJzd2l0Y2gtdGl0bGVcIj4ke3RoaXMubGFiZWx9PC9sYWJlbD5gIDogJyd9XG4gICAgICAgICAgICAgICR7dGhpcy5kZXNjcmlwdGlvbiA/IGh0bWxgPGxhYmVsIGNsYXNzPVwic3dpdGNoLWRlc2NyaXB0aW9uXCIgLmlubmVySFRNTD1cIiR7dGhpcy5kZXNjcmlwdGlvbn1cIj48L2xhYmVsPmAgOiAnJ31cbiAgICAgICAgICAgIDwvZGl2PmBcbiAgICAgICAgICA6ICcnfVxuICAgICAgICA8ZGl2IGNsYXNzPVwic3dpdGNoLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9JHtjbGFzc01hcChjbGFzc2VzKX0+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgaWQ9JHt0aGlzLl9pZH1cbiAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgLnRpdGxlPSR7aWZEZWZpbmVkKHRoaXMubGFiZWwgfHwgdGhpcy5kZXNjcmlwdGlvbil9XG4gICAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5za2VsZXRvbn1cbiAgICAgICAgICAgICAgP3JlYWRvbmx5PVwiJHt0aGlzLnJlYWRvbmx5fVwiXG4gICAgICAgICAgICAgID9jaGVja2VkPSR7dGhpcy5jaGVja2VkfVxuICAgICAgICAgICAgICBAaW5wdXQ9JHt0aGlzLl9vbklucHV0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInN3aXRjaC1sYWJlbFwiIGZvcj1cIiR7dGhpcy5faWR9XCI+PC9sYWJlbD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LXN3aXRjaCcsIEd2U3dpdGNoKTtcbiJdfQ==
@@ -19,7 +19,6 @@ import { skeleton } from '../styles/skeleton';
19
19
  import { link } from '../styles/link';
20
20
  import './gv-icon';
21
21
  import { dispatchCustomEvent } from '../lib/events';
22
-
23
22
  /**
24
23
  * A Tag
25
24
  *
@@ -63,80 +62,35 @@ import { dispatchCustomEvent } from '../lib/events';
63
62
  * @cssprop {Color} [--gv-tag-minor--c=var(--gv-theme-font-color-dark, #262626)] - Minor color
64
63
  * @cssprop {Length} [--gv-tag-icon--s=18px] - Height and icon width
65
64
  */
65
+
66
66
  export class GvTag extends LitElement {
67
67
  static get properties() {
68
68
  return {
69
- icon: { type: String },
70
- iconRight: { type: String, attribute: 'icon-right' },
71
- major: { type: Boolean },
72
- minor: { type: Boolean },
73
- skeleton: { type: Boolean },
74
- clickable: { type: Boolean },
69
+ icon: {
70
+ type: String
71
+ },
72
+ iconRight: {
73
+ type: String,
74
+ attribute: 'icon-right'
75
+ },
76
+ major: {
77
+ type: Boolean
78
+ },
79
+ minor: {
80
+ type: Boolean
81
+ },
82
+ skeleton: {
83
+ type: Boolean
84
+ },
85
+ clickable: {
86
+ type: Boolean
87
+ }
75
88
  };
76
89
  }
77
90
 
78
91
  static get styles() {
79
- return [
80
- skeleton,
81
- link,
82
- // language=CSS
83
- css`
84
- :host {
85
- box-sizing: border-box;
86
- display: inline-block;
87
- margin: 0.2rem;
88
- vertical-align: middle;
89
- }
90
-
91
- div.default {
92
- --bgc: var(--gv-tag--bgc, var(--gv-theme-neutral-color-lighter, #fafafa));
93
- --bdc: var(--gv-tag--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));
94
- --bds: var(--gv-tag--bds, solid);
95
- --bdw: var(--gv-tag--bdw, 1px);
96
- --c: var(--gv-tag--c, var(--gv-theme-font-color-dark, #262626));
97
- }
98
-
99
- div.major {
100
- --bgc: var(--gv-tag-major--bgc, var(--gv-theme-color, #5a7684));
101
- --bdc: var(--gv-tag-major--bdc, var(--gv-theme-color, #5a7684));
102
- --bds: var(--gv-tag-major--bds, solid);
103
- --bdw: var(--gv-tag-major--bdw, 1px);
104
- --c: var(--gv-tag-major--c, var(--gv-theme-font-color-light, #ffffff));
105
- }
106
-
107
- div.minor {
108
- --bgc: var(--gv-tag-minor--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));
109
- --bdc: var(--gv-tag-minor--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));
110
- --bds: var(--gv-tag-minor--bds, dashed);
111
- --bdw: var(--gv-tag-minor--bdw, 1px);
112
- --c: var(--gv-tag-minor--c, var(--gv-theme-font-color-dark, #262626));
113
- }
114
-
115
- div {
116
- background-color: var(--bgc);
117
- border-color: var(--bdc);
118
- border-radius: var(--gv-tag--bdr, 4px);
119
- border-style: var(--bds);
120
- border-width: var(--bdw);
121
- box-shadow: var(--gv-tag--bsw, none);
122
- color: var(--c);
123
- --fz: var(--gv-tag--fz, var(--gv-theme-font-size-s, 12px));
124
- font-size: var(--fz);
125
- line-height: var(--fz);
126
- padding: var(--gv-tag--p, 4px 8px);
127
- --gv-icon--s: var(--gv-tag-icon--s, 18px);
128
- --gv-icon--c: var(--c);
129
- --gv-icon-opacity--c: var(--c);
130
-
131
- word-break: normal;
132
- }
133
-
134
- div > * {
135
- vertical-align: middle;
136
- display: inline-flex;
137
- }
138
- `,
139
- ];
92
+ return [skeleton, link, // language=CSS
93
+ css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle}div.default{--bgc:var(--gv-tag--bgc, var(--gv-theme-neutral-color-lighter, #fafafa));--bdc:var(--gv-tag--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));--bds:var(--gv-tag--bds, solid);--bdw:var(--gv-tag--bdw, 1px);--c:var(--gv-tag--c, var(--gv-theme-font-color-dark, #262626))}div.major{--bgc:var(--gv-tag-major--bgc, var(--gv-theme-color, #5a7684));--bdc:var(--gv-tag-major--bdc, var(--gv-theme-color, #5a7684));--bds:var(--gv-tag-major--bds, solid);--bdw:var(--gv-tag-major--bdw, 1px);--c:var(--gv-tag-major--c, var(--gv-theme-font-color-light, #ffffff))}div.minor{--bgc:var(--gv-tag-minor--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));--bdc:var(--gv-tag-minor--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));--bds:var(--gv-tag-minor--bds, dashed);--bdw:var(--gv-tag-minor--bdw, 1px);--c:var(--gv-tag-minor--c, var(--gv-theme-font-color-dark, #262626))}div{background-color:var(--bgc);border-color:var(--bdc);border-radius:var(--gv-tag--bdr,4px);border-style:var(--bds);border-width:var(--bdw);box-shadow:var(--gv-tag--bsw,none);color:var(--c);--fz:var(--gv-tag--fz, var(--gv-theme-font-size-s, 12px));font-size:var(--fz);line-height:var(--fz);padding:var(--gv-tag--p,4px 8px);--gv-icon--s:var(--gv-tag-icon--s, 18px);--gv-icon--c:var(--c);--gv-icon-opacity--c:var(--c);word-break:normal}div>*{vertical-align:middle;display:inline-flex}`];
140
94
  }
141
95
 
142
96
  _onTagClick(e) {
@@ -152,17 +106,11 @@ export class GvTag extends LitElement {
152
106
  major: this.major,
153
107
  minor: this.minor && !this.major,
154
108
  skeleton: this.skeleton,
155
- link: this.clickable,
109
+ link: this.clickable
156
110
  };
157
-
158
- return html`
159
- <div class=${classMap(modes)} @click="${this._onTagClick}">
160
- ${this.icon ? html`<gv-icon shape="${this.icon}"></gv-icon>` : ''}<slot></slot>${this.iconRight
161
- ? html`<gv-icon shape="${this.iconRight}"></gv-icon>`
162
- : ''}
163
- </div>
164
- `;
111
+ return html` <div class="${classMap(modes)}" @click="${this._onTagClick}"> ${this.icon ? html`<gv-icon shape="${this.icon}"></gv-icon>` : ''}<slot></slot>${this.iconRight ? html`<gv-icon shape="${this.iconRight}"></gv-icon>` : ''} </div> `;
165
112
  }
166
- }
167
113
 
114
+ }
168
115
  window.customElements.define('gv-tag', GvTag);
116
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXRhZy5qcyJdLCJuYW1lcyI6WyJjbGFzc01hcCIsIkxpdEVsZW1lbnQiLCJodG1sIiwiY3NzIiwic2tlbGV0b24iLCJsaW5rIiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsIkd2VGFnIiwicHJvcGVydGllcyIsImljb24iLCJ0eXBlIiwiU3RyaW5nIiwiaWNvblJpZ2h0IiwiYXR0cmlidXRlIiwibWFqb3IiLCJCb29sZWFuIiwibWlub3IiLCJjbGlja2FibGUiLCJzdHlsZXMiLCJfb25UYWdDbGljayIsImUiLCJzdG9wUHJvcGFnYXRpb24iLCJyZW5kZXIiLCJtb2RlcyIsImRlZmF1bHQiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsUUFBVCxRQUF5QiwwQkFBekI7QUFDQSxTQUFTQyxVQUFULEVBQXFCQyxJQUFyQixFQUEyQkMsR0FBM0IsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUNBLFNBQVNDLElBQVQsUUFBcUIsZ0JBQXJCO0FBQ0EsT0FBTyxXQUFQO0FBQ0EsU0FBU0MsbUJBQVQsUUFBb0MsZUFBcEM7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1DLEtBQU4sU0FBb0JOLFVBQXBCLENBQStCO0FBQ2YsYUFBVk8sVUFBVSxHQUFHO0FBQ3RCLFdBQU87QUFDTEMsTUFBQUEsSUFBSSxFQUFFO0FBQUVDLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQUREO0FBRUxDLE1BQUFBLFNBQVMsRUFBRTtBQUFFRixRQUFBQSxJQUFJLEVBQUVDLE1BQVI7QUFBZ0JFLFFBQUFBLFNBQVMsRUFBRTtBQUEzQixPQUZOO0FBR0xDLE1BQUFBLEtBQUssRUFBRTtBQUFFSixRQUFBQSxJQUFJLEVBQUVLO0FBQVIsT0FIRjtBQUlMQyxNQUFBQSxLQUFLLEVBQUU7QUFBRU4sUUFBQUEsSUFBSSxFQUFFSztBQUFSLE9BSkY7QUFLTFgsTUFBQUEsUUFBUSxFQUFFO0FBQUVNLFFBQUFBLElBQUksRUFBRUs7QUFBUixPQUxMO0FBTUxFLE1BQUFBLFNBQVMsRUFBRTtBQUFFUCxRQUFBQSxJQUFJLEVBQUVLO0FBQVI7QUFOTixLQUFQO0FBUUQ7O0FBRWdCLGFBQU5HLE1BQU0sR0FBRztBQUNsQixXQUFPLENBQ0xkLFFBREssRUFFTEMsSUFGSyxFQUdMO0FBQ0FGLElBQUFBLEdBQUcsKzVDQUpFLENBQVA7QUE2REQ7O0FBRURnQixFQUFBQSxXQUFXLENBQUNDLENBQUQsRUFBSTtBQUNiLFFBQUksS0FBS0gsU0FBVCxFQUFvQjtBQUNsQkcsTUFBQUEsQ0FBQyxDQUFDQyxlQUFGO0FBQ0FmLE1BQUFBLG1CQUFtQixDQUFDLElBQUQsRUFBTyxPQUFQLEVBQWdCLEVBQWhCLENBQW5CO0FBQ0Q7QUFDRjs7QUFFRGdCLEVBQUFBLE1BQU0sR0FBRztBQUNQLFVBQU1DLEtBQUssR0FBRztBQUNaQyxNQUFBQSxPQUFPLEVBQUUsQ0FBQyxLQUFLVixLQUFOLElBQWUsQ0FBQyxLQUFLRSxLQURsQjtBQUVaRixNQUFBQSxLQUFLLEVBQUUsS0FBS0EsS0FGQTtBQUdaRSxNQUFBQSxLQUFLLEVBQUUsS0FBS0EsS0FBTCxJQUFjLENBQUMsS0FBS0YsS0FIZjtBQUlaVixNQUFBQSxRQUFRLEVBQUUsS0FBS0EsUUFKSDtBQUtaQyxNQUFBQSxJQUFJLEVBQUUsS0FBS1k7QUFMQyxLQUFkO0FBUUEsV0FBT2YsSUFBSSxnQkFDSUYsUUFBUSxDQUFDdUIsS0FBRCxDQURaLGFBQytCLEtBQUtKLFdBRHBDLE1BRUwsS0FBS1YsSUFBTCxHQUFZUCxJQUFJLG1CQUFtQixLQUFLTyxJQUF4QixjQUFoQixHQUE2RCxFQUZ4RCxnQkFFMEUsS0FBS0csU0FBTCxHQUM3RVYsSUFBSSxtQkFBbUIsS0FBS1UsU0FBeEIsY0FEeUUsR0FFN0UsRUFKRyxVQUFYO0FBT0Q7O0FBbkdtQztBQXNHdENhLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsUUFBN0IsRUFBdUNwQixLQUF2QyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5pbXBvcnQgeyBMaXRFbGVtZW50LCBodG1sLCBjc3MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgc2tlbGV0b24gfSBmcm9tICcuLi9zdHlsZXMvc2tlbGV0b24nO1xuaW1wb3J0IHsgbGluayB9IGZyb20gJy4uL3N0eWxlcy9saW5rJztcbmltcG9ydCAnLi9ndi1pY29uJztcbmltcG9ydCB7IGRpc3BhdGNoQ3VzdG9tRXZlbnQgfSBmcm9tICcuLi9saWIvZXZlbnRzJztcblxuLyoqXG4gKiBBIFRhZ1xuICpcbiAqICMjIERldGFpbHNcbiAqICogaGFzIEB0aGVtZSBmYWNldFxuICpcbiAqIEBmaXJlcyBjbGljayAtIE5hdGl2ZSBjbGljayBldmVudFxuICpcbiAqIEBzbG90IC0gVGhlIGNvbnRlbnQgb2YgdGhlIHRhZyAodGV4dCBvciBIVE1MKVxuICpcbiAqIEBhdHRyIHtTdHJpbmd9IGljb24gLSBuYW1lIG9mIHNoYXBlXG4gKiBAYXR0ciB7U3RyaW5nfSBpY29uLXJpZ2h0IC0gbmFtZSBvZiBzaGFwZVxuICogQGF0dHIge0Jvb2xlYW59IG1ham9yIC0gc2V0IHRhZyBVSSBhcyBtYWpvclxuICogQGF0dHIge0Jvb2xlYW59IG1pbm9yIC0gc2V0IHRhZyBVSSBhcyBtaW5vclxuICogQGF0dHIge0Jvb2xlYW59IHNrZWxldG9uIC0gIGVuYWJsZSBza2VsZXRvbiBzY3JlZW4gVUkgcGF0dGVybiAobG9hZGluZyBoaW50KVxuICogQGF0dHIge0Jvb2xlYW59IGNsaWNrYWJsZSAtIElmIHRydWUsIHRhZyBoYXMgbGluayBzdHlsZVxuICpcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LXRhZy0tZno9dmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLXMsIDEycHgpXSAtIEZvbnQgc2l6ZVxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtdGFnLS1wPTRweCA4cHhdIC0gUGFkZGluZ1xuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtdGFnLS1iZHI9NHB4XSAtIEJvcmRlciByYWRpdXNcbiAqIEBjc3Nwcm9wIHtTdHJpbmd9IFstLWd2LXRhZy0tYnN3PW5vbmVdIC0gQm94IHNoYWRvd1xuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdGFnLS1iZ2M9dmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1saWdodGVyLCAjZmFmYWZhKV0gLSBCYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy1tYWpvci0tYmdjPXZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KV0gLSBNYWpvciBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy1taW5vci0tYmdjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpXSAtIE1pbm9yIGJhY2tncm91bmQgY29sb3JcbiAqXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy0tYmRjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2Q5ZDlkOSldIC0gQm9yZGVyIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy1tYWpvci0tYmRjPXZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KV0gLSBNYWpvciBib3JkZXIgY29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdGFnLW1pbm9yLS1iZGM9dmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1kYXJrLCAjZDlkOWQ5KV0gLSBNaW5vciBib3JkZXIgY29sb3JcblxuICogQGNzc3Byb3Age1N0cmluZ30gWy0tZ3YtdGFnLS1iZHM9c29saWRdIC0gQm9yZGVyIHN0eWxlXG4gKiBAY3NzcHJvcCB7U3RyaW5nfSBbLS1ndi10YWctbWFqb3ItLWJkcz1zb2xpZF0gLSBNYWpvciBib3JkZXIgc3R5bGVcbiAqIEBjc3Nwcm9wIHtTdHJpbmd9IFstLWd2LXRhZy1taW5vci0tYmRzPWRhc2hlZF0gLSBNaW5vciBib3JkZXIgc3R5bGVcbiAqXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi10YWctLWJkdz0xcHhdIC0gQm9yZGVyIHdpZHRoXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi10YWctbWFqb3ItLWJkdz0xcHhdIC0gTWFqb3IgYm9yZGVyIHdpZHRoXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi10YWctbWlub3ItLWJkdz0xcHhdIC0gTWlub3IgYm9yZGVyIHdpZHRoXG4gKlxuICogQGNzc3Byb3Age0NvbG9yfSBbLS1ndi10YWctLWM9dmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1kYXJrLCAjMjYyNjI2KV0gLSBDb2xvclxuICogQGNzc3Byb3Age0NvbG9yfSBbLS1ndi10YWctbWFqb3ItLWM9dmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1saWdodCwgI2ZmZmZmZildIC0gTWFqb3IgY29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdGFnLW1pbm9yLS1jPXZhcigtLWd2LXRoZW1lLWZvbnQtY29sb3ItZGFyaywgIzI2MjYyNildIC0gTWlub3IgY29sb3JcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LXRhZy1pY29uLS1zPTE4cHhdIC0gSGVpZ2h0IGFuZCBpY29uIHdpZHRoXG4gKi9cbmV4cG9ydCBjbGFzcyBHdlRhZyBleHRlbmRzIExpdEVsZW1lbnQge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGljb246IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICBpY29uUmlnaHQ6IHsgdHlwZTogU3RyaW5nLCBhdHRyaWJ1dGU6ICdpY29uLXJpZ2h0JyB9LFxuICAgICAgbWFqb3I6IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgbWlub3I6IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgc2tlbGV0b246IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgY2xpY2thYmxlOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICB9O1xuICB9XG5cbiAgc3RhdGljIGdldCBzdHlsZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHNrZWxldG9uLFxuICAgICAgbGluayxcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgbWFyZ2luOiAwLjJyZW07XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5kZWZhdWx0IHtcbiAgICAgICAgICAtLWJnYzogdmFyKC0tZ3YtdGFnLS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlciwgI2ZhZmFmYSkpO1xuICAgICAgICAgIC0tYmRjOiB2YXIoLS1ndi10YWctLWJkYywgdmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1kYXJrLCAjZDlkOWQ5KSk7XG4gICAgICAgICAgLS1iZHM6IHZhcigtLWd2LXRhZy0tYmRzLCBzb2xpZCk7XG4gICAgICAgICAgLS1iZHc6IHZhcigtLWd2LXRhZy0tYmR3LCAxcHgpO1xuICAgICAgICAgIC0tYzogdmFyKC0tZ3YtdGFnLS1jLCB2YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5tYWpvciB7XG4gICAgICAgICAgLS1iZ2M6IHZhcigtLWd2LXRhZy1tYWpvci0tYmdjLCB2YXIoLS1ndi10aGVtZS1jb2xvciwgIzVhNzY4NCkpO1xuICAgICAgICAgIC0tYmRjOiB2YXIoLS1ndi10YWctbWFqb3ItLWJkYywgdmFyKC0tZ3YtdGhlbWUtY29sb3IsICM1YTc2ODQpKTtcbiAgICAgICAgICAtLWJkczogdmFyKC0tZ3YtdGFnLW1ham9yLS1iZHMsIHNvbGlkKTtcbiAgICAgICAgICAtLWJkdzogdmFyKC0tZ3YtdGFnLW1ham9yLS1iZHcsIDFweCk7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi10YWctbWFqb3ItLWMsIHZhcigtLWd2LXRoZW1lLWZvbnQtY29sb3ItbGlnaHQsICNmZmZmZmYpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5taW5vciB7XG4gICAgICAgICAgLS1iZ2M6IHZhcigtLWd2LXRhZy1taW5vci0tYmdjLCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXN0LCAjZmZmZmZmKSk7XG4gICAgICAgICAgLS1iZGM6IHZhcigtLWd2LXRhZy1taW5vci0tYmRjLCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNkOWQ5ZDkpKTtcbiAgICAgICAgICAtLWJkczogdmFyKC0tZ3YtdGFnLW1pbm9yLS1iZHMsIGRhc2hlZCk7XG4gICAgICAgICAgLS1iZHc6IHZhcigtLWd2LXRhZy1taW5vci0tYmR3LCAxcHgpO1xuICAgICAgICAgIC0tYzogdmFyKC0tZ3YtdGFnLW1pbm9yLS1jLCB2YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdiB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmdjKTtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWJkYyk7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3YtdGFnLS1iZHIsIDRweCk7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiB2YXIoLS1iZHMpO1xuICAgICAgICAgIGJvcmRlci13aWR0aDogdmFyKC0tYmR3KTtcbiAgICAgICAgICBib3gtc2hhZG93OiB2YXIoLS1ndi10YWctLWJzdywgbm9uZSk7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWMpO1xuICAgICAgICAgIC0tZno6IHZhcigtLWd2LXRhZy0tZnosIHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1zLCAxMnB4KSk7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1meik7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWZ6KTtcbiAgICAgICAgICBwYWRkaW5nOiB2YXIoLS1ndi10YWctLXAsIDRweCA4cHgpO1xuICAgICAgICAgIC0tZ3YtaWNvbi0tczogdmFyKC0tZ3YtdGFnLWljb24tLXMsIDE4cHgpO1xuICAgICAgICAgIC0tZ3YtaWNvbi0tYzogdmFyKC0tYyk7XG4gICAgICAgICAgLS1ndi1pY29uLW9wYWNpdHktLWM6IHZhcigtLWMpO1xuXG4gICAgICAgICAgd29yZC1icmVhazogbm9ybWFsO1xuICAgICAgICB9XG5cbiAgICAgICAgZGl2ID4gKiB7XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdO1xuICB9XG5cbiAgX29uVGFnQ2xpY2soZSkge1xuICAgIGlmICh0aGlzLmNsaWNrYWJsZSkge1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2NsaWNrJywge30pO1xuICAgIH1cbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBtb2RlcyA9IHtcbiAgICAgIGRlZmF1bHQ6ICF0aGlzLm1ham9yICYmICF0aGlzLm1pbm9yLFxuICAgICAgbWFqb3I6IHRoaXMubWFqb3IsXG4gICAgICBtaW5vcjogdGhpcy5taW5vciAmJiAhdGhpcy5tYWpvcixcbiAgICAgIHNrZWxldG9uOiB0aGlzLnNrZWxldG9uLFxuICAgICAgbGluazogdGhpcy5jbGlja2FibGUsXG4gICAgfTtcblxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz0ke2NsYXNzTWFwKG1vZGVzKX0gQGNsaWNrPVwiJHt0aGlzLl9vblRhZ0NsaWNrfVwiPlxuICAgICAgICAke3RoaXMuaWNvbiA/IGh0bWxgPGd2LWljb24gc2hhcGU9XCIke3RoaXMuaWNvbn1cIj48L2d2LWljb24+YCA6ICcnfTxzbG90Pjwvc2xvdD4ke3RoaXMuaWNvblJpZ2h0XG4gICAgICAgICAgPyBodG1sYDxndi1pY29uIHNoYXBlPVwiJHt0aGlzLmljb25SaWdodH1cIj48L2d2LWljb24+YFxuICAgICAgICAgIDogJyd9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LXRhZycsIEd2VGFnKTtcbiJdfQ==