@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
|
@@ -14,57 +14,50 @@
|
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
16
|
export const KEYS = {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
ArrowDown: '40',
|
|
18
|
+
ArrowLeft: '37',
|
|
19
|
+
ArrowRight: '39',
|
|
20
|
+
ArrowUp: '38',
|
|
21
|
+
Ctrl: '17',
|
|
22
|
+
Esc: '27',
|
|
23
|
+
Shift: '16',
|
|
24
|
+
Space: '32',
|
|
25
25
|
};
|
|
26
26
|
export function KeyboardElement(ParentClass) {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
return keys.find(key => this._controller[key] == null) == null;
|
|
63
|
-
} // abstract
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
onKeyboard(controller) {}
|
|
67
|
-
|
|
68
|
-
};
|
|
27
|
+
/**
|
|
28
|
+
* @mixinClass
|
|
29
|
+
*/
|
|
30
|
+
return class extends ParentClass {
|
|
31
|
+
constructor() {
|
|
32
|
+
super();
|
|
33
|
+
this._controller = {};
|
|
34
|
+
this._handleKeyDown = this._onKeyDown.bind(this);
|
|
35
|
+
this._handleKeyUp = this._onKeyUp.bind(this);
|
|
36
|
+
}
|
|
37
|
+
connectedCallback() {
|
|
38
|
+
super.connectedCallback();
|
|
39
|
+
window.addEventListener('keydown', this._handleKeyDown);
|
|
40
|
+
window.addEventListener('keyup', this._handleKeyUp);
|
|
41
|
+
}
|
|
42
|
+
disconnectedCallback() {
|
|
43
|
+
window.removeEventListener('keydown', this._handleKeyDown);
|
|
44
|
+
window.removeEventListener('keyup', this._handleKeyUp);
|
|
45
|
+
super.disconnectedCallback();
|
|
46
|
+
}
|
|
47
|
+
_onKeyDown(e) {
|
|
48
|
+
this._controller[e.keyCode] = true;
|
|
49
|
+
this.onKeyboard(this._controller);
|
|
50
|
+
}
|
|
51
|
+
_onKeyUp(e) {
|
|
52
|
+
if (this._controller[e.keyCode]) {
|
|
53
|
+
this._controller[e.keyCode] = null;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
isPressed(...keys) {
|
|
57
|
+
return keys.find((key) => this._controller[key] == null) == null;
|
|
58
|
+
}
|
|
59
|
+
// abstract
|
|
60
|
+
onKeyboard(controller) { }
|
|
61
|
+
};
|
|
69
62
|
}
|
|
70
|
-
//# sourceMappingURL=
|
|
63
|
+
//# sourceMappingURL=keyboard-element.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keyboard-element.js","sourceRoot":"","sources":["../../../src/mixins/keyboard-element.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,IAAI;IACb,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,IAAI;IACT,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,WAAW;IACzC;;OAEG;IACH,OAAO,KAAM,SAAQ,WAAW;QAC9B;YACE,KAAK,EAAE,CAAC;YACR,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;YACtB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,CAAC;QAED,iBAAiB;YACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC1B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YACxD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACtD,CAAC;QAED,oBAAoB;YAClB,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC3D,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACvD,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC/B,CAAC;QAED,UAAU,CAAC,CAAC;YACV,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;YACnC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;QAED,QAAQ,CAAC,CAAC;YACR,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE;gBAC/B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;aACpC;QACH,CAAC;QAED,SAAS,CAAC,GAAG,IAAI;YACf,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC;QACnE,CAAC;QAED,WAAW;QACX,UAAU,CAAC,UAAU,IAAG,CAAC;KAC1B,CAAC;AACJ,CAAC"}
|
|
@@ -13,21 +13,19 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
|
|
17
16
|
/**
|
|
18
17
|
* This is a mixin for update component after browser
|
|
19
18
|
* @mixinFunction
|
|
20
19
|
*/
|
|
21
20
|
export function UpdateAfterBrowser(ParentClass) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
};
|
|
21
|
+
/**
|
|
22
|
+
* @mixinClass
|
|
23
|
+
*/
|
|
24
|
+
return class extends ParentClass {
|
|
25
|
+
async performUpdate() {
|
|
26
|
+
await new Promise((resolve) => requestAnimationFrame(() => resolve()));
|
|
27
|
+
super.performUpdate();
|
|
28
|
+
}
|
|
29
|
+
};
|
|
32
30
|
}
|
|
33
|
-
//# sourceMappingURL=
|
|
31
|
+
//# sourceMappingURL=update-after-browser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"update-after-browser.js","sourceRoot":"","sources":["../../../src/mixins/update-after-browser.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,WAAW;IAC5C;;OAEG;IACH,OAAO,KAAM,SAAQ,WAAW;QAC9B,KAAK,CAAC,aAAa;YACjB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;YACvE,KAAK,CAAC,aAAa,EAAE,CAAC;QACxB,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export function withResizeObserver(ParentClass: any): {
|
|
2
|
+
new (): {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
_onResize({ width }: {
|
|
5
|
+
width: any;
|
|
6
|
+
}): void;
|
|
7
|
+
connectedCallback(): Promise<void>;
|
|
8
|
+
_unobserveResize: (() => any) | undefined;
|
|
9
|
+
disconnectedCallback(): void;
|
|
10
|
+
};
|
|
11
|
+
[x: string]: any;
|
|
12
|
+
};
|
|
@@ -14,65 +14,50 @@
|
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
16
|
export function withResizeObserver(ParentClass) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
this._unobserveResize = () => ro.unobserve(this);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
disconnectedCallback() {
|
|
67
|
-
if (super.connectedCallback != null) {
|
|
68
|
-
super.disconnectedCallback();
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
if (this._unobserveResize) {
|
|
72
|
-
this._unobserveResize();
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
};
|
|
17
|
+
// Load native impl or polyfill (without poluting global scope)
|
|
18
|
+
const ResizeObserverPromise = 'ResizeObserver' in window
|
|
19
|
+
? Promise.resolve(window.ResizeObserver)
|
|
20
|
+
: import('resize-observer-polyfill/dist/ResizeObserver.es.js').then((mod) => mod.default);
|
|
21
|
+
return class extends ParentClass {
|
|
22
|
+
_onResize({ width }) {
|
|
23
|
+
if (this.onResize != null) {
|
|
24
|
+
this.onResize({ width });
|
|
25
|
+
}
|
|
26
|
+
if (this.breakpoints != null) {
|
|
27
|
+
this.breakpoints.width.forEach((breakpoint) => {
|
|
28
|
+
const gteAttr = 'w-gte-' + breakpoint;
|
|
29
|
+
breakpoint <= width ? this.setAttribute(gteAttr, '') : this.removeAttribute(gteAttr);
|
|
30
|
+
const ltAttr = 'w-lt-' + breakpoint;
|
|
31
|
+
width < breakpoint ? this.setAttribute(ltAttr, '') : this.removeAttribute(ltAttr);
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
async connectedCallback() {
|
|
36
|
+
if (super.connectedCallback != null) {
|
|
37
|
+
super.connectedCallback();
|
|
38
|
+
}
|
|
39
|
+
const ResizeObserver = await ResizeObserverPromise;
|
|
40
|
+
const ro = new ResizeObserver((entries) => {
|
|
41
|
+
// We wrap it in requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded
|
|
42
|
+
window.requestAnimationFrame(() => {
|
|
43
|
+
if (!Array.isArray(entries) || !entries.length) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
const { width } = this.getBoundingClientRect();
|
|
47
|
+
this._onResize({ width });
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
ro.observe(this);
|
|
51
|
+
this._unobserveResize = () => ro.unobserve(this);
|
|
52
|
+
}
|
|
53
|
+
disconnectedCallback() {
|
|
54
|
+
if (super.connectedCallback != null) {
|
|
55
|
+
super.disconnectedCallback();
|
|
56
|
+
}
|
|
57
|
+
if (this._unobserveResize) {
|
|
58
|
+
this._unobserveResize();
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
};
|
|
77
62
|
}
|
|
78
|
-
//# sourceMappingURL=
|
|
63
|
+
//# sourceMappingURL=with-resize-observer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"with-resize-observer.js","sourceRoot":"","sources":["../../../src/mixins/with-resize-observer.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,kBAAkB,CAAC,WAAW;IAC5C,+DAA+D;IAC/D,MAAM,qBAAqB,GACzB,gBAAgB,IAAI,MAAM;QACxB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC;QACxC,CAAC,CAAC,MAAM,CAAC,oDAAoD,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,OAAO,KAAM,SAAQ,WAAW;QAC9B,SAAS,CAAC,EAAE,KAAK,EAAE;YACjB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;gBACzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;aAC1B;YACD,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,EAAE;gBAC5B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;oBAC5C,MAAM,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;oBACtC,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;oBAErF,MAAM,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;oBACpC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBACpF,CAAC,CAAC,CAAC;aACJ;QACH,CAAC;QAED,KAAK,CAAC,iBAAiB;YACrB,IAAI,KAAK,CAAC,iBAAiB,IAAI,IAAI,EAAE;gBACnC,KAAK,CAAC,iBAAiB,EAAE,CAAC;aAC3B;YACD,MAAM,cAAc,GAAG,MAAM,qBAAqB,CAAC;YACnD,MAAM,EAAE,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;gBACxC,+FAA+F;gBAC/F,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;oBAChC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;wBAC9C,OAAO;qBACR;oBACD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;oBAC/C,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC5B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACjB,IAAI,CAAC,gBAAgB,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACnD,CAAC;QAED,oBAAoB;YAClB,IAAI,KAAK,CAAC,iBAAiB,IAAI,IAAI,EAAE;gBACnC,KAAK,CAAC,oBAAoB,EAAE,CAAC;aAC9B;YACD,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACzB,IAAI,CAAC,gBAAgB,EAAE,CAAC;aACzB;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This is a mixin for withSkeletonStates
|
|
3
|
+
* @mixinFunction
|
|
4
|
+
*/
|
|
5
|
+
export function withSkeletonAttribute(ParentClass: any): {
|
|
6
|
+
new (): {
|
|
7
|
+
[x: string]: any;
|
|
8
|
+
_invisible: boolean;
|
|
9
|
+
_skeleton: boolean;
|
|
10
|
+
_error: boolean;
|
|
11
|
+
_empty: boolean;
|
|
12
|
+
updated(changedProperties: any): void;
|
|
13
|
+
};
|
|
14
|
+
[x: string]: any;
|
|
15
|
+
readonly properties: {
|
|
16
|
+
/** @required */
|
|
17
|
+
_invisible: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
reflect: boolean;
|
|
20
|
+
};
|
|
21
|
+
_skeleton: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
attribute: boolean;
|
|
24
|
+
};
|
|
25
|
+
_error: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
attribute: boolean;
|
|
28
|
+
};
|
|
29
|
+
_empty: {
|
|
30
|
+
type: BooleanConstructor;
|
|
31
|
+
attribute: boolean;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
readonly styles: import("lit").CSSResult[];
|
|
35
|
+
};
|
|
@@ -22,97 +22,89 @@ const minimumTimeOfSkeleton = 1000;
|
|
|
22
22
|
* This is a mixin for withSkeletonStates
|
|
23
23
|
* @mixinFunction
|
|
24
24
|
*/
|
|
25
|
-
|
|
26
25
|
export function withSkeletonAttribute(ParentClass) {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
type: Boolean,
|
|
40
|
-
attribute: false
|
|
41
|
-
},
|
|
42
|
-
_error: {
|
|
43
|
-
type: Boolean,
|
|
44
|
-
attribute: false
|
|
45
|
-
},
|
|
46
|
-
_empty: {
|
|
47
|
-
type: Boolean,
|
|
48
|
-
attribute: false
|
|
26
|
+
/**
|
|
27
|
+
* @mixinClass
|
|
28
|
+
*/
|
|
29
|
+
return class extends ParentClass {
|
|
30
|
+
static get properties() {
|
|
31
|
+
return {
|
|
32
|
+
/** @required */
|
|
33
|
+
_invisible: { type: Boolean, reflect: true },
|
|
34
|
+
_skeleton: { type: Boolean, attribute: false },
|
|
35
|
+
_error: { type: Boolean, attribute: false },
|
|
36
|
+
_empty: { type: Boolean, attribute: false },
|
|
37
|
+
};
|
|
49
38
|
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
constructor() {
|
|
59
|
-
super();
|
|
60
|
-
this._invisible = true;
|
|
61
|
-
this._skeleton = false;
|
|
62
|
-
this._error = false;
|
|
63
|
-
this._empty = false;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
updated(changedProperties) {
|
|
67
|
-
if (this._skeletonAttribute != null && changedProperties.has(this._skeletonAttribute)) {
|
|
68
|
-
this._error = false;
|
|
69
|
-
this._empty = false;
|
|
70
|
-
const start = new Date().getTime();
|
|
71
|
-
let end = null;
|
|
72
|
-
const timer = setTimeout(() => {
|
|
73
|
-
this._invisible = false;
|
|
74
|
-
this._skeleton = true;
|
|
75
|
-
end = new Date().getTime();
|
|
76
|
-
}, timeBeforeSkeleton);
|
|
77
|
-
const attribute = this[this._skeletonAttribute];
|
|
78
|
-
Promise.resolve(attribute).then(value => {
|
|
79
|
-
clearTimeout(timer);
|
|
80
|
-
|
|
81
|
-
if (end && end - start < minimumTimeOfSkeleton) {
|
|
82
|
-
setTimeout(() => {
|
|
83
|
-
this[this._skeletonAttribute] = value;
|
|
84
|
-
}, minimumTimeOfSkeleton - (end - start));
|
|
85
|
-
} else {
|
|
86
|
-
this._invisible = value === undefined;
|
|
87
|
-
this._skeleton = value === null;
|
|
88
|
-
|
|
89
|
-
if (value) {
|
|
90
|
-
if (Array.isArray(value)) {
|
|
91
|
-
this._empty = value.length === 0;
|
|
92
|
-
} else {
|
|
93
|
-
this._empty = Object.keys(value).length === 0;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
this[`_${this._skeletonAttribute}`] = value;
|
|
97
|
-
}
|
|
39
|
+
static get styles() {
|
|
40
|
+
return [
|
|
41
|
+
skeleton,
|
|
42
|
+
empty,
|
|
43
|
+
// language=CSS
|
|
44
|
+
css `
|
|
45
|
+
:host([_invisible]) {
|
|
46
|
+
visibility: hidden;
|
|
98
47
|
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
}, minimumTimeOfSkeleton - (end - start));
|
|
106
|
-
} else {
|
|
107
|
-
this._error = true;
|
|
48
|
+
`,
|
|
49
|
+
];
|
|
50
|
+
}
|
|
51
|
+
constructor() {
|
|
52
|
+
super();
|
|
53
|
+
this._invisible = true;
|
|
108
54
|
this._skeleton = false;
|
|
55
|
+
this._error = false;
|
|
109
56
|
this._empty = false;
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
57
|
+
}
|
|
58
|
+
updated(changedProperties) {
|
|
59
|
+
if (this._skeletonAttribute != null && changedProperties.has(this._skeletonAttribute)) {
|
|
60
|
+
this._error = false;
|
|
61
|
+
this._empty = false;
|
|
62
|
+
const start = new Date().getTime();
|
|
63
|
+
let end = null;
|
|
64
|
+
const timer = setTimeout(() => {
|
|
65
|
+
this._invisible = false;
|
|
66
|
+
this._skeleton = true;
|
|
67
|
+
end = new Date().getTime();
|
|
68
|
+
}, timeBeforeSkeleton);
|
|
69
|
+
const attribute = this[this._skeletonAttribute];
|
|
70
|
+
Promise.resolve(attribute)
|
|
71
|
+
.then((value) => {
|
|
72
|
+
clearTimeout(timer);
|
|
73
|
+
if (end && end - start < minimumTimeOfSkeleton) {
|
|
74
|
+
setTimeout(() => {
|
|
75
|
+
this[this._skeletonAttribute] = value;
|
|
76
|
+
}, minimumTimeOfSkeleton - (end - start));
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
this._invisible = value === undefined;
|
|
80
|
+
this._skeleton = value === null;
|
|
81
|
+
if (value) {
|
|
82
|
+
if (Array.isArray(value)) {
|
|
83
|
+
this._empty = value.length === 0;
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
this._empty = Object.keys(value).length === 0;
|
|
87
|
+
}
|
|
88
|
+
this[`_${this._skeletonAttribute}`] = value;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
})
|
|
92
|
+
.catch((err) => {
|
|
93
|
+
clearTimeout(timer);
|
|
94
|
+
if (end && end - start < minimumTimeOfSkeleton) {
|
|
95
|
+
setTimeout(() => {
|
|
96
|
+
this[this._skeletonAttribute] = Promise.reject(err);
|
|
97
|
+
}, minimumTimeOfSkeleton - (end - start));
|
|
98
|
+
}
|
|
99
|
+
else {
|
|
100
|
+
this._error = true;
|
|
101
|
+
this._skeleton = false;
|
|
102
|
+
this._empty = false;
|
|
103
|
+
this._invisible = false;
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
};
|
|
117
109
|
}
|
|
118
|
-
//# sourceMappingURL=
|
|
110
|
+
//# sourceMappingURL=with-skeleton-attribute.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"with-skeleton-attribute.js","sourceRoot":"","sources":["../../../src/mixins/with-skeleton-attribute.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
declare const GvCardFull_base: {
|
|
2
|
+
new (): {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
_skeletonAttribute: string;
|
|
5
|
+
_onImageLoaded(): void;
|
|
6
|
+
_skeleton: boolean;
|
|
7
|
+
_renderImage(): "" | import("lit-html").TemplateResult<1>;
|
|
8
|
+
_onTagClick(tagValue: any, event: any): void;
|
|
9
|
+
_renderLabels(clickable: any): unknown;
|
|
10
|
+
_renderStates(): unknown;
|
|
11
|
+
_onClickToMetrics(event: any): void;
|
|
12
|
+
_renderMetricsWithRating(): "" | import("lit-html").TemplateResult<1>;
|
|
13
|
+
_renderInfoRating(): "" | import("lit-html").TemplateResult<1>;
|
|
14
|
+
_invisible: boolean;
|
|
15
|
+
_error: boolean;
|
|
16
|
+
_empty: boolean;
|
|
17
|
+
updated(changedProperties: any): void;
|
|
18
|
+
};
|
|
19
|
+
readonly properties: {
|
|
20
|
+
item: {
|
|
21
|
+
type: ObjectConstructor;
|
|
22
|
+
};
|
|
23
|
+
href: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
};
|
|
26
|
+
metrics: {
|
|
27
|
+
type: ObjectConstructor;
|
|
28
|
+
};
|
|
29
|
+
_item: {
|
|
30
|
+
type: ObjectConstructor;
|
|
31
|
+
attribute: boolean;
|
|
32
|
+
};
|
|
33
|
+
_invisible: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
reflect: boolean;
|
|
36
|
+
};
|
|
37
|
+
_skeleton: {
|
|
38
|
+
type: BooleanConstructor;
|
|
39
|
+
attribute: boolean;
|
|
40
|
+
};
|
|
41
|
+
_error: {
|
|
42
|
+
type: BooleanConstructor;
|
|
43
|
+
attribute: boolean;
|
|
44
|
+
};
|
|
45
|
+
_empty: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
attribute: boolean;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
readonly styles: import("lit").CSSResult[];
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* Full Card component
|
|
54
|
+
*
|
|
55
|
+
* ## Details
|
|
56
|
+
* * has @theme facet
|
|
57
|
+
*
|
|
58
|
+
* @fires gv-card-full:click - Custom click event
|
|
59
|
+
* @fires gv-tag:click - Custom click event on card labels
|
|
60
|
+
*
|
|
61
|
+
* @attr {Promise<Object>} item - An item.
|
|
62
|
+
* @attr {Promise<Metrics>} metrics - A Metrics.
|
|
63
|
+
*
|
|
64
|
+
* @cssprop {Color} [--gv-card-full--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
|
|
65
|
+
* @cssprop {Length} [--gv-card-full-image--h=65px] - Image height
|
|
66
|
+
* @cssprop {Length} [--gv-card-full-image--w=110px] - Image width
|
|
67
|
+
*/
|
|
68
|
+
export class GvCardFull extends GvCardFull_base {
|
|
69
|
+
static get properties(): {
|
|
70
|
+
metrics: {
|
|
71
|
+
type: ObjectConstructor;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
limit: number;
|
|
75
|
+
_onClick(e: any): void;
|
|
76
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
77
|
+
}
|
|
78
|
+
export {};
|