@gravitee/ui-components 3.25.3 → 3.25.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +10 -7
- package/src/atoms/gv-autocomplete.d.ts +104 -0
- package/src/atoms/gv-autocomplete.js +339 -353
- package/src/atoms/gv-autocomplete.js.map +1 -0
- package/src/atoms/gv-button.d.ts +109 -0
- package/src/atoms/gv-button.js +315 -152
- package/src/atoms/gv-button.js.map +1 -0
- package/src/atoms/gv-checkbox.d.ts +114 -0
- package/src/atoms/gv-checkbox.js +128 -78
- package/src/atoms/gv-checkbox.js.map +1 -0
- package/src/atoms/gv-date-picker-calendar.d.ts +190 -0
- package/src/atoms/gv-date-picker-calendar.js +699 -699
- package/src/atoms/gv-date-picker-calendar.js.map +1 -0
- package/src/atoms/gv-date-picker-cell.d.ts +80 -0
- package/src/atoms/gv-date-picker-cell.js +117 -108
- package/src/atoms/gv-date-picker-cell.js.map +1 -0
- package/src/atoms/gv-date-picker.d.ts +194 -0
- package/src/atoms/gv-date-picker.js +549 -442
- package/src/atoms/gv-date-picker.js.map +1 -0
- package/src/atoms/gv-file-upload.d.ts +64 -0
- package/src/atoms/gv-file-upload.js +288 -196
- package/src/atoms/gv-file-upload.js.map +1 -0
- package/src/atoms/gv-icon.d.ts +26 -0
- package/src/atoms/gv-icon.js +59 -47
- package/src/atoms/gv-icon.js.map +1 -0
- package/src/atoms/gv-image.d.ts +45 -0
- package/src/atoms/gv-image.js +93 -66
- package/src/atoms/gv-image.js.map +1 -0
- package/src/atoms/gv-input-message.d.ts +20 -0
- package/src/atoms/gv-input-message.js +49 -29
- package/src/atoms/gv-input-message.js.map +1 -0
- package/src/atoms/gv-input.d.ts +246 -0
- package/src/atoms/gv-input.js +400 -421
- package/src/atoms/gv-input.js.map +1 -0
- package/src/atoms/gv-link.d.ts +67 -0
- package/src/atoms/gv-link.js +143 -70
- package/src/atoms/gv-link.js.map +1 -0
- package/src/atoms/gv-message.d.ts +23 -0
- package/src/atoms/gv-message.js +98 -41
- package/src/atoms/gv-message.js.map +1 -0
- package/src/atoms/gv-metric.d.ts +32 -0
- package/src/atoms/gv-metric.js +74 -29
- package/src/atoms/gv-metric.js.map +1 -0
- package/src/atoms/gv-relative-time.d.ts +45 -0
- package/src/atoms/gv-relative-time.js +107 -148
- package/src/atoms/gv-relative-time.js.map +1 -0
- package/src/atoms/gv-select-native.d.ts +174 -0
- package/src/atoms/gv-select-native.js +289 -194
- package/src/atoms/gv-select-native.js.map +1 -0
- package/src/atoms/gv-select.d.ts +71 -0
- package/src/atoms/gv-select.js +323 -226
- package/src/atoms/gv-select.js.map +1 -0
- package/src/atoms/gv-spinner.d.ts +10 -0
- package/src/atoms/gv-spinner.js +29 -10
- package/src/atoms/gv-spinner.js.map +1 -0
- package/src/atoms/gv-state.d.ts +50 -0
- package/src/atoms/gv-state.js +76 -39
- package/src/atoms/gv-state.js.map +1 -0
- package/src/atoms/gv-switch.d.ts +60 -0
- package/src/atoms/gv-switch.js +187 -74
- package/src/atoms/gv-switch.js.map +1 -0
- package/src/atoms/gv-tag.d.ts +69 -0
- package/src/atoms/gv-tag.js +92 -45
- package/src/atoms/gv-tag.js.map +1 -0
- package/src/atoms/gv-text.d.ts +110 -0
- package/src/atoms/gv-text.js +105 -51
- package/src/atoms/gv-text.js.map +1 -0
- package/src/charts/gv-chart-bar.d.ts +50 -0
- package/src/charts/gv-chart-bar.js +64 -69
- package/src/charts/gv-chart-bar.js.map +1 -0
- package/src/charts/gv-chart-gauge.d.ts +58 -0
- package/src/charts/gv-chart-gauge.js +58 -62
- package/src/charts/gv-chart-gauge.js.map +1 -0
- package/src/charts/gv-chart-histogram.d.ts +48 -0
- package/src/charts/gv-chart-histogram.js +46 -58
- package/src/charts/gv-chart-histogram.js.map +1 -0
- package/src/charts/gv-chart-line.d.ts +52 -0
- package/src/charts/gv-chart-line.js +173 -189
- package/src/charts/gv-chart-line.js.map +1 -0
- package/src/charts/gv-chart-map.d.ts +50 -0
- package/src/charts/gv-chart-map.js +73 -75
- package/src/charts/gv-chart-map.js.map +1 -0
- package/src/charts/gv-chart-pie.d.ts +50 -0
- package/src/charts/gv-chart-pie.js +52 -57
- package/src/charts/gv-chart-pie.js.map +1 -0
- package/src/index.d.ts +77 -0
- package/src/index.js +1 -1
- package/src/index.js.map +1 -0
- package/src/lib/cron-expression.d.ts +1 -0
- package/src/lib/cron-expression.js +143 -176
- package/src/lib/cron-expression.js.map +1 -0
- package/src/lib/date.d.ts +1 -0
- package/src/lib/date.js +26 -35
- package/src/lib/date.js.map +1 -0
- package/src/lib/events.d.ts +1 -0
- package/src/lib/events.js +10 -11
- package/src/lib/events.js.map +1 -0
- package/src/lib/http-client-schema-form.d.ts +68 -0
- package/src/lib/http-client-schema-form.js +50 -50
- package/src/lib/http-client-schema-form.js.map +1 -0
- package/src/lib/http.d.ts +222 -0
- package/src/lib/http.js +221 -221
- package/src/lib/http.js.map +1 -0
- package/src/lib/i18n.d.ts +30 -0
- package/src/lib/i18n.js +40 -57
- package/src/lib/i18n.js.map +1 -0
- package/src/lib/item.d.ts +12 -0
- package/src/lib/item.js +66 -74
- package/src/lib/item.js.map +1 -0
- package/src/lib/properties.d.ts +42 -0
- package/src/lib/properties.js +110 -162
- package/src/lib/properties.js.map +1 -0
- package/src/lib/schema-form.d.ts +5 -0
- package/src/lib/schema-form.js +13 -16
- package/src/lib/schema-form.js.map +1 -0
- package/src/lib/studio.d.ts +2 -0
- package/src/lib/studio.js +116 -65
- package/src/lib/studio.js.map +1 -0
- package/src/lib/style.d.ts +6 -0
- package/src/lib/style.js +18 -19
- package/src/lib/style.js.map +1 -0
- package/src/lib/text-format.d.ts +6 -0
- package/src/lib/text-format.js +45 -55
- package/src/lib/text-format.js.map +1 -0
- package/src/lib/theme.d.ts +4 -0
- package/src/lib/theme.js +38 -43
- package/src/lib/theme.js.map +1 -0
- package/src/lib/utils.d.ts +9 -0
- package/src/lib/utils.js +72 -75
- package/src/lib/utils.js.map +1 -0
- package/src/mixins/chart-element.d.ts +39 -0
- package/src/mixins/chart-element.js +118 -106
- package/src/mixins/chart-element.js.map +1 -0
- package/src/mixins/input-element.d.ts +64 -0
- package/src/mixins/input-element.js +111 -131
- package/src/mixins/input-element.js.map +1 -0
- package/src/mixins/item-resource.d.ts +56 -0
- package/src/mixins/item-resource.js +76 -95
- package/src/mixins/item-resource.js.map +1 -0
- package/src/mixins/keyboard-element.d.ts +25 -0
- package/src/mixins/keyboard-element.js +44 -51
- package/src/mixins/keyboard-element.js.map +1 -0
- package/src/mixins/update-after-browser.d.ts +11 -0
- package/src/mixins/update-after-browser.js +10 -12
- package/src/mixins/update-after-browser.js.map +1 -0
- package/src/mixins/with-resize-observer.d.ts +12 -0
- package/src/mixins/with-resize-observer.js +46 -61
- package/src/mixins/with-resize-observer.js.map +1 -0
- package/src/mixins/with-skeleton-attribute.d.ts +35 -0
- package/src/mixins/with-skeleton-attribute.js +80 -88
- package/src/mixins/with-skeleton-attribute.js.map +1 -0
- package/src/molecules/gv-card-full.d.ts +78 -0
- package/src/molecules/gv-card-full.js +160 -47
- package/src/molecules/gv-card-full.js.map +1 -0
- package/src/molecules/gv-card-list.d.ts +33 -0
- package/src/molecules/gv-card-list.js +65 -47
- package/src/molecules/gv-card-list.js.map +1 -0
- package/src/molecules/gv-card.d.ts +65 -0
- package/src/molecules/gv-card.js +94 -22
- package/src/molecules/gv-card.js.map +1 -0
- package/src/molecules/gv-category-list.d.ts +17 -0
- package/src/molecules/gv-category-list.js +23 -15
- package/src/molecules/gv-category-list.js.map +1 -0
- package/src/molecules/gv-category.d.ts +64 -0
- package/src/molecules/gv-category.js +117 -43
- package/src/molecules/gv-category.js.map +1 -0
- package/src/molecules/gv-code.d.ts +192 -0
- package/src/molecules/gv-code.js +258 -220
- package/src/molecules/gv-code.js.map +1 -0
- package/src/molecules/gv-confirm.d.ts +60 -0
- package/src/molecules/gv-confirm.js +131 -113
- package/src/molecules/gv-confirm.js.map +1 -0
- package/src/molecules/gv-cron-editor.d.ts +115 -0
- package/src/molecules/gv-cron-editor.js +597 -375
- package/src/molecules/gv-cron-editor.js.map +1 -0
- package/src/molecules/gv-dropdown-menu.d.ts +28 -0
- package/src/molecules/gv-dropdown-menu.js +77 -52
- package/src/molecules/gv-dropdown-menu.js.map +1 -0
- package/src/molecules/gv-expandable.d.ts +37 -0
- package/src/molecules/gv-expandable.js +77 -54
- package/src/molecules/gv-expandable.js.map +1 -0
- package/src/molecules/gv-expression-language.d.ts +150 -0
- package/src/molecules/gv-expression-language.js +212 -256
- package/src/molecules/gv-expression-language.js.map +1 -0
- package/src/molecules/gv-identity-picture.d.ts +44 -0
- package/src/molecules/gv-identity-picture.js +102 -87
- package/src/molecules/gv-identity-picture.js.map +1 -0
- package/src/molecules/gv-list.d.ts +123 -0
- package/src/molecules/gv-list.js +167 -87
- package/src/molecules/gv-list.js.map +1 -0
- package/src/molecules/gv-metrics.d.ts +65 -0
- package/src/molecules/gv-metrics.js +103 -105
- package/src/molecules/gv-metrics.js.map +1 -0
- package/src/molecules/gv-modal.d.ts +64 -0
- package/src/molecules/gv-modal.js +157 -99
- package/src/molecules/gv-modal.js.map +1 -0
- package/src/molecules/gv-nav.d.ts +41 -0
- package/src/molecules/gv-nav.js +134 -123
- package/src/molecules/gv-nav.js.map +1 -0
- package/src/molecules/gv-option.d.ts +65 -0
- package/src/molecules/gv-option.js +177 -115
- package/src/molecules/gv-option.js.map +1 -0
- package/src/molecules/gv-plans.d.ts +73 -0
- package/src/molecules/gv-plans.js +327 -232
- package/src/molecules/gv-plans.js.map +1 -0
- package/src/molecules/gv-popover.d.ts +91 -0
- package/src/molecules/gv-popover.js +265 -172
- package/src/molecules/gv-popover.js.map +1 -0
- package/src/molecules/gv-promote.d.ts +108 -0
- package/src/molecules/gv-promote.js +152 -39
- package/src/molecules/gv-promote.js.map +1 -0
- package/src/molecules/gv-rating-list.d.ts +77 -0
- package/src/molecules/gv-rating-list.js +287 -184
- package/src/molecules/gv-rating-list.js.map +1 -0
- package/src/molecules/gv-rating.d.ts +55 -0
- package/src/molecules/gv-rating.js +187 -152
- package/src/molecules/gv-rating.js.map +1 -0
- package/src/molecules/gv-row-expandable.d.ts +8 -0
- package/src/molecules/gv-row-expandable.js +18 -14
- package/src/molecules/gv-row-expandable.js.map +1 -0
- package/src/molecules/gv-row.d.ts +37 -0
- package/src/molecules/gv-row.js +164 -42
- package/src/molecules/gv-row.js.map +1 -0
- package/src/molecules/gv-stats.d.ts +53 -0
- package/src/molecules/gv-stats.js +70 -55
- package/src/molecules/gv-stats.js.map +1 -0
- package/src/molecules/gv-stepper.d.ts +46 -0
- package/src/molecules/gv-stepper.js +225 -94
- package/src/molecules/gv-stepper.js.map +1 -0
- package/src/molecules/gv-table.d.ts +159 -0
- package/src/molecules/gv-table.js +530 -460
- package/src/molecules/gv-table.js.map +1 -0
- package/src/molecules/gv-tree.d.ts +44 -0
- package/src/molecules/gv-tree.js +189 -77
- package/src/molecules/gv-tree.js.map +1 -0
- package/src/organisms/gv-documentation.d.ts +52 -0
- package/src/organisms/gv-documentation.js +155 -81
- package/src/organisms/gv-documentation.js.map +1 -0
- package/src/organisms/gv-header.d.ts +60 -0
- package/src/organisms/gv-header.js +227 -80
- package/src/organisms/gv-header.js.map +1 -0
- package/src/organisms/gv-http-client.d.ts +57 -0
- package/src/organisms/gv-http-client.js +203 -83
- package/src/organisms/gv-http-client.js.map +1 -0
- package/src/organisms/gv-menu.d.ts +74 -0
- package/src/organisms/gv-menu.js +206 -89
- package/src/organisms/gv-menu.js.map +1 -0
- package/src/organisms/gv-newsletter-subscription.d.ts +82 -0
- package/src/organisms/gv-newsletter-subscription.js +212 -83
- package/src/organisms/gv-newsletter-subscription.js.map +1 -0
- package/src/organisms/gv-pagination.d.ts +63 -0
- package/src/organisms/gv-pagination.js +134 -124
- package/src/organisms/gv-pagination.js.map +1 -0
- package/src/organisms/gv-properties.d.ts +229 -0
- package/src/organisms/gv-properties.js +778 -616
- package/src/organisms/gv-properties.js.map +1 -0
- package/src/organisms/gv-resizable-views.d.ts +33 -0
- package/src/organisms/gv-resizable-views.js +334 -140
- package/src/organisms/gv-resizable-views.js.map +1 -0
- package/src/organisms/gv-resources.d.ts +125 -0
- package/src/organisms/gv-resources.js +434 -365
- package/src/organisms/gv-resources.js.map +1 -0
- package/src/organisms/gv-schema-form-array.d.ts +55 -0
- package/src/organisms/gv-schema-form-array.js +196 -98
- package/src/organisms/gv-schema-form-array.js.map +1 -0
- package/src/organisms/gv-schema-form-control-object.d.ts +64 -0
- package/src/organisms/gv-schema-form-control-object.js +110 -108
- package/src/organisms/gv-schema-form-control-object.js.map +1 -0
- package/src/organisms/gv-schema-form-control.d.ts +90 -0
- package/src/organisms/gv-schema-form-control.js +353 -349
- package/src/organisms/gv-schema-form-control.js.map +1 -0
- package/src/organisms/gv-schema-form.d.ts +156 -0
- package/src/organisms/gv-schema-form.js +611 -556
- package/src/organisms/gv-schema-form.js.map +1 -0
- package/src/organisms/gv-tabs.d.ts +56 -0
- package/src/organisms/gv-tabs.js +149 -125
- package/src/organisms/gv-tabs.js.map +1 -0
- package/src/organisms/gv-user-menu.d.ts +56 -0
- package/src/organisms/gv-user-menu.js +244 -94
- package/src/organisms/gv-user-menu.js.map +1 -0
- package/src/organisms/gv-vertical-menu.d.ts +28 -0
- package/src/organisms/gv-vertical-menu.js +84 -46
- package/src/organisms/gv-vertical-menu.js.map +1 -0
- package/src/policy-studio/gv-flow-step.d.ts +142 -0
- package/src/policy-studio/gv-flow-step.js +390 -250
- package/src/policy-studio/gv-flow-step.js.map +1 -0
- package/src/policy-studio/gv-flow.d.ts +89 -0
- package/src/policy-studio/gv-flow.js +512 -358
- package/src/policy-studio/gv-flow.js.map +1 -0
- package/src/policy-studio/gv-policy-studio-menu.d.ts +94 -0
- package/src/policy-studio/gv-policy-studio-menu.js +657 -403
- package/src/policy-studio/gv-policy-studio-menu.js.map +1 -0
- package/src/policy-studio/gv-policy-studio.d.ts +464 -0
- package/src/policy-studio/gv-policy-studio.js +1531 -1599
- package/src/policy-studio/gv-policy-studio.js.map +1 -0
- package/src/styles/empty.d.ts +1 -0
- package/src/styles/empty.js +21 -4
- package/src/styles/empty.js.map +1 -0
- package/src/styles/input.d.ts +1 -0
- package/src/styles/input.js +247 -3
- package/src/styles/input.js.map +1 -0
- package/src/styles/link.d.ts +1 -0
- package/src/styles/link.js +16 -3
- package/src/styles/link.js.map +1 -0
- package/src/styles/shapes.d.ts +2 -0
- package/src/styles/shapes.js +1 -1
- package/src/styles/shapes.js.map +1 -0
- package/src/styles/skeleton.d.ts +1 -0
- package/src/styles/skeleton.js +37 -3
- package/src/styles/skeleton.js.map +1 -0
- package/src/styles/zoom.d.ts +1 -0
- package/src/styles/zoom.js +24 -3
- package/src/styles/zoom.js.map +1 -0
- package/src/theme/gv-theme.d.ts +81 -0
- package/src/theme/gv-theme.js +115 -81
- package/src/theme/gv-theme.js.map +1 -0
- package/wc/gv-autocomplete.d.ts +1 -0
- package/wc/gv-autocomplete.js +2 -1
- package/wc/gv-autocomplete.js.map +1 -0
- package/wc/gv-button.d.ts +1 -0
- package/wc/gv-button.js +2 -1
- package/wc/gv-button.js.map +1 -0
- package/wc/gv-card-full.d.ts +1 -0
- package/wc/gv-card-full.js +2 -1
- package/wc/gv-card-full.js.map +1 -0
- package/wc/gv-card-list.d.ts +1 -0
- package/wc/gv-card-list.js +2 -1
- package/wc/gv-card-list.js.map +1 -0
- package/wc/gv-card.d.ts +1 -0
- package/wc/gv-card.js +2 -1
- package/wc/gv-card.js.map +1 -0
- package/wc/gv-category-list.d.ts +1 -0
- package/wc/gv-category-list.js +2 -1
- package/wc/gv-category-list.js.map +1 -0
- package/wc/gv-category.d.ts +1 -0
- package/wc/gv-category.js +2 -1
- package/wc/gv-category.js.map +1 -0
- package/wc/gv-chart-bar.d.ts +1 -0
- package/wc/gv-chart-bar.js +2 -1
- package/wc/gv-chart-bar.js.map +1 -0
- package/wc/gv-chart-gauge.d.ts +1 -0
- package/wc/gv-chart-gauge.js +2 -1
- package/wc/gv-chart-gauge.js.map +1 -0
- package/wc/gv-chart-histogram.d.ts +1 -0
- package/wc/gv-chart-histogram.js +2 -1
- package/wc/gv-chart-histogram.js.map +1 -0
- package/wc/gv-chart-line.d.ts +1 -0
- package/wc/gv-chart-line.js +2 -1
- package/wc/gv-chart-line.js.map +1 -0
- package/wc/gv-chart-map.d.ts +1 -0
- package/wc/gv-chart-map.js +2 -1
- package/wc/gv-chart-map.js.map +1 -0
- package/wc/gv-chart-pie.d.ts +1 -0
- package/wc/gv-chart-pie.js +2 -1
- package/wc/gv-chart-pie.js.map +1 -0
- package/wc/gv-checkbox.d.ts +1 -0
- package/wc/gv-checkbox.js +2 -1
- package/wc/gv-checkbox.js.map +1 -0
- package/wc/gv-code.d.ts +1 -0
- package/wc/gv-code.js +2 -1
- package/wc/gv-code.js.map +1 -0
- package/wc/gv-confirm.d.ts +1 -0
- package/wc/gv-confirm.js +2 -1
- package/wc/gv-confirm.js.map +1 -0
- package/wc/gv-cron-editor.d.ts +1 -0
- package/wc/gv-cron-editor.js +2 -1
- package/wc/gv-cron-editor.js.map +1 -0
- package/wc/gv-date-picker-calendar.d.ts +1 -0
- package/wc/gv-date-picker-calendar.js +2 -1
- package/wc/gv-date-picker-calendar.js.map +1 -0
- package/wc/gv-date-picker-cell.d.ts +1 -0
- package/wc/gv-date-picker-cell.js +2 -1
- package/wc/gv-date-picker-cell.js.map +1 -0
- package/wc/gv-date-picker.d.ts +1 -0
- package/wc/gv-date-picker.js +2 -1
- package/wc/gv-date-picker.js.map +1 -0
- package/wc/gv-documentation.d.ts +1 -0
- package/wc/gv-documentation.js +2 -1
- package/wc/gv-documentation.js.map +1 -0
- package/wc/gv-dropdown-menu.d.ts +1 -0
- package/wc/gv-dropdown-menu.js +2 -1
- package/wc/gv-dropdown-menu.js.map +1 -0
- package/wc/gv-expandable.d.ts +1 -0
- package/wc/gv-expandable.js +2 -1
- package/wc/gv-expandable.js.map +1 -0
- package/wc/gv-expression-language.d.ts +1 -0
- package/wc/gv-expression-language.js +2 -1
- package/wc/gv-expression-language.js.map +1 -0
- package/wc/gv-file-upload.d.ts +1 -0
- package/wc/gv-file-upload.js +2 -1
- package/wc/gv-file-upload.js.map +1 -0
- package/wc/gv-flow-step.d.ts +1 -0
- package/wc/gv-flow-step.js +2 -1
- package/wc/gv-flow-step.js.map +1 -0
- package/wc/gv-flow.d.ts +1 -0
- package/wc/gv-flow.js +2 -1
- package/wc/gv-flow.js.map +1 -0
- package/wc/gv-header.d.ts +1 -0
- package/wc/gv-header.js +2 -1
- package/wc/gv-header.js.map +1 -0
- package/wc/gv-http-client.d.ts +1 -0
- package/wc/gv-http-client.js +2 -1
- package/wc/gv-http-client.js.map +1 -0
- package/wc/gv-icon.d.ts +1 -0
- package/wc/gv-icon.js +2 -1
- package/wc/gv-icon.js.map +1 -0
- package/wc/gv-identity-picture.d.ts +1 -0
- package/wc/gv-identity-picture.js +2 -1
- package/wc/gv-identity-picture.js.map +1 -0
- package/wc/gv-image.d.ts +1 -0
- package/wc/gv-image.js +2 -1
- package/wc/gv-image.js.map +1 -0
- package/wc/gv-input-message.d.ts +1 -0
- package/wc/gv-input-message.js +2 -1
- package/wc/gv-input-message.js.map +1 -0
- package/wc/gv-input.d.ts +1 -0
- package/wc/gv-input.js +2 -1
- package/wc/gv-input.js.map +1 -0
- package/wc/gv-link.d.ts +1 -0
- package/wc/gv-link.js +2 -1
- package/wc/gv-link.js.map +1 -0
- package/wc/gv-list.d.ts +1 -0
- package/wc/gv-list.js +2 -1
- package/wc/gv-list.js.map +1 -0
- package/wc/gv-menu.d.ts +1 -0
- package/wc/gv-menu.js +2 -1
- package/wc/gv-menu.js.map +1 -0
- package/wc/gv-message.d.ts +1 -0
- package/wc/gv-message.js +2 -1
- package/wc/gv-message.js.map +1 -0
- package/wc/gv-metric.d.ts +1 -0
- package/wc/gv-metric.js +2 -1
- package/wc/gv-metric.js.map +1 -0
- package/wc/gv-metrics.d.ts +1 -0
- package/wc/gv-metrics.js +2 -1
- package/wc/gv-metrics.js.map +1 -0
- package/wc/gv-modal.d.ts +1 -0
- package/wc/gv-modal.js +2 -1
- package/wc/gv-modal.js.map +1 -0
- package/wc/gv-nav.d.ts +1 -0
- package/wc/gv-nav.js +2 -1
- package/wc/gv-nav.js.map +1 -0
- package/wc/gv-newsletter-subscription.d.ts +1 -0
- package/wc/gv-newsletter-subscription.js +2 -1
- package/wc/gv-newsletter-subscription.js.map +1 -0
- package/wc/gv-option.d.ts +1 -0
- package/wc/gv-option.js +2 -1
- package/wc/gv-option.js.map +1 -0
- package/wc/gv-pagination.d.ts +1 -0
- package/wc/gv-pagination.js +2 -1
- package/wc/gv-pagination.js.map +1 -0
- package/wc/gv-plans.d.ts +1 -0
- package/wc/gv-plans.js +2 -1
- package/wc/gv-plans.js.map +1 -0
- package/wc/gv-policy-studio-menu.d.ts +1 -0
- package/wc/gv-policy-studio-menu.js +2 -1
- package/wc/gv-policy-studio-menu.js.map +1 -0
- package/wc/gv-policy-studio.d.ts +1 -0
- package/wc/gv-policy-studio.js +2 -1
- package/wc/gv-policy-studio.js.map +1 -0
- package/wc/gv-popover.d.ts +1 -0
- package/wc/gv-popover.js +2 -1
- package/wc/gv-popover.js.map +1 -0
- package/wc/gv-promote.d.ts +1 -0
- package/wc/gv-promote.js +2 -1
- package/wc/gv-promote.js.map +1 -0
- package/wc/gv-properties.d.ts +1 -0
- package/wc/gv-properties.js +2 -1
- package/wc/gv-properties.js.map +1 -0
- package/wc/gv-rating-list.d.ts +1 -0
- package/wc/gv-rating-list.js +2 -1
- package/wc/gv-rating-list.js.map +1 -0
- package/wc/gv-rating.d.ts +1 -0
- package/wc/gv-rating.js +2 -1
- package/wc/gv-rating.js.map +1 -0
- package/wc/gv-relative-time.d.ts +1 -0
- package/wc/gv-relative-time.js +2 -1
- package/wc/gv-relative-time.js.map +1 -0
- package/wc/gv-resizable-views.d.ts +1 -0
- package/wc/gv-resizable-views.js +2 -1
- package/wc/gv-resizable-views.js.map +1 -0
- package/wc/gv-resources.d.ts +1 -0
- package/wc/gv-resources.js +2 -1
- package/wc/gv-resources.js.map +1 -0
- package/wc/gv-row-expandable.d.ts +1 -0
- package/wc/gv-row-expandable.js +2 -1
- package/wc/gv-row-expandable.js.map +1 -0
- package/wc/gv-row.d.ts +1 -0
- package/wc/gv-row.js +2 -1
- package/wc/gv-row.js.map +1 -0
- package/wc/gv-schema-form-array.d.ts +1 -0
- package/wc/gv-schema-form-array.js +2 -1
- package/wc/gv-schema-form-array.js.map +1 -0
- package/wc/gv-schema-form-control-object.d.ts +1 -0
- package/wc/gv-schema-form-control-object.js +2 -1
- package/wc/gv-schema-form-control-object.js.map +1 -0
- package/wc/gv-schema-form-control.d.ts +1 -0
- package/wc/gv-schema-form-control.js +2 -1
- package/wc/gv-schema-form-control.js.map +1 -0
- package/wc/gv-schema-form.d.ts +1 -0
- package/wc/gv-schema-form.js +2 -1
- package/wc/gv-schema-form.js.map +1 -0
- package/wc/gv-select-native.d.ts +1 -0
- package/wc/gv-select-native.js +2 -1
- package/wc/gv-select-native.js.map +1 -0
- package/wc/gv-select.d.ts +1 -0
- package/wc/gv-select.js +2 -1
- package/wc/gv-select.js.map +1 -0
- package/wc/gv-spinner.d.ts +1 -0
- package/wc/gv-spinner.js +2 -1
- package/wc/gv-spinner.js.map +1 -0
- package/wc/gv-state.d.ts +1 -0
- package/wc/gv-state.js +2 -1
- package/wc/gv-state.js.map +1 -0
- package/wc/gv-stats.d.ts +1 -0
- package/wc/gv-stats.js +2 -1
- package/wc/gv-stats.js.map +1 -0
- package/wc/gv-stepper.d.ts +1 -0
- package/wc/gv-stepper.js +2 -1
- package/wc/gv-stepper.js.map +1 -0
- package/wc/gv-switch.d.ts +1 -0
- package/wc/gv-switch.js +2 -1
- package/wc/gv-switch.js.map +1 -0
- package/wc/gv-table.d.ts +1 -0
- package/wc/gv-table.js +2 -1
- package/wc/gv-table.js.map +1 -0
- package/wc/gv-tabs.d.ts +1 -0
- package/wc/gv-tabs.js +2 -1
- package/wc/gv-tabs.js.map +1 -0
- package/wc/gv-tag.d.ts +1 -0
- package/wc/gv-tag.js +2 -1
- package/wc/gv-tag.js.map +1 -0
- package/wc/gv-text.d.ts +1 -0
- package/wc/gv-text.js +2 -1
- package/wc/gv-text.js.map +1 -0
- package/wc/gv-theme.d.ts +1 -0
- package/wc/gv-theme.js +2 -1
- package/wc/gv-theme.js.map +1 -0
- package/wc/gv-tree.d.ts +1 -0
- package/wc/gv-tree.js +2 -1
- package/wc/gv-tree.js.map +1 -0
- package/wc/gv-user-menu.d.ts +1 -0
- package/wc/gv-user-menu.js +2 -1
- package/wc/gv-user-menu.js.map +1 -0
- package/wc/gv-vertical-menu.d.ts +1 -0
- package/wc/gv-vertical-menu.js +2 -1
- package/wc/gv-vertical-menu.js.map +1 -0
package/src/atoms/gv-metric.js
CHANGED
|
@@ -31,38 +31,83 @@ import './gv-icon';
|
|
|
31
31
|
* @cssprop {Color} [--gv-metric--c=var(--gv-theme-color, #5a7684)] - Color
|
|
32
32
|
* @cssprop {Length} [--gv-metric-icon--s=24px] - Height and icon width
|
|
33
33
|
*/
|
|
34
|
-
|
|
35
34
|
export class GvMetric extends LitElement {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
35
|
+
static get properties() {
|
|
36
|
+
return {
|
|
37
|
+
icon: { type: String },
|
|
38
|
+
name: { type: String },
|
|
39
|
+
value: { type: String },
|
|
40
|
+
skeleton: { type: Boolean },
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
static get styles() {
|
|
44
|
+
return [
|
|
45
|
+
// language=CSS
|
|
46
|
+
css `
|
|
47
|
+
:host {
|
|
48
|
+
box-sizing: border-box;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.metric {
|
|
52
|
+
--gv-icon--s: var(--gv-metric-icon--s, 24px);
|
|
53
|
+
--gv-icon--c: var(--gv-metric--c, var(--gv-theme-color, #5a7684));
|
|
54
|
+
min-width: 75px;
|
|
55
|
+
height: 100%;
|
|
56
|
+
width: 100%;
|
|
57
|
+
display: flex;
|
|
58
|
+
flex-direction: row;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.icon {
|
|
62
|
+
align-self: center;
|
|
63
|
+
margin-right: 4px;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
div {
|
|
67
|
+
display: block;
|
|
68
|
+
}
|
|
52
69
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
70
|
+
.metric-data {
|
|
71
|
+
display: flex;
|
|
72
|
+
flex-direction: column;
|
|
73
|
+
justify-content: flex-end;
|
|
74
|
+
}
|
|
57
75
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
};
|
|
63
|
-
return html` <div class="${classMap(modes)}"> ${this.value ? html` <div class="icon"> <gv-icon shape="${this.icon}"></gv-icon> </div> <div class="metric-data"> <div class="metric-value">${this.value}</div> <div class="metric-name">${this.name}</div> </div> ` : ''} </div> `;
|
|
64
|
-
}
|
|
76
|
+
.metric-value {
|
|
77
|
+
font-size: var(--gv-theme-font-size-m, 14px);
|
|
78
|
+
line-height: var(--gv-theme-font-size-m, 14px);
|
|
79
|
+
}
|
|
65
80
|
|
|
81
|
+
.metric-name {
|
|
82
|
+
font-size: var(--gv-theme-font-size-xs, 10px);
|
|
83
|
+
line-height: var(--gv-theme-font-size-xs, 10px);
|
|
84
|
+
opacity: 0.5;
|
|
85
|
+
}
|
|
86
|
+
`,
|
|
87
|
+
skeleton,
|
|
88
|
+
];
|
|
89
|
+
}
|
|
90
|
+
render() {
|
|
91
|
+
const modes = {
|
|
92
|
+
skeleton: this.skeleton,
|
|
93
|
+
metric: true,
|
|
94
|
+
};
|
|
95
|
+
return html `
|
|
96
|
+
<div class=${classMap(modes)}>
|
|
97
|
+
${this.value
|
|
98
|
+
? html `
|
|
99
|
+
<div class="icon">
|
|
100
|
+
<gv-icon shape="${this.icon}"></gv-icon>
|
|
101
|
+
</div>
|
|
102
|
+
<div class="metric-data">
|
|
103
|
+
<div class="metric-value">${this.value}</div>
|
|
104
|
+
<div class="metric-name">${this.name}</div>
|
|
105
|
+
</div>
|
|
106
|
+
`
|
|
107
|
+
: ''}
|
|
108
|
+
</div>
|
|
109
|
+
`;
|
|
110
|
+
}
|
|
66
111
|
}
|
|
67
112
|
window.customElements.define('gv-metric', GvMetric);
|
|
68
|
-
//# sourceMappingURL=
|
|
113
|
+
//# sourceMappingURL=gv-metric.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gv-metric.js","sourceRoot":"","sources":["../../../src/atoms/gv-metric.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,WAAW,CAAC;AAEnB;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,QAAS,SAAQ,UAAU;IACtC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC5B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,eAAe;YACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwCF;YACD,QAAQ;SACT,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG;YACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI;SACb,CAAC;QAEF,OAAO,IAAI,CAAA;mBACI,QAAQ,CAAC,KAAK,CAAC;UACxB,IAAI,CAAC,KAAK;YACV,CAAC,CAAC,IAAI,CAAA;;kCAEkB,IAAI,CAAC,IAAI;;;4CAGC,IAAI,CAAC,KAAK;2CACX,IAAI,CAAC,IAAI;;aAEvC;YACH,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Component to display a localized humanized relative date (ex: "two minutes ago").
|
|
3
|
+
*
|
|
4
|
+
* ## Details
|
|
5
|
+
* * has @theme facet
|
|
6
|
+
*
|
|
7
|
+
* @prop {String|Number} datetime - Date as ISO string or timestamp.
|
|
8
|
+
* @prop {Boolean} noFuture - Whether a date in future is allowed or not (useful when not sync).
|
|
9
|
+
*/
|
|
10
|
+
export class GvRelativeTime extends LitElement {
|
|
11
|
+
static get properties(): {
|
|
12
|
+
datetime: {
|
|
13
|
+
type: StringConstructor;
|
|
14
|
+
};
|
|
15
|
+
title: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
reflect: boolean;
|
|
18
|
+
};
|
|
19
|
+
noFuture: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
};
|
|
22
|
+
_relativeTime: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
attribute: boolean;
|
|
25
|
+
};
|
|
26
|
+
_updateIntervalId: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
attribute: boolean;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
_formatter: {
|
|
32
|
+
new (locales?: string | string[] | undefined, options?: Intl.RelativeTimeFormatOptions | undefined): Intl.RelativeTimeFormat;
|
|
33
|
+
supportedLocalesOf(locales?: string | string[] | undefined, options?: Intl.RelativeTimeFormatOptions | undefined): string[];
|
|
34
|
+
} | null;
|
|
35
|
+
getFormatter(): Promise<{
|
|
36
|
+
new (locales?: string | string[] | undefined, options?: Intl.RelativeTimeFormatOptions | undefined): Intl.RelativeTimeFormat;
|
|
37
|
+
supportedLocalesOf(locales?: string | string[] | undefined, options?: Intl.RelativeTimeFormatOptions | undefined): string[];
|
|
38
|
+
}>;
|
|
39
|
+
set datetime(arg: any);
|
|
40
|
+
_datetime: any;
|
|
41
|
+
_formatDateInThePast(date: any): any;
|
|
42
|
+
_format(dateStr: any, lang: any): Promise<string | undefined>;
|
|
43
|
+
updateIntervalId: NodeJS.Timeout | null | undefined;
|
|
44
|
+
}
|
|
45
|
+
import { LitElement } from "lit-element/lit-element";
|
|
@@ -18,35 +18,22 @@ import { LitElement, html } from 'lit';
|
|
|
18
18
|
import { until } from 'lit/directives/until';
|
|
19
19
|
import { shouldPolyfill as shouldPolyfillIntlRelativeTimeFormat } from '@formatjs/intl-relativetimeformat/should-polyfill';
|
|
20
20
|
const options = {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
21
|
+
year: 'numeric',
|
|
22
|
+
month: 'short',
|
|
23
|
+
day: 'numeric',
|
|
24
|
+
hour: 'numeric',
|
|
25
|
+
minute: 'numeric',
|
|
26
|
+
timeZoneName: 'short',
|
|
27
27
|
};
|
|
28
|
-
const UNITS = [
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
},
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}, {
|
|
38
|
-
unit: 'day',
|
|
39
|
-
duration: 1000 * 60 * 60 * 24
|
|
40
|
-
}, {
|
|
41
|
-
unit: 'hour',
|
|
42
|
-
duration: 1000 * 60 * 60
|
|
43
|
-
}, {
|
|
44
|
-
unit: 'minute',
|
|
45
|
-
duration: 1000 * 60
|
|
46
|
-
}, {
|
|
47
|
-
unit: 'second',
|
|
48
|
-
duration: 1000
|
|
49
|
-
}];
|
|
28
|
+
const UNITS = [
|
|
29
|
+
{ unit: 'year', duration: 1000 * 60 * 60 * 24 * 365.25 },
|
|
30
|
+
{ unit: 'month', duration: 1000 * 60 * 60 * 24 * (365.25 / 12) },
|
|
31
|
+
{ unit: 'week', duration: 1000 * 60 * 60 * 24 * 7 },
|
|
32
|
+
{ unit: 'day', duration: 1000 * 60 * 60 * 24 },
|
|
33
|
+
{ unit: 'hour', duration: 1000 * 60 * 60 },
|
|
34
|
+
{ unit: 'minute', duration: 1000 * 60 },
|
|
35
|
+
{ unit: 'second', duration: 1000 },
|
|
36
|
+
];
|
|
50
37
|
/**
|
|
51
38
|
* Component to display a localized humanized relative date (ex: "two minutes ago").
|
|
52
39
|
*
|
|
@@ -56,130 +43,102 @@ const UNITS = [{
|
|
|
56
43
|
* @prop {String|Number} datetime - Date as ISO string or timestamp.
|
|
57
44
|
* @prop {Boolean} noFuture - Whether a date in future is allowed or not (useful when not sync).
|
|
58
45
|
*/
|
|
59
|
-
|
|
60
46
|
export class GvRelativeTime extends LitElement {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
},
|
|
70
|
-
noFuture: {
|
|
71
|
-
type: Boolean
|
|
72
|
-
},
|
|
73
|
-
_relativeTime: {
|
|
74
|
-
type: String,
|
|
75
|
-
attribute: false
|
|
76
|
-
},
|
|
77
|
-
_updateIntervalId: {
|
|
78
|
-
type: String,
|
|
79
|
-
attribute: false
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
constructor() {
|
|
85
|
-
super();
|
|
86
|
-
this._formatter = null;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
async getFormatter() {
|
|
90
|
-
if (this._formatter == null) {
|
|
91
|
-
if (!shouldPolyfillIntlRelativeTimeFormat()) {
|
|
92
|
-
this._formatter = Intl.RelativeTimeFormat;
|
|
93
|
-
return this._formatter;
|
|
94
|
-
} else {
|
|
95
|
-
// Load the needed polyfills 1st BEFORE loading data
|
|
96
|
-
return import('@formatjs/intl-locale/polyfill').then(() => import('@formatjs/intl-relativetimeformat/polyfill')).then(() => Promise.all([...Object.values(getAvailableLanguages()).map(_lang => {
|
|
97
|
-
return import(`@formatjs/intl-relativetimeformat/locale-data/${_lang}`);
|
|
98
|
-
})])).then(() => {
|
|
99
|
-
this._formatter = Intl.RelativeTimeFormat;
|
|
100
|
-
return this._formatter;
|
|
101
|
-
}).catch(err => {
|
|
102
|
-
console.error(err);
|
|
103
|
-
throw new Error('Cannot load @formatjs/intl polyfills');
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
} else {
|
|
107
|
-
return this._formatter;
|
|
47
|
+
static get properties() {
|
|
48
|
+
return {
|
|
49
|
+
datetime: { type: String },
|
|
50
|
+
title: { type: String, reflect: true },
|
|
51
|
+
noFuture: { type: Boolean },
|
|
52
|
+
_relativeTime: { type: String, attribute: false },
|
|
53
|
+
_updateIntervalId: { type: String, attribute: false },
|
|
54
|
+
};
|
|
108
55
|
}
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
value = this.noFuture ? this._formatDateInThePast(value) : value;
|
|
113
|
-
const dtf = new Intl.DateTimeFormat(getLanguage(), options);
|
|
114
|
-
this.title = dtf.format(new Date(value));
|
|
115
|
-
this._datetime = value;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
_formatDateInThePast(date) {
|
|
119
|
-
// to avoid to have date in the future in case of desynchronization between browser and server
|
|
120
|
-
if (date) {
|
|
121
|
-
const now = new Date();
|
|
122
|
-
|
|
123
|
-
if (now.getTime() < new Date(date).getTime()) {
|
|
124
|
-
date = now;
|
|
125
|
-
}
|
|
56
|
+
constructor() {
|
|
57
|
+
super();
|
|
58
|
+
this._formatter = null;
|
|
126
59
|
}
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
60
|
+
async getFormatter() {
|
|
61
|
+
if (this._formatter == null) {
|
|
62
|
+
if (!shouldPolyfillIntlRelativeTimeFormat()) {
|
|
63
|
+
this._formatter = Intl.RelativeTimeFormat;
|
|
64
|
+
return this._formatter;
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
// Load the needed polyfills 1st BEFORE loading data
|
|
68
|
+
return import('@formatjs/intl-locale/polyfill')
|
|
69
|
+
.then(() => import('@formatjs/intl-relativetimeformat/polyfill'))
|
|
70
|
+
.then(() => Promise.all([
|
|
71
|
+
...Object.values(getAvailableLanguages()).map((_lang) => {
|
|
72
|
+
return import(`@formatjs/intl-relativetimeformat/locale-data/${_lang}`);
|
|
73
|
+
}),
|
|
74
|
+
]))
|
|
75
|
+
.then(() => {
|
|
76
|
+
this._formatter = Intl.RelativeTimeFormat;
|
|
77
|
+
return this._formatter;
|
|
78
|
+
})
|
|
79
|
+
.catch((err) => {
|
|
80
|
+
console.error(err);
|
|
81
|
+
throw new Error('Cannot load @formatjs/intl polyfills');
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
return this._formatter;
|
|
87
|
+
}
|
|
155
88
|
}
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
89
|
+
set datetime(value) {
|
|
90
|
+
value = this.noFuture ? this._formatDateInThePast(value) : value;
|
|
91
|
+
const dtf = new Intl.DateTimeFormat(getLanguage(), options);
|
|
92
|
+
this.title = dtf.format(new Date(value));
|
|
93
|
+
this._datetime = value;
|
|
94
|
+
}
|
|
95
|
+
_formatDateInThePast(date) {
|
|
96
|
+
// to avoid to have date in the future in case of desynchronization between browser and server
|
|
97
|
+
if (date) {
|
|
98
|
+
const now = new Date();
|
|
99
|
+
if (now.getTime() < new Date(date).getTime()) {
|
|
100
|
+
date = now;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
return date;
|
|
104
|
+
}
|
|
105
|
+
async _format(dateStr, lang) {
|
|
106
|
+
const Formatter = await this.getFormatter();
|
|
107
|
+
const format = (value, unit) => {
|
|
108
|
+
if (!isNaN(value)) {
|
|
109
|
+
return new Formatter(lang, { numeric: 'auto' }).format(-value, unit);
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
const now = new Date().getTime();
|
|
113
|
+
const diff = now - new Date(dateStr).getTime();
|
|
114
|
+
for (const { unit, duration } of UNITS) {
|
|
115
|
+
const value = diff / duration;
|
|
116
|
+
const roundedValue = Math.round(value);
|
|
117
|
+
if (Math.abs(value) >= 1) {
|
|
118
|
+
return format(roundedValue, unit);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
return format(Math.round(diff / 1000), 'second');
|
|
122
|
+
}
|
|
123
|
+
connectedCallback() {
|
|
124
|
+
super.connectedCallback();
|
|
125
|
+
if (this.updateIntervalId == null) {
|
|
126
|
+
setTimeout(() => {
|
|
127
|
+
this.performUpdate();
|
|
128
|
+
});
|
|
129
|
+
this.updateIntervalId = setInterval(() => {
|
|
130
|
+
this.performUpdate();
|
|
131
|
+
}, 10 * 1000);
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
disconnectedCallback() {
|
|
135
|
+
super.disconnectedCallback();
|
|
136
|
+
clearInterval(this.updateIntervalId);
|
|
137
|
+
this.updateIntervalId = null;
|
|
138
|
+
}
|
|
139
|
+
render() {
|
|
140
|
+
return html `<span title="${this.title}">${until(this._format(this._datetime, getLanguage()))}</span>`;
|
|
170
141
|
}
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
disconnectedCallback() {
|
|
174
|
-
super.disconnectedCallback();
|
|
175
|
-
clearInterval(this.updateIntervalId);
|
|
176
|
-
this.updateIntervalId = null;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
render() {
|
|
180
|
-
return html`<span title="${this.title}">${until(this._format(this._datetime, getLanguage()))}</span>`;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
142
|
}
|
|
184
143
|
window.customElements.define('gv-relative-time', GvRelativeTime);
|
|
185
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXJlbGF0aXZlLXRpbWUuanMiXSwibmFtZXMiOlsiZ2V0TGFuZ3VhZ2UiLCJnZXRBdmFpbGFibGVMYW5ndWFnZXMiLCJMaXRFbGVtZW50IiwiaHRtbCIsInVudGlsIiwic2hvdWxkUG9seWZpbGwiLCJzaG91bGRQb2x5ZmlsbEludGxSZWxhdGl2ZVRpbWVGb3JtYXQiLCJvcHRpb25zIiwieWVhciIsIm1vbnRoIiwiZGF5IiwiaG91ciIsIm1pbnV0ZSIsInRpbWVab25lTmFtZSIsIlVOSVRTIiwidW5pdCIsImR1cmF0aW9uIiwiR3ZSZWxhdGl2ZVRpbWUiLCJwcm9wZXJ0aWVzIiwiZGF0ZXRpbWUiLCJ0eXBlIiwiU3RyaW5nIiwidGl0bGUiLCJyZWZsZWN0Iiwibm9GdXR1cmUiLCJCb29sZWFuIiwiX3JlbGF0aXZlVGltZSIsImF0dHJpYnV0ZSIsIl91cGRhdGVJbnRlcnZhbElkIiwiY29uc3RydWN0b3IiLCJfZm9ybWF0dGVyIiwiZ2V0Rm9ybWF0dGVyIiwiSW50bCIsIlJlbGF0aXZlVGltZUZvcm1hdCIsInRoZW4iLCJQcm9taXNlIiwiYWxsIiwiT2JqZWN0IiwidmFsdWVzIiwibWFwIiwiX2xhbmciLCJjYXRjaCIsImVyciIsImNvbnNvbGUiLCJlcnJvciIsIkVycm9yIiwidmFsdWUiLCJfZm9ybWF0RGF0ZUluVGhlUGFzdCIsImR0ZiIsIkRhdGVUaW1lRm9ybWF0IiwiZm9ybWF0IiwiRGF0ZSIsIl9kYXRldGltZSIsImRhdGUiLCJub3ciLCJnZXRUaW1lIiwiX2Zvcm1hdCIsImRhdGVTdHIiLCJsYW5nIiwiRm9ybWF0dGVyIiwiaXNOYU4iLCJudW1lcmljIiwiZGlmZiIsInJvdW5kZWRWYWx1ZSIsIk1hdGgiLCJyb3VuZCIsImFicyIsImNvbm5lY3RlZENhbGxiYWNrIiwidXBkYXRlSW50ZXJ2YWxJZCIsInNldFRpbWVvdXQiLCJwZXJmb3JtVXBkYXRlIiwic2V0SW50ZXJ2YWwiLCJkaXNjb25uZWN0ZWRDYWxsYmFjayIsImNsZWFySW50ZXJ2YWwiLCJyZW5kZXIiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsV0FBVCxFQUFzQkMscUJBQXRCLFFBQW1ELGFBQW5EO0FBQ0EsU0FBU0MsVUFBVCxFQUFxQkMsSUFBckIsUUFBaUMsS0FBakM7QUFDQSxTQUFTQyxLQUFULFFBQXNCLHNCQUF0QjtBQUNBLFNBQVNDLGNBQWMsSUFBSUMsb0NBQTNCLFFBQXVFLG1EQUF2RTtBQUVBLE1BQU1DLE9BQU8sR0FBRztBQUNkQyxFQUFBQSxJQUFJLEVBQUUsU0FEUTtBQUVkQyxFQUFBQSxLQUFLLEVBQUUsT0FGTztBQUdkQyxFQUFBQSxHQUFHLEVBQUUsU0FIUztBQUlkQyxFQUFBQSxJQUFJLEVBQUUsU0FKUTtBQUtkQyxFQUFBQSxNQUFNLEVBQUUsU0FMTTtBQU1kQyxFQUFBQSxZQUFZLEVBQUU7QUFOQSxDQUFoQjtBQVNBLE1BQU1DLEtBQUssR0FBRyxDQUNaO0FBQUVDLEVBQUFBLElBQUksRUFBRSxNQUFSO0FBQWdCQyxFQUFBQSxRQUFRLEVBQUUsT0FBTyxFQUFQLEdBQVksRUFBWixHQUFpQixFQUFqQixHQUFzQjtBQUFoRCxDQURZLEVBRVo7QUFBRUQsRUFBQUEsSUFBSSxFQUFFLE9BQVI7QUFBaUJDLEVBQUFBLFFBQVEsRUFBRSxPQUFPLEVBQVAsR0FBWSxFQUFaLEdBQWlCLEVBQWpCLElBQXVCLFNBQVMsRUFBaEM7QUFBM0IsQ0FGWSxFQUdaO0FBQUVELEVBQUFBLElBQUksRUFBRSxNQUFSO0FBQWdCQyxFQUFBQSxRQUFRLEVBQUUsT0FBTyxFQUFQLEdBQVksRUFBWixHQUFpQixFQUFqQixHQUFzQjtBQUFoRCxDQUhZLEVBSVo7QUFBRUQsRUFBQUEsSUFBSSxFQUFFLEtBQVI7QUFB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QUFyQjs7QUFDQSxVQUFJa0IsSUFBSSxDQUFDRSxHQUFMLENBQVNwQixLQUFULEtBQW1CLENBQXZCLEVBQTBCO0FBQ3hCLGVBQU9JLE1BQU0sQ0FBQ2EsWUFBRCxFQUFlaEQsSUFBZixDQUFiO0FBQ0Q7QUFDRjs7QUFDRCxXQUFPbUMsTUFBTSxDQUFDYyxJQUFJLENBQUNDLEtBQUwsQ0FBV0gsSUFBSSxHQUFHLElBQWxCLENBQUQsRUFBMEIsUUFBMUIsQ0FBYjtBQUNEOztBQUVESyxFQUFBQSxpQkFBaUIsR0FBRztBQUNsQixVQUFNQSxpQkFBTjs7QUFDQSxRQUFJLEtBQUtDLGdCQUFMLElBQXlCLElBQTdCLEVBQW1DO0FBQ2pDQyxNQUFBQSxVQUFVLENBQUMsTUFBTTtBQUNmLGFBQUtDLGFBQUw7QUFDRCxPQUZTLENBQVY7QUFHQSxXQUFLRixnQkFBTCxHQUF3QkcsV0FBVyxDQUFDLE1BQU07QUFDeEMsYUFBS0QsYUFBTDtBQUNELE9BRmtDLEVBRWhDLEtBQUssSUFGMkIsQ0FBbkM7QUFHRDtBQUNGOztBQUVERSxFQUFBQSxvQkFBb0IsR0FBRztBQUNyQixVQUFNQSxvQkFBTjtBQUNBQyxJQUFBQSxhQUFhLENBQUMsS0FBS0wsZ0JBQU4sQ0FBYjtBQUNBLFNBQUtBLGdCQUFMLEdBQXdCLElBQXhCO0FBQ0Q7O0FBRURNLEVBQUFBLE1BQU0sR0FBRztBQUNQLFdBQU92RSxJQUFJLGdCQUFnQixLQUFLbUIsS0FBckIsS0FBK0JsQixLQUFLLENBQUMsS0FBS29ELE9BQUwsQ0FBYSxLQUFLSixTQUFsQixFQUE2QnBELFdBQVcsRUFBeEMsQ0FBRCxDQUFwQyxTQUFYO0FBQ0Q7O0FBeEc0QztBQTJHL0MyRSxNQUFNLENBQUNDLGNBQVAsQ0FBc0JDLE1BQXRCLENBQTZCLGtCQUE3QixFQUFpRDVELGNBQWpEIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoQykgMjAxNSBUaGUgR3Jhdml0ZWUgdGVhbSAoaHR0cDovL2dyYXZpdGVlLmlvKVxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmltcG9ydCB7IGdldExhbmd1YWdlLCBnZXRBdmFpbGFibGVMYW5ndWFnZXMgfSBmcm9tICcuLi9saWIvaTE4bic7XG5pbXBvcnQgeyBMaXRFbGVtZW50LCBodG1sIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHVudGlsIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvdW50aWwnO1xuaW1wb3J0IHsgc2hvdWxkUG9seWZpbGwgYXMgc2hvdWxkUG9seWZpbGxJbnRsUmVsYXRpdmVUaW1lRm9ybWF0IH0gZnJvbSAnQGZvcm1hdGpzL2ludGwtcmVsYXRpdmV0aW1lZm9ybWF0L3Nob3VsZC1wb2x5ZmlsbCc7XG5cbmNvbnN0IG9wdGlvbnMgPSB7XG4gIHllYXI6ICdudW1lcmljJyxcbiAgbW9udGg6ICdzaG9ydCcsXG4gIGRheTogJ251bWVyaWMnLFxuICBob3VyOiAnbnVtZXJpYycsXG4gIG1pbnV0ZTogJ251bWVyaWMnLFxuICB0aW1lWm9uZU5hbWU6ICdzaG9ydCcsXG59O1xuXG5jb25zdCBVTklUUyA9IFtcbiAgeyB1bml0OiAneWVhcicsIGR1cmF0aW9uOiAxMDAwICogNjAgKiA2MCAqIDI0ICogMzY1LjI1IH0sXG4gIHsgdW5pdDogJ21vbnRoJywgZHVyYXRpb246IDEwMDAgKiA2MCAqIDYwICogMjQgKiAoMzY1LjI1IC8gMTIpIH0sXG4gIHsgdW5pdDogJ3dlZWsnLCBkdXJhdGlvbjogMTAwMCAqIDYwICogNjAgKiAyNCAqIDcgfSxcbiAgeyB1bml0OiAnZGF5JywgZHVyYXRpb246IDEwMDAgKiA2MCAqIDYwICogMjQgfSxcbiAgeyB1bml0OiAnaG91cicsIGR1cmF0aW9uOiAxMDAwICogNjAgKiA2MCB9LFxuICB7IHVuaXQ6ICdtaW51dGUnLCBkdXJhdGlvbjogMTAwMCAqIDYwIH0sXG4gIHsgdW5pdDogJ3NlY29uZCcsIGR1cmF0aW9uOiAxMDAwIH0sXG5dO1xuXG4vKipcbiAqIENvbXBvbmVudCB0byBkaXNwbGF5IGEgbG9jYWxpemVkIGh1bWFuaXplZCByZWxhdGl2ZSBkYXRlIChleDogXCJ0d28gbWludXRlcyBhZ29cIikuXG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQHByb3Age1N0cmluZ3xOdW1iZXJ9IGRhdGV0aW1lIC0gRGF0ZSBhcyBJU08gc3RyaW5nIG9yIHRpbWVzdGFtcC5cbiAqIEBwcm9wIHtCb29sZWFufSBub0Z1dHVyZSAtIFdoZXRoZXIgYSBkYXRlIGluIGZ1dHVyZSBpcyBhbGxvd2VkIG9yIG5vdCAodXNlZnVsIHdoZW4gbm90IHN5bmMpLlxuICovXG5leHBvcnQgY2xhc3MgR3ZSZWxhdGl2ZVRpbWUgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgc3RhdGljIGdldCBwcm9wZXJ0aWVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICBkYXRldGltZTogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIHRpdGxlOiB7IHR5cGU6IFN0cmluZywgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgbm9GdXR1cmU6IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgX3JlbGF0aXZlVGltZTogeyB0eXBlOiBTdHJpbmcsIGF0dHJpYnV0ZTogZmFsc2UgfSxcbiAgICAgIF91cGRhdGVJbnRlcnZhbElkOiB7IHR5cGU6IFN0cmluZywgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgIH07XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuX2Zvcm1hdHRlciA9IG51bGw7XG4gIH1cblxuICBhc3luYyBnZXRGb3JtYXR0ZXIoKSB7XG4gICAgaWYgKHRoaXMuX2Zvcm1hdHRlciA9PSBudWxsKSB7XG4gICAgICBpZiAoIXNob3VsZFBvbHlmaWxsSW50bFJlbGF0aXZlVGltZUZvcm1hdCgpKSB7XG4gICAgICAgIHRoaXMuX2Zvcm1hdHRlciA9IEludGwuUmVsYXRpdmVUaW1lRm9ybWF0O1xuICAgICAgICByZXR1cm4gdGhpcy5fZm9ybWF0dGVyO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gTG9hZCB0aGUgbmVlZGVkIHBvbHlmaWxscyAxc3QgQkVGT1JFIGxvYWRpbmcgZGF0YVxuICAgICAgICByZXR1cm4gaW1wb3J0KCdAZm9ybWF0anMvaW50bC1sb2NhbGUvcG9seWZpbGwnKVxuICAgICAgICAgIC50aGVuKCgpID0+IGltcG9ydCgnQGZvcm1hdGpzL2ludGwtcmVsYXRpdmV0aW1lZm9ybWF0L3BvbHlmaWxsJykpXG4gICAgICAgICAgLnRoZW4oKCkgPT5cbiAgICAgICAgICAgIFByb21pc2UuYWxsKFtcbiAgICAgICAgICAgICAgLi4uT2JqZWN0LnZhbHVlcyhnZXRBdmFpbGFibGVMYW5ndWFnZXMoKSkubWFwKChfbGFuZykgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiBpbXBvcnQoYEBmb3JtYXRqcy9pbnRsLXJlbGF0aXZldGltZWZvcm1hdC9sb2NhbGUtZGF0YS8ke19sYW5nfWApO1xuICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIF0pLFxuICAgICAgICAgIClcbiAgICAgICAgICAudGhlbigoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLl9mb3JtYXR0ZXIgPSBJbnRsLlJlbGF0aXZlVGltZUZvcm1hdDtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLl9mb3JtYXR0ZXI7XG4gICAgICAgICAgfSlcbiAgICAgICAgICAuY2F0Y2goKGVycikgPT4ge1xuICAgICAgICAgICAgY29uc29sZS5lcnJvcihlcnIpO1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdDYW5ub3QgbG9hZCBAZm9ybWF0anMvaW50bCBwb2x5ZmlsbHMnKTtcbiAgICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIHRoaXMuX2Zvcm1hdHRlcjtcbiAgICB9XG4gIH1cblxuICBzZXQgZGF0ZXRpbWUodmFsdWUpIHtcbiAgICB2YWx1ZSA9IHRoaXMubm9GdXR1cmUgPyB0aGlzLl9mb3JtYXREYXRlSW5UaGVQYXN0KHZhbHVlKSA6IHZhbHVlO1xuICAgIGNvbnN0IGR0ZiA9IG5ldyBJbnRsLkRhdGVUaW1lRm9ybWF0KGdldExhbmd1YWdlKCksIG9wdGlvbnMpO1xuICAgIHRoaXMudGl0bGUgPSBkdGYuZm9ybWF0KG5ldyBEYXRlKHZhbHVlKSk7XG4gICAgdGhpcy5fZGF0ZXRpbWUgPSB2YWx1ZTtcbiAgfVxuXG4gIF9mb3JtYXREYXRlSW5UaGVQYXN0KGRhdGUpIHtcbiAgICAvLyB0byBhdm9pZCB0byBoYXZlIGRhdGUgaW4gdGhlIGZ1dHVyZSBpbiBjYXNlIG9mIGRlc3luY2hyb25pemF0aW9uIGJldHdlZW4gYnJvd3NlciBhbmQgc2VydmVyXG4gICAgaWYgKGRhdGUpIHtcbiAgICAgIGNvbnN0IG5vdyA9IG5ldyBEYXRlKCk7XG4gICAgICBpZiAobm93LmdldFRpbWUoKSA8IG5ldyBEYXRlKGRhdGUpLmdldFRpbWUoKSkge1xuICAgICAgICBkYXRlID0gbm93O1xuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gZGF0ZTtcbiAgfVxuXG4gIGFzeW5jIF9mb3JtYXQoZGF0ZVN0ciwgbGFuZykge1xuICAgIGNvbnN0IEZvcm1hdHRlciA9IGF3YWl0IHRoaXMuZ2V0Rm9ybWF0dGVyKCk7XG4gICAgY29uc3QgZm9ybWF0ID0gKHZhbHVlLCB1bml0KSA9PiB7XG4gICAgICBpZiAoIWlzTmFOKHZhbHVlKSkge1xuICAgICAgICByZXR1cm4gbmV3IEZvcm1hdHRlcihsYW5nLCB7IG51bWVyaWM6ICdhdXRvJyB9KS5mb3JtYXQoLXZhbHVlLCB1bml0KTtcbiAgICAgIH1cbiAgICB9O1xuICAgIGNvbnN0IG5vdyA9IG5ldyBEYXRlKCkuZ2V0VGltZSgpO1xuICAgIGNvbnN0IGRpZmYgPSBub3cgLSBuZXcgRGF0ZShkYXRlU3RyKS5nZXRUaW1lKCk7XG5cbiAgICBmb3IgKGNvbnN0IHsgdW5pdCwgZHVyYXRpb24gfSBvZiBVTklUUykge1xuICAgICAgY29uc3QgdmFsdWUgPSBkaWZmIC8gZHVyYXRpb247XG4gICAgICBjb25zdCByb3VuZGVkVmFsdWUgPSBNYXRoLnJvdW5kKHZhbHVlKTtcbiAgICAgIGlmIChNYXRoLmFicyh2YWx1ZSkgPj0gMSkge1xuICAgICAgICByZXR1cm4gZm9ybWF0KHJvdW5kZWRWYWx1ZSwgdW5pdCk7XG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiBmb3JtYXQoTWF0aC5yb3VuZChkaWZmIC8gMTAwMCksICdzZWNvbmQnKTtcbiAgfVxuXG4gIGNvbm5lY3RlZENhbGxiYWNrKCkge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgaWYgKHRoaXMudXBkYXRlSW50ZXJ2YWxJZCA9PSBudWxsKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5wZXJmb3JtVXBkYXRlKCk7XG4gICAgICB9KTtcbiAgICAgIHRoaXMudXBkYXRlSW50ZXJ2YWxJZCA9IHNldEludGVydmFsKCgpID0+IHtcbiAgICAgICAgdGhpcy5wZXJmb3JtVXBkYXRlKCk7XG4gICAgICB9LCAxMCAqIDEwMDApO1xuICAgIH1cbiAgfVxuXG4gIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCkge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgY2xlYXJJbnRlcnZhbCh0aGlzLnVwZGF0ZUludGVydmFsSWQpO1xuICAgIHRoaXMudXBkYXRlSW50ZXJ2YWxJZCA9IG51bGw7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIGh0bWxgPHNwYW4gdGl0bGU9XCIke3RoaXMudGl0bGV9XCI+JHt1bnRpbCh0aGlzLl9mb3JtYXQodGhpcy5fZGF0ZXRpbWUsIGdldExhbmd1YWdlKCkpKX08L3NwYW4+YDtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1yZWxhdGl2ZS10aW1lJywgR3ZSZWxhdGl2ZVRpbWUpO1xuIl19
|
|
144
|
+
//# sourceMappingURL=gv-relative-time.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gv-relative-time.js","sourceRoot":"","sources":["../../../src/atoms/gv-relative-time.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
declare const GvSelectNative_base: {
|
|
2
|
+
new (): {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
_id: string;
|
|
5
|
+
valid: boolean;
|
|
6
|
+
invalid: boolean;
|
|
7
|
+
updateState(value: any): void;
|
|
8
|
+
setValidity(isInvalid?: boolean, violation?: string): void;
|
|
9
|
+
firstUpdated(): void;
|
|
10
|
+
updated(changedProperties: any): void;
|
|
11
|
+
getInputElement(): any;
|
|
12
|
+
readonly offsetHeight: any;
|
|
13
|
+
renderLabel(): "" | import("lit-html").TemplateResult<1>;
|
|
14
|
+
};
|
|
15
|
+
[x: string]: any;
|
|
16
|
+
readonly properties: {
|
|
17
|
+
disabled: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
reflect: boolean;
|
|
20
|
+
};
|
|
21
|
+
required: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
reflect: boolean;
|
|
24
|
+
};
|
|
25
|
+
readonly: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
reflect: boolean;
|
|
28
|
+
};
|
|
29
|
+
skeleton: {
|
|
30
|
+
type: BooleanConstructor;
|
|
31
|
+
};
|
|
32
|
+
value: {
|
|
33
|
+
type: StringConstructor;
|
|
34
|
+
reflect: boolean;
|
|
35
|
+
};
|
|
36
|
+
label: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
};
|
|
39
|
+
title: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
};
|
|
42
|
+
name: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
};
|
|
45
|
+
placeholder: {
|
|
46
|
+
type: StringConstructor;
|
|
47
|
+
};
|
|
48
|
+
description: {
|
|
49
|
+
type: StringConstructor;
|
|
50
|
+
};
|
|
51
|
+
autofocus: {
|
|
52
|
+
type: BooleanConstructor;
|
|
53
|
+
};
|
|
54
|
+
invalid: {
|
|
55
|
+
type: BooleanConstructor;
|
|
56
|
+
reflect: boolean;
|
|
57
|
+
};
|
|
58
|
+
valid: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
reflect: boolean;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
readonly styles: import("lit").CSSResult[];
|
|
64
|
+
};
|
|
65
|
+
/**
|
|
66
|
+
* A select native component.
|
|
67
|
+
*
|
|
68
|
+
* @fires gv-select:select - Event when user select a value (deprecated, use gv-select:input)
|
|
69
|
+
* @fires gv-select:input - Event when user select a value
|
|
70
|
+
*
|
|
71
|
+
* @attr {Boolean} disabled - same as native select element `disabled` attribute
|
|
72
|
+
* @attr {Boolean} required - same as native select element `required` attribute
|
|
73
|
+
* @attr {Boolean} skeleton - enable skeleton screen UI pattern (loading hint)
|
|
74
|
+
* @attr {Array} options - the options of the select
|
|
75
|
+
* @attr {String | Array} value - the value of the select
|
|
76
|
+
* @attr {String} label - label of the select
|
|
77
|
+
* @attr {String} title - title of the select
|
|
78
|
+
* @attr {String} name - name of the select
|
|
79
|
+
* @attr {String} placeholder - an example value to display in the select when empty
|
|
80
|
+
* @attr {String} description - a description
|
|
81
|
+
* @attr {Boolean} multiple - enable multiple selection
|
|
82
|
+
*
|
|
83
|
+
* @cssprop {Color} [--gv-select--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
|
|
84
|
+
* @cssprop {Color} [--gv-select--bdc=var(--gv-theme-neutral-color-dark, #d9d9d9)] - Border color
|
|
85
|
+
* @cssprop {Color} [--gv-select--c=var(--gv-theme-font-color-dark, #262626)] - Color
|
|
86
|
+
* @cssprop {Color} [--gv-select-hover--bgc=var(--gv-theme-color-light, #86c3d0)] - Hover background color
|
|
87
|
+
* @cssprop {Color} [--gv-select-selected--bgc=var(--gv-theme-neutral-color-light, #efefef)] - Selected background color
|
|
88
|
+
*/
|
|
89
|
+
export class GvSelectNative extends GvSelectNative_base {
|
|
90
|
+
static get properties(): {
|
|
91
|
+
options: {
|
|
92
|
+
type: ArrayConstructor;
|
|
93
|
+
};
|
|
94
|
+
_options: {
|
|
95
|
+
type: ArrayConstructor;
|
|
96
|
+
attribute: boolean;
|
|
97
|
+
};
|
|
98
|
+
large: {
|
|
99
|
+
type: BooleanConstructor;
|
|
100
|
+
};
|
|
101
|
+
medium: {
|
|
102
|
+
type: BooleanConstructor;
|
|
103
|
+
};
|
|
104
|
+
small: {
|
|
105
|
+
type: BooleanConstructor;
|
|
106
|
+
};
|
|
107
|
+
value: {
|
|
108
|
+
type: number;
|
|
109
|
+
};
|
|
110
|
+
label: {
|
|
111
|
+
type: StringConstructor;
|
|
112
|
+
};
|
|
113
|
+
title: {
|
|
114
|
+
type: StringConstructor;
|
|
115
|
+
};
|
|
116
|
+
name: {
|
|
117
|
+
type: StringConstructor;
|
|
118
|
+
};
|
|
119
|
+
placeholder: {
|
|
120
|
+
type: StringConstructor;
|
|
121
|
+
};
|
|
122
|
+
description: {
|
|
123
|
+
type: StringConstructor;
|
|
124
|
+
};
|
|
125
|
+
multiple: {
|
|
126
|
+
type: BooleanConstructor;
|
|
127
|
+
reflect: boolean;
|
|
128
|
+
};
|
|
129
|
+
disabled: {
|
|
130
|
+
type: BooleanConstructor;
|
|
131
|
+
reflect: boolean;
|
|
132
|
+
};
|
|
133
|
+
required: {
|
|
134
|
+
type: BooleanConstructor;
|
|
135
|
+
reflect: boolean;
|
|
136
|
+
};
|
|
137
|
+
readonly: {
|
|
138
|
+
type: BooleanConstructor;
|
|
139
|
+
reflect: boolean;
|
|
140
|
+
};
|
|
141
|
+
skeleton: {
|
|
142
|
+
type: BooleanConstructor;
|
|
143
|
+
};
|
|
144
|
+
autofocus: {
|
|
145
|
+
type: BooleanConstructor;
|
|
146
|
+
};
|
|
147
|
+
invalid: {
|
|
148
|
+
type: BooleanConstructor;
|
|
149
|
+
reflect: boolean;
|
|
150
|
+
};
|
|
151
|
+
valid: {
|
|
152
|
+
type: BooleanConstructor;
|
|
153
|
+
reflect: boolean;
|
|
154
|
+
};
|
|
155
|
+
};
|
|
156
|
+
_options: {
|
|
157
|
+
label: string;
|
|
158
|
+
value: string;
|
|
159
|
+
disabled: boolean;
|
|
160
|
+
title: null;
|
|
161
|
+
}[];
|
|
162
|
+
willUpdate(changedProperties: any): void;
|
|
163
|
+
_onEnter(e: any): void;
|
|
164
|
+
_onLeave(): void;
|
|
165
|
+
_onInput(e: any): void;
|
|
166
|
+
value: any;
|
|
167
|
+
_onClear(): void;
|
|
168
|
+
set options(arg: any);
|
|
169
|
+
selectedLabel(): string;
|
|
170
|
+
renderSelect(): import("lit-html").TemplateResult<1>;
|
|
171
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
172
|
+
isSelected(option: any): any;
|
|
173
|
+
}
|
|
174
|
+
export {};
|