@aceshooting/lyra-ui 3.4.0 → 3.6.0
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/README.md +110 -2
- package/custom-elements.json +50145 -41814
- package/dist/components/animated-image/animated-image.class.d.ts +131 -0
- package/dist/components/animated-image/animated-image.class.d.ts.map +1 -0
- package/dist/components/animated-image/animated-image.class.js +296 -0
- package/dist/components/animated-image/animated-image.class.js.map +1 -0
- package/dist/components/animated-image/animated-image.d.ts +2 -0
- package/dist/components/animated-image/animated-image.d.ts.map +1 -0
- package/dist/components/animated-image/animated-image.js +5 -0
- package/dist/components/animated-image/animated-image.js.map +1 -0
- package/dist/components/animated-image/animated-image.styles.d.ts +2 -0
- package/dist/components/animated-image/animated-image.styles.d.ts.map +1 -0
- package/dist/components/animated-image/animated-image.styles.js +117 -0
- package/dist/components/animated-image/animated-image.styles.js.map +1 -0
- package/dist/components/animation/animation.class.d.ts +119 -0
- package/dist/components/animation/animation.class.d.ts.map +1 -0
- package/dist/components/animation/animation.class.js +420 -0
- package/dist/components/animation/animation.class.js.map +1 -0
- package/dist/components/animation/animation.d.ts +2 -0
- package/dist/components/animation/animation.d.ts.map +1 -0
- package/dist/components/animation/animation.js +5 -0
- package/dist/components/animation/animation.js.map +1 -0
- package/dist/components/animation/animation.styles.d.ts +2 -0
- package/dist/components/animation/animation.styles.d.ts.map +1 -0
- package/dist/components/animation/animation.styles.js +18 -0
- package/dist/components/animation/animation.styles.js.map +1 -0
- package/dist/components/app-rail/app-rail-item.class.d.ts +1 -0
- package/dist/components/app-rail/app-rail-item.class.d.ts.map +1 -1
- package/dist/components/app-rail/app-rail-item.class.js +13 -2
- package/dist/components/app-rail/app-rail-item.class.js.map +1 -1
- package/dist/components/attachment-chip/attachment-chip.d.ts +0 -1
- package/dist/components/attachment-chip/attachment-chip.d.ts.map +1 -1
- package/dist/components/attachment-chip/attachment-chip.js +0 -1
- package/dist/components/attachment-chip/attachment-chip.js.map +1 -1
- package/dist/components/avatar-group/avatar-group.class.d.ts +110 -0
- package/dist/components/avatar-group/avatar-group.class.d.ts.map +1 -0
- package/dist/components/avatar-group/avatar-group.class.js +182 -0
- package/dist/components/avatar-group/avatar-group.class.js.map +1 -0
- package/dist/components/avatar-group/avatar-group.d.ts +2 -0
- package/dist/components/avatar-group/avatar-group.d.ts.map +1 -0
- package/dist/components/avatar-group/avatar-group.js +5 -0
- package/dist/components/avatar-group/avatar-group.js.map +1 -0
- package/dist/components/avatar-group/avatar-group.styles.d.ts +2 -0
- package/dist/components/avatar-group/avatar-group.styles.d.ts.map +1 -0
- package/dist/components/avatar-group/avatar-group.styles.js +112 -0
- package/dist/components/avatar-group/avatar-group.styles.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-item.class.d.ts.map +1 -1
- package/dist/components/breadcrumb/breadcrumb-item.class.js +2 -1
- package/dist/components/breadcrumb/breadcrumb-item.class.js.map +1 -1
- package/dist/components/breadcrumb/breadcrumb-item.styles.d.ts +2 -0
- package/dist/components/breadcrumb/breadcrumb-item.styles.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-item.styles.js +20 -0
- package/dist/components/breadcrumb/breadcrumb-item.styles.js.map +1 -0
- package/dist/components/calendar/calendar.class.d.ts +17 -1
- package/dist/components/calendar/calendar.class.d.ts.map +1 -1
- package/dist/components/calendar/calendar.class.js +31 -13
- package/dist/components/calendar/calendar.class.js.map +1 -1
- package/dist/components/calendar/calendar.styles.d.ts.map +1 -1
- package/dist/components/calendar/calendar.styles.js +4 -1
- package/dist/components/calendar/calendar.styles.js.map +1 -1
- package/dist/components/calendar-viewer/calendar-viewer.class.d.ts +1 -1
- package/dist/components/calendar-viewer/calendar-viewer.class.d.ts.map +1 -1
- package/dist/components/calendar-viewer/calendar-viewer.class.js +2 -2
- package/dist/components/calendar-viewer/calendar-viewer.class.js.map +1 -1
- package/dist/components/callout/callout.class.js +1 -1
- package/dist/components/callout/callout.class.js.map +1 -1
- package/dist/components/chart/box-plot.class.d.ts.map +1 -1
- package/dist/components/chart/box-plot.class.js +1 -3
- package/dist/components/chart/box-plot.class.js.map +1 -1
- package/dist/components/chart/chart.class.d.ts.map +1 -1
- package/dist/components/chart/chart.class.js +10 -4
- package/dist/components/chart/chart.class.js.map +1 -1
- package/dist/components/chart/histogram.class.d.ts.map +1 -1
- package/dist/components/chart/histogram.class.js +6 -2
- package/dist/components/chart/histogram.class.js.map +1 -1
- package/dist/components/checkbox-group/checkbox-group.class.js +2 -2
- package/dist/components/checkbox-group/checkbox-group.class.js.map +1 -1
- package/dist/components/checkbox-group/checkbox-group.styles.js +1 -1
- package/dist/components/code-editor/code-editor.class.d.ts +9 -2
- package/dist/components/code-editor/code-editor.class.d.ts.map +1 -1
- package/dist/components/code-editor/code-editor.class.js +38 -6
- package/dist/components/code-editor/code-editor.class.js.map +1 -1
- package/dist/components/code-editor/code-editor.styles.d.ts.map +1 -1
- package/dist/components/code-editor/code-editor.styles.js +7 -4
- package/dist/components/code-editor/code-editor.styles.js.map +1 -1
- package/dist/components/command-palette/command-palette.class.d.ts +8 -2
- package/dist/components/command-palette/command-palette.class.d.ts.map +1 -1
- package/dist/components/command-palette/command-palette.class.js +77 -17
- package/dist/components/command-palette/command-palette.class.js.map +1 -1
- package/dist/components/command-palette/command-palette.styles.js +1 -1
- package/dist/components/contact-viewer/contact-viewer.class.d.ts +4 -1
- package/dist/components/contact-viewer/contact-viewer.class.d.ts.map +1 -1
- package/dist/components/contact-viewer/contact-viewer.class.js +5 -2
- package/dist/components/contact-viewer/contact-viewer.class.js.map +1 -1
- package/dist/components/data-grid/data-grid.class.d.ts.map +1 -1
- package/dist/components/data-grid/data-grid.class.js +4 -4
- package/dist/components/data-grid/data-grid.class.js.map +1 -1
- package/dist/components/data-grid/data-grid.styles.js +1 -1
- package/dist/components/document-preview/document-preview.class.d.ts +3 -6
- package/dist/components/document-preview/document-preview.class.d.ts.map +1 -1
- package/dist/components/document-preview/document-preview.class.js +19 -42
- package/dist/components/document-preview/document-preview.class.js.map +1 -1
- package/dist/components/email-viewer/email-viewer.class.d.ts +4 -1
- package/dist/components/email-viewer/email-viewer.class.d.ts.map +1 -1
- package/dist/components/email-viewer/email-viewer.class.js +5 -2
- package/dist/components/email-viewer/email-viewer.class.js.map +1 -1
- package/dist/components/empty/empty.class.d.ts.map +1 -1
- package/dist/components/empty/empty.class.js +8 -2
- package/dist/components/empty/empty.class.js.map +1 -1
- package/dist/components/format/format-bytes.class.d.ts +0 -1
- package/dist/components/format/format-bytes.class.d.ts.map +1 -1
- package/dist/components/format/format-bytes.class.js +0 -4
- package/dist/components/format/format-bytes.class.js.map +1 -1
- package/dist/components/format/format-date.class.d.ts +0 -1
- package/dist/components/format/format-date.class.d.ts.map +1 -1
- package/dist/components/format/format-date.class.js +0 -4
- package/dist/components/format/format-date.class.js.map +1 -1
- package/dist/components/format/format-number.class.d.ts +0 -1
- package/dist/components/format/format-number.class.d.ts.map +1 -1
- package/dist/components/format/format-number.class.js +0 -4
- package/dist/components/format/format-number.class.js.map +1 -1
- package/dist/components/format/relative-time.class.d.ts +0 -1
- package/dist/components/format/relative-time.class.d.ts.map +1 -1
- package/dist/components/format/relative-time.class.js +0 -4
- package/dist/components/format/relative-time.class.js.map +1 -1
- package/dist/components/graph/graph.class.d.ts.map +1 -1
- package/dist/components/graph/graph.class.js +1 -3
- package/dist/components/graph/graph.class.js.map +1 -1
- package/dist/components/heatmap/heatmap.class.d.ts.map +1 -1
- package/dist/components/heatmap/heatmap.class.js +3 -12
- package/dist/components/heatmap/heatmap.class.js.map +1 -1
- package/dist/components/heatmap/heatmap.styles.d.ts.map +1 -1
- package/dist/components/heatmap/heatmap.styles.js +0 -3
- package/dist/components/heatmap/heatmap.styles.js.map +1 -1
- package/dist/components/html-viewer/dompurify-loader.js +4 -0
- package/dist/components/html-viewer/dompurify-loader.js.map +1 -1
- package/dist/components/icon/icon.class.d.ts +11 -0
- package/dist/components/icon/icon.class.d.ts.map +1 -1
- package/dist/components/icon/icon.class.js +51 -2
- package/dist/components/icon/icon.class.js.map +1 -1
- package/dist/components/icon/icon.styles.d.ts.map +1 -1
- package/dist/components/icon/icon.styles.js +1 -1
- package/dist/components/icon/icon.styles.js.map +1 -1
- package/dist/components/image-comparer/image-comparer.styles.d.ts.map +1 -1
- package/dist/components/image-comparer/image-comparer.styles.js +12 -0
- package/dist/components/image-comparer/image-comparer.styles.js.map +1 -1
- package/dist/components/include/include.class.d.ts +104 -0
- package/dist/components/include/include.class.d.ts.map +1 -0
- package/dist/components/include/include.class.js +149 -0
- package/dist/components/include/include.class.js.map +1 -0
- package/dist/components/include/include.d.ts +2 -0
- package/dist/components/include/include.d.ts.map +1 -0
- package/dist/components/include/include.js +5 -0
- package/dist/components/include/include.js.map +1 -0
- package/dist/components/include/include.styles.d.ts +2 -0
- package/dist/components/include/include.styles.d.ts.map +1 -0
- package/dist/components/include/include.styles.js +14 -0
- package/dist/components/include/include.styles.js.map +1 -0
- package/dist/components/intersection-observer/intersection-observer.class.d.ts +0 -1
- package/dist/components/intersection-observer/intersection-observer.class.d.ts.map +1 -1
- package/dist/components/intersection-observer/intersection-observer.class.js +7 -6
- package/dist/components/intersection-observer/intersection-observer.class.js.map +1 -1
- package/dist/components/kbd/kbd.class.d.ts.map +1 -1
- package/dist/components/kbd/kbd.class.js +1 -11
- package/dist/components/kbd/kbd.class.js.map +1 -1
- package/dist/components/known-date/known-date.class.d.ts +208 -0
- package/dist/components/known-date/known-date.class.d.ts.map +1 -0
- package/dist/components/known-date/known-date.class.js +588 -0
- package/dist/components/known-date/known-date.class.js.map +1 -0
- package/dist/components/known-date/known-date.d.ts +2 -0
- package/dist/components/known-date/known-date.d.ts.map +1 -0
- package/dist/components/known-date/known-date.js +5 -0
- package/dist/components/known-date/known-date.js.map +1 -0
- package/dist/components/known-date/known-date.styles.d.ts +2 -0
- package/dist/components/known-date/known-date.styles.d.ts.map +1 -0
- package/dist/components/known-date/known-date.styles.js +134 -0
- package/dist/components/known-date/known-date.styles.js.map +1 -0
- package/dist/components/lightbox/lightbox.class.d.ts +187 -0
- package/dist/components/lightbox/lightbox.class.d.ts.map +1 -0
- package/dist/components/lightbox/lightbox.class.js +415 -0
- package/dist/components/lightbox/lightbox.class.js.map +1 -0
- package/dist/components/lightbox/lightbox.d.ts +3 -0
- package/dist/components/lightbox/lightbox.d.ts.map +1 -0
- package/dist/components/lightbox/lightbox.js +6 -0
- package/dist/components/lightbox/lightbox.js.map +1 -0
- package/dist/components/lightbox/lightbox.styles.d.ts +2 -0
- package/dist/components/lightbox/lightbox.styles.d.ts.map +1 -0
- package/dist/components/lightbox/lightbox.styles.js +179 -0
- package/dist/components/lightbox/lightbox.styles.js.map +1 -0
- package/dist/components/map/map.class.d.ts +1 -1
- package/dist/components/map/map.class.d.ts.map +1 -1
- package/dist/components/map/map.class.js +2 -24
- package/dist/components/map/map.class.js.map +1 -1
- package/dist/components/menu/menu.class.d.ts +1 -1
- package/dist/components/model-select/model-select.class.d.ts +1 -0
- package/dist/components/model-select/model-select.class.d.ts.map +1 -1
- package/dist/components/model-select/model-select.class.js +2 -1
- package/dist/components/model-select/model-select.class.js.map +1 -1
- package/dist/components/model-select/model-select.styles.js +1 -1
- package/dist/components/model-settings-panel/model-settings-panel.class.d.ts.map +1 -1
- package/dist/components/model-settings-panel/model-settings-panel.class.js +1 -10
- package/dist/components/model-settings-panel/model-settings-panel.class.js.map +1 -1
- package/dist/components/mutation-observer/mutation-observer.class.d.ts +0 -1
- package/dist/components/mutation-observer/mutation-observer.class.d.ts.map +1 -1
- package/dist/components/mutation-observer/mutation-observer.class.js +0 -5
- package/dist/components/mutation-observer/mutation-observer.class.js.map +1 -1
- package/dist/components/pdf-viewer/pdf-viewer.class.js +1 -1
- package/dist/components/pdf-viewer/pdf-viewer.class.js.map +1 -1
- package/dist/components/phone-input/phone-input.class.d.ts +15 -0
- package/dist/components/phone-input/phone-input.class.d.ts.map +1 -1
- package/dist/components/phone-input/phone-input.class.js +46 -0
- package/dist/components/phone-input/phone-input.class.js.map +1 -1
- package/dist/components/progress/progress-bar.class.js +1 -1
- package/dist/components/progress/progress-bar.class.js.map +1 -1
- package/dist/components/progress/progress.styles.d.ts.map +1 -1
- package/dist/components/progress/progress.styles.js +4 -2
- package/dist/components/progress/progress.styles.js.map +1 -1
- package/dist/components/qr-code/qr-code-loader.d.ts +15 -0
- package/dist/components/qr-code/qr-code-loader.d.ts.map +1 -0
- package/dist/components/qr-code/qr-code-loader.js +28 -0
- package/dist/components/qr-code/qr-code-loader.js.map +1 -0
- package/dist/components/qr-code/qr-code.class.d.ts +121 -0
- package/dist/components/qr-code/qr-code.class.d.ts.map +1 -0
- package/dist/components/qr-code/qr-code.class.js +392 -0
- package/dist/components/qr-code/qr-code.class.js.map +1 -0
- package/dist/components/qr-code/qr-code.d.ts +2 -0
- package/dist/components/qr-code/qr-code.d.ts.map +1 -0
- package/dist/components/qr-code/qr-code.js +5 -0
- package/dist/components/qr-code/qr-code.js.map +1 -0
- package/dist/components/qr-code/qr-code.styles.d.ts +2 -0
- package/dist/components/qr-code/qr-code.styles.d.ts.map +1 -0
- package/dist/components/qr-code/qr-code.styles.js +48 -0
- package/dist/components/qr-code/qr-code.styles.js.map +1 -0
- package/dist/components/radio/radio-group.class.d.ts +2 -0
- package/dist/components/radio/radio-group.class.d.ts.map +1 -1
- package/dist/components/radio/radio-group.class.js +6 -2
- package/dist/components/radio/radio-group.class.js.map +1 -1
- package/dist/components/radio/radio-group.styles.d.ts.map +1 -1
- package/dist/components/radio/radio-group.styles.js +1 -0
- package/dist/components/radio/radio-group.styles.js.map +1 -1
- package/dist/components/radio/radio.class.d.ts +4 -0
- package/dist/components/radio/radio.class.d.ts.map +1 -1
- package/dist/components/radio/radio.class.js +18 -0
- package/dist/components/radio/radio.class.js.map +1 -1
- package/dist/components/random-content/random-content.class.d.ts +99 -0
- package/dist/components/random-content/random-content.class.d.ts.map +1 -0
- package/dist/components/random-content/random-content.class.js +268 -0
- package/dist/components/random-content/random-content.class.js.map +1 -0
- package/dist/components/random-content/random-content.d.ts +2 -0
- package/dist/components/random-content/random-content.d.ts.map +1 -0
- package/dist/components/random-content/random-content.js +5 -0
- package/dist/components/random-content/random-content.js.map +1 -0
- package/dist/components/random-content/random-content.styles.d.ts +2 -0
- package/dist/components/random-content/random-content.styles.d.ts.map +1 -0
- package/dist/components/random-content/random-content.styles.js +94 -0
- package/dist/components/random-content/random-content.styles.js.map +1 -0
- package/dist/components/resize-observer/resize-observer.class.d.ts.map +1 -1
- package/dist/components/resize-observer/resize-observer.class.js +12 -0
- package/dist/components/resize-observer/resize-observer.class.js.map +1 -1
- package/dist/components/responsive-panel/responsive-panel.class.d.ts +14 -5
- package/dist/components/responsive-panel/responsive-panel.class.d.ts.map +1 -1
- package/dist/components/responsive-panel/responsive-panel.class.js +18 -6
- package/dist/components/responsive-panel/responsive-panel.class.js.map +1 -1
- package/dist/components/result-card/result-card.class.d.ts +9 -8
- package/dist/components/result-card/result-card.class.d.ts.map +1 -1
- package/dist/components/result-card/result-card.class.js +7 -26
- package/dist/components/result-card/result-card.class.js.map +1 -1
- package/dist/components/result-card/result-field.class.d.ts.map +1 -1
- package/dist/components/result-card/result-field.class.js +1 -11
- package/dist/components/result-card/result-field.class.js.map +1 -1
- package/dist/components/scroller/scroller.class.js +2 -2
- package/dist/components/scroller/scroller.class.js.map +1 -1
- package/dist/components/segmented/segmented.class.d.ts.map +1 -1
- package/dist/components/segmented/segmented.class.js +1 -1
- package/dist/components/segmented/segmented.class.js.map +1 -1
- package/dist/components/slider/slider.class.d.ts.map +1 -1
- package/dist/components/slider/slider.class.js +1 -19
- package/dist/components/slider/slider.class.js.map +1 -1
- package/dist/components/source-card/source-card.class.d.ts +8 -7
- package/dist/components/source-card/source-card.class.d.ts.map +1 -1
- package/dist/components/source-card/source-card.class.js +6 -25
- package/dist/components/source-card/source-card.class.js.map +1 -1
- package/dist/components/sparkline/sparkline.class.d.ts.map +1 -1
- package/dist/components/sparkline/sparkline.class.js +10 -7
- package/dist/components/sparkline/sparkline.class.js.map +1 -1
- package/dist/components/split/split.class.d.ts.map +1 -1
- package/dist/components/split/split.class.js +9 -2
- package/dist/components/split/split.class.js.map +1 -1
- package/dist/components/stat/stat.class.js +1 -1
- package/dist/components/stat/stat.class.js.map +1 -1
- package/dist/components/stat/stat.styles.d.ts.map +1 -1
- package/dist/components/stat/stat.styles.js +9 -0
- package/dist/components/stat/stat.styles.js.map +1 -1
- package/dist/components/stepper/stepper.class.d.ts.map +1 -1
- package/dist/components/stepper/stepper.class.js +1 -1
- package/dist/components/stepper/stepper.class.js.map +1 -1
- package/dist/components/streaming-text/streaming-text.class.d.ts.map +1 -1
- package/dist/components/streaming-text/streaming-text.class.js +5 -5
- package/dist/components/streaming-text/streaming-text.class.js.map +1 -1
- package/dist/components/switch/switch.class.d.ts +7 -0
- package/dist/components/switch/switch.class.d.ts.map +1 -1
- package/dist/components/switch/switch.class.js +9 -0
- package/dist/components/switch/switch.class.js.map +1 -1
- package/dist/components/table/table.class.d.ts +14 -0
- package/dist/components/table/table.class.d.ts.map +1 -1
- package/dist/components/table/table.class.js +52 -1
- package/dist/components/table/table.class.js.map +1 -1
- package/dist/components/time-range/time-range.class.d.ts.map +1 -1
- package/dist/components/time-range/time-range.class.js +1 -21
- package/dist/components/time-range/time-range.class.js.map +1 -1
- package/dist/components/timeline/timeline-item.class.d.ts +120 -0
- package/dist/components/timeline/timeline-item.class.d.ts.map +1 -0
- package/dist/components/timeline/timeline-item.class.js +203 -0
- package/dist/components/timeline/timeline-item.class.js.map +1 -0
- package/dist/components/timeline/timeline-item.d.ts +3 -0
- package/dist/components/timeline/timeline-item.d.ts.map +1 -0
- package/dist/components/timeline/timeline-item.js +10 -0
- package/dist/components/timeline/timeline-item.js.map +1 -0
- package/dist/components/timeline/timeline-item.styles.d.ts +2 -0
- package/dist/components/timeline/timeline-item.styles.d.ts.map +1 -0
- package/dist/components/timeline/timeline-item.styles.js +149 -0
- package/dist/components/timeline/timeline-item.styles.js.map +1 -0
- package/dist/components/timeline/timeline.class.d.ts +59 -0
- package/dist/components/timeline/timeline.class.d.ts.map +1 -0
- package/dist/components/timeline/timeline.class.js +100 -0
- package/dist/components/timeline/timeline.class.js.map +1 -0
- package/dist/components/timeline/timeline.d.ts +2 -0
- package/dist/components/timeline/timeline.d.ts.map +1 -0
- package/dist/components/timeline/timeline.js +5 -0
- package/dist/components/timeline/timeline.js.map +1 -0
- package/dist/components/timeline/timeline.styles.d.ts +2 -0
- package/dist/components/timeline/timeline.styles.d.ts.map +1 -0
- package/dist/components/timeline/timeline.styles.js +52 -0
- package/dist/components/timeline/timeline.styles.js.map +1 -0
- package/dist/components/toast/toast-item.class.d.ts.map +1 -1
- package/dist/components/toast/toast-item.class.js +1 -3
- package/dist/components/toast/toast-item.class.js.map +1 -1
- package/dist/components/token-input/token-input.class.d.ts +19 -0
- package/dist/components/token-input/token-input.class.d.ts.map +1 -1
- package/dist/components/token-input/token-input.class.js +59 -10
- package/dist/components/token-input/token-input.class.js.map +1 -1
- package/dist/components/token-input/token-input.styles.js +1 -1
- package/dist/components/tool-select-dialog/tool-select-dialog.class.d.ts +4 -0
- package/dist/components/tool-select-dialog/tool-select-dialog.class.d.ts.map +1 -1
- package/dist/components/tool-select-dialog/tool-select-dialog.class.js +9 -1
- package/dist/components/tool-select-dialog/tool-select-dialog.class.js.map +1 -1
- package/dist/components/tour/tour.class.d.ts +250 -0
- package/dist/components/tour/tour.class.d.ts.map +1 -0
- package/dist/components/tour/tour.class.js +530 -0
- package/dist/components/tour/tour.class.js.map +1 -0
- package/dist/components/tour/tour.d.ts +2 -0
- package/dist/components/tour/tour.d.ts.map +1 -0
- package/dist/components/tour/tour.js +5 -0
- package/dist/components/tour/tour.js.map +1 -0
- package/dist/components/tour/tour.styles.d.ts +2 -0
- package/dist/components/tour/tour.styles.d.ts.map +1 -0
- package/dist/components/tour/tour.styles.js +165 -0
- package/dist/components/tour/tour.styles.js.map +1 -0
- package/dist/components/virtual-list/virtual-list.class.d.ts.map +1 -1
- package/dist/components/virtual-list/virtual-list.class.js +1 -3
- package/dist/components/virtual-list/virtual-list.class.js.map +1 -1
- package/dist/components/widget/widget.class.d.ts.map +1 -1
- package/dist/components/widget/widget.class.js +2 -6
- package/dist/components/widget/widget.class.js.map +1 -1
- package/dist/components/widget/widget.styles.d.ts.map +1 -1
- package/dist/components/widget/widget.styles.js +4 -0
- package/dist/components/widget/widget.styles.js.map +1 -1
- package/dist/components/word-cloud/word-cloud.class.d.ts.map +1 -1
- package/dist/components/word-cloud/word-cloud.class.js +1 -8
- package/dist/components/word-cloud/word-cloud.class.js.map +1 -1
- package/dist/components/zoomable-frame/zoomable-frame.class.d.ts +15 -0
- package/dist/components/zoomable-frame/zoomable-frame.class.d.ts.map +1 -1
- package/dist/components/zoomable-frame/zoomable-frame.class.js +19 -1
- package/dist/components/zoomable-frame/zoomable-frame.class.js.map +1 -1
- package/dist/internal/a11y.d.ts +4 -0
- package/dist/internal/a11y.d.ts.map +1 -1
- package/dist/internal/a11y.js +17 -0
- package/dist/internal/a11y.js.map +1 -1
- package/dist/internal/canvas.d.ts +8 -0
- package/dist/internal/canvas.d.ts.map +1 -0
- package/dist/internal/canvas.js +14 -0
- package/dist/internal/canvas.js.map +1 -0
- package/dist/internal/localization.d.ts +1 -1
- package/dist/internal/localization.d.ts.map +1 -1
- package/dist/internal/localization.js +20 -2
- package/dist/internal/localization.js.map +1 -1
- package/dist/internal/motion.d.ts +5 -0
- package/dist/internal/motion.d.ts.map +1 -0
- package/dist/internal/motion.js +7 -0
- package/dist/internal/motion.js.map +1 -0
- package/dist/internal/numbers.d.ts +11 -0
- package/dist/internal/numbers.d.ts.map +1 -1
- package/dist/internal/numbers.js +21 -0
- package/dist/internal/numbers.js.map +1 -1
- package/dist/internal/positioner.d.ts +14 -0
- package/dist/internal/positioner.d.ts.map +1 -1
- package/dist/internal/positioner.js +27 -0
- package/dist/internal/positioner.js.map +1 -1
- package/dist/internal/root-registration-allowlist.d.ts +1 -1
- package/dist/internal/root-registration-allowlist.d.ts.map +1 -1
- package/dist/internal/root-registration-allowlist.js +11 -0
- package/dist/internal/root-registration-allowlist.js.map +1 -1
- package/dist/internal/rtl.d.ts +0 -11
- package/dist/internal/rtl.d.ts.map +1 -1
- package/dist/internal/rtl.js +0 -13
- package/dist/internal/rtl.js.map +1 -1
- package/dist/internal/safe-css.d.ts +15 -0
- package/dist/internal/safe-css.d.ts.map +1 -0
- package/dist/internal/safe-css.js +25 -0
- package/dist/internal/safe-css.js.map +1 -0
- package/dist/internal/strip-host-title.d.ts +24 -0
- package/dist/internal/strip-host-title.d.ts.map +1 -0
- package/dist/internal/strip-host-title.js +46 -0
- package/dist/internal/strip-host-title.js.map +1 -0
- package/dist/internal/tokens.styles.d.ts.map +1 -1
- package/dist/internal/tokens.styles.js +4 -0
- package/dist/internal/tokens.styles.js.map +1 -1
- package/dist/lyra.d.ts +33 -0
- package/dist/lyra.d.ts.map +1 -1
- package/dist/lyra.js +22 -0
- package/dist/lyra.js.map +1 -1
- package/llms-full.txt +104 -0
- package/llms.txt +3 -0
- package/package.json +43 -6
- package/vscode-css-data.json +719 -0
- package/vscode-html-data.json +10579 -0
- package/web-types.json +12161 -0
|
@@ -2,7 +2,7 @@ import { css } from 'lit';
|
|
|
2
2
|
export const styles = css `
|
|
3
3
|
:host { display: block; }
|
|
4
4
|
[part='form-control'] { display: grid; gap: var(--lyra-space-xs); }
|
|
5
|
-
[part='label'] { font-weight:
|
|
5
|
+
[part='label'] { font-weight: var(--lyra-font-weight-semibold); color: var(--lyra-color-text); }
|
|
6
6
|
[part='label']::after { content: '*'; margin-inline-start: var(--lyra-space-2xs); color: var(--lyra-color-danger); }
|
|
7
7
|
[part='options'] { display: grid; gap: var(--lyra-space-s); }
|
|
8
8
|
[part='hint'], [part='error'] { color: var(--lyra-color-text-quiet); font-size: var(--lyra-font-size-sm); }
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type TemplateResult } from 'lit';
|
|
1
|
+
import { type TemplateResult, type PropertyValues } from 'lit';
|
|
2
2
|
import { LyraElement } from '../../internal/lyra-element.js';
|
|
3
3
|
export interface LyraCodeEditorEventMap {
|
|
4
4
|
input: CustomEvent<{
|
|
@@ -45,6 +45,9 @@ export declare class LyraCodeEditor extends LyraCodeEditor_base {
|
|
|
45
45
|
autoCorrect: string;
|
|
46
46
|
accessibleLabel: string;
|
|
47
47
|
private touched;
|
|
48
|
+
private hasLabelSlot;
|
|
49
|
+
private hasHintSlot;
|
|
50
|
+
private hasErrorSlot;
|
|
48
51
|
private textarea?;
|
|
49
52
|
focus(options?: FocusOptions): void;
|
|
50
53
|
blur(): void;
|
|
@@ -58,7 +61,11 @@ export declare class LyraCodeEditor extends LyraCodeEditor_base {
|
|
|
58
61
|
private onFocus;
|
|
59
62
|
private onBlur;
|
|
60
63
|
private onKeyDown;
|
|
61
|
-
|
|
64
|
+
private onLabelSlotChange;
|
|
65
|
+
private onHintSlotChange;
|
|
66
|
+
private onErrorSlotChange;
|
|
67
|
+
protected willUpdate(): void;
|
|
68
|
+
protected updated(changed: PropertyValues): void;
|
|
62
69
|
render(): TemplateResult;
|
|
63
70
|
}
|
|
64
71
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor.class.d.ts","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"code-editor.class.d.ts","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,WAAW,sBAAsB;IAAG,KAAK,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,MAAM,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAAE;AACvL,cAAM,kBAAmB,SAAQ,WAAW,CAAC,sBAAsB,CAAC;CAAG;;AAEvE;;;;;;;;;;;;;;GAcG;AACH,qBAAa,cAAe,SAAQ,mBAAkC;IACpE,MAAM,CAAC,MAAM,iCAAgC;IACjC,QAAQ,SAAM;IAC6C,WAAW,UAAQ;IACvC,OAAO,SAAK;IACnD,KAAK,SAAM;IACX,IAAI,SAAM;IACiB,SAAS,SAAM;IAC1C,WAAW,SAAM;IACe,QAAQ,UAAS;IACjD,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAU;IACxC,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAS;IAC6E,UAAU,UAAS;IAC3J,cAAc,SAAS;IACK,WAAW,SAAS;IACrB,eAAe,SAAM;IACnD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;IACnB,OAAO,CAAC,QAAQ,CAAC,CAAsB;IACjD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAmC;IACtE,IAAI,IAAI,IAAI,CAA2B;IAChD,MAAM,IAAI,IAAI,CAA6B;IAC3C,IAAI,cAAc,IAAI,MAAM,CAA+C;IAC3E,IAAI,YAAY,IAAI,MAAM,CAA6C;IACvE,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,IAAI,CAA6D;IAC7J,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAKnG;IACD,OAAO,CAAC,OAAO,CAAoI;IACnJ,OAAO,CAAC,QAAQ,CAA+D;IAC/E,OAAO,CAAC,OAAO,CAAuC;IACtD,OAAO,CAAC,MAAM,CAA2D;IACzE,OAAO,CAAC,SAAS,CAA4W;IAC7X,OAAO,CAAC,iBAAiB,CAA6H;IACtJ,OAAO,CAAC,gBAAgB,CAA4H;IACpJ,OAAO,CAAC,iBAAiB,CAA6H;IACtJ,SAAS,CAAC,UAAU,IAAI,IAAI,CAM3B;IACD,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAK/C;IACD,MAAM,IAAI,cAAc,CAgBvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,kBAAkB,EAAE,cAAc,CAAC;KAAE;CAAE"}
|
|
@@ -44,6 +44,9 @@ export class LyraCodeEditor extends FormAssociated(LyraCodeEditorBase) {
|
|
|
44
44
|
this.autoCorrect = 'off';
|
|
45
45
|
this.accessibleLabel = '';
|
|
46
46
|
this.touched = false;
|
|
47
|
+
this.hasLabelSlot = false;
|
|
48
|
+
this.hasHintSlot = false;
|
|
49
|
+
this.hasErrorSlot = false;
|
|
47
50
|
this.onInput = (event) => { this.value = event.target.value; this.emit('input', { value: this.value }); };
|
|
48
51
|
this.onChange = () => { this.emit('change', { value: this.value }); };
|
|
49
52
|
this.onFocus = () => { this.emit('focus'); };
|
|
@@ -56,6 +59,9 @@ export class LyraCodeEditor extends FormAssociated(LyraCodeEditorBase) {
|
|
|
56
59
|
this.value = target.value;
|
|
57
60
|
this.emit('input', { value: this.value });
|
|
58
61
|
} };
|
|
62
|
+
this.onLabelSlotChange = (e) => { this.hasLabelSlot = e.target.assignedElements({ flatten: true }).length > 0; };
|
|
63
|
+
this.onHintSlotChange = (e) => { this.hasHintSlot = e.target.assignedElements({ flatten: true }).length > 0; };
|
|
64
|
+
this.onErrorSlotChange = (e) => { this.hasErrorSlot = e.target.assignedElements({ flatten: true }).length > 0; };
|
|
59
65
|
}
|
|
60
66
|
static { this.styles = [LyraElement.styles, styles]; }
|
|
61
67
|
focus(options) { this.textarea?.focus(options); }
|
|
@@ -71,18 +77,35 @@ export class LyraCodeEditor extends FormAssociated(LyraCodeEditorBase) {
|
|
|
71
77
|
textarea.setRangeText(replacement, start ?? textarea.selectionStart, end ?? textarea.selectionEnd, selectionMode);
|
|
72
78
|
this.value = textarea.value;
|
|
73
79
|
}
|
|
74
|
-
|
|
75
|
-
|
|
80
|
+
willUpdate() {
|
|
81
|
+
if (!this.hasUpdated) {
|
|
82
|
+
this.hasLabelSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'label');
|
|
83
|
+
this.hasHintSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'hint');
|
|
84
|
+
this.hasErrorSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'error');
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
updated(changed) {
|
|
88
|
+
if (this.textarea && this.textarea.value !== this.value)
|
|
89
|
+
this.textarea.value = this.value;
|
|
90
|
+
if (changed.has('touched') || changed.has('required') || changed.has('value')) {
|
|
91
|
+
this.toggleAttribute('data-invalid', this.touched && !this.internals.validity.valid);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
76
94
|
render() {
|
|
77
95
|
const lineCount = Math.max(1, this.value.split('\n').length);
|
|
78
|
-
const
|
|
96
|
+
const hasLabel = this.hasLabelSlot || this.label.length > 0;
|
|
97
|
+
const hasHint = this.hasHintSlot || this.hint.length > 0;
|
|
98
|
+
const hasError = this.hasErrorSlot || this.errorText.length > 0;
|
|
99
|
+
const describedBy = [hasError ? 'textarea-error' : '', hasHint ? 'textarea-hint' : ''].filter(Boolean).join(' ');
|
|
100
|
+
const label = this.accessibleLabel || (hasLabel ? nothing : this.localize('codeEditorLabel'));
|
|
79
101
|
return html `<div part="form-control">
|
|
80
|
-
<label part="label" for="textarea" ?hidden=${!
|
|
102
|
+
<label part="label" for="textarea" ?hidden=${!hasLabel}>${this.label}<slot name="label" @slotchange=${this.onLabelSlotChange}></slot>${this.required ? html `<span aria-hidden="true">*</span>` : nothing}</label>
|
|
81
103
|
<div part="editor" data-language=${this.language}>
|
|
82
104
|
${this.lineNumbers ? html `<div part="gutter" aria-hidden="true">${Array.from({ length: lineCount }, (_v, i) => html `<div>${i + 1}</div>`)}</div>` : nothing}
|
|
83
|
-
<textarea id="textarea" part="textarea" .value=${this.value} aria-label=${label} aria-invalid=${this.touched && !this.internals.validity.valid ? 'true' : 'false'} placeholder=${this.placeholder} ?readonly=${this.readonly} ?disabled=${this.effectiveDisabled} spellcheck=${this.spellcheck} autocapitalize=${this.autocapitalize} autocorrect=${this.autoCorrect} wrap=${this.wrap} style=${`resize:${this.resize};tab-size:${this.tabSize}`} @input=${this.onInput} @change=${this.onChange} @keydown=${this.onKeyDown} @focus=${this.onFocus} @blur=${this.onBlur}></textarea>
|
|
105
|
+
<textarea id="textarea" part="textarea" .value=${this.value} aria-label=${label} aria-describedby=${describedBy || nothing} aria-invalid=${this.touched && !this.internals.validity.valid ? 'true' : 'false'} placeholder=${this.placeholder} ?readonly=${this.readonly} ?disabled=${this.effectiveDisabled} spellcheck=${this.spellcheck} autocapitalize=${this.autocapitalize} autocorrect=${this.autoCorrect} wrap=${this.wrap} style=${`resize:${this.resize};tab-size:${this.tabSize}`} @input=${this.onInput} @change=${this.onChange} @keydown=${this.onKeyDown} @focus=${this.onFocus} @blur=${this.onBlur}></textarea>
|
|
84
106
|
</div>
|
|
85
|
-
<div part="hint" ?hidden=${!
|
|
107
|
+
<div id="textarea-hint" part="hint" ?hidden=${!hasHint}>${this.hint}<slot name="hint" @slotchange=${this.onHintSlotChange}></slot></div>
|
|
108
|
+
<div id="textarea-error" part="error" ?hidden=${!hasError}>${this.errorText}<slot name="error" @slotchange=${this.onErrorSlotChange}></slot></div>
|
|
86
109
|
</div>`;
|
|
87
110
|
}
|
|
88
111
|
}
|
|
@@ -131,6 +154,15 @@ __decorate([
|
|
|
131
154
|
__decorate([
|
|
132
155
|
state()
|
|
133
156
|
], LyraCodeEditor.prototype, "touched", void 0);
|
|
157
|
+
__decorate([
|
|
158
|
+
state()
|
|
159
|
+
], LyraCodeEditor.prototype, "hasLabelSlot", void 0);
|
|
160
|
+
__decorate([
|
|
161
|
+
state()
|
|
162
|
+
], LyraCodeEditor.prototype, "hasHintSlot", void 0);
|
|
163
|
+
__decorate([
|
|
164
|
+
state()
|
|
165
|
+
], LyraCodeEditor.prototype, "hasErrorSlot", void 0);
|
|
134
166
|
__decorate([
|
|
135
167
|
query('textarea')
|
|
136
168
|
], LyraCodeEditor.prototype, "textarea", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor.class.js","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"code-editor.class.js","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor.styles.d.ts","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"code-editor.styles.d.ts","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,yBAelB,CAAC"}
|
|
@@ -2,10 +2,13 @@ import { css } from 'lit';
|
|
|
2
2
|
export const styles = css `
|
|
3
3
|
:host { display: block; --lyra-code-editor-min-block-size: var(--lyra-size-8rem); --lyra-code-editor-line-height: 1.5; --lyra-code-editor-tab-size: 2; }
|
|
4
4
|
[part='form-control'] { display: grid; gap: var(--lyra-space-xs); }
|
|
5
|
-
[part='label'] { color: var(--lyra-color-text); font-weight:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
[part='label'] { color: var(--lyra-color-text); font-weight: var(--lyra-font-weight-semibold); }
|
|
6
|
+
/* Keep the editor frame as the single scroll viewport. The textarea must not create a second
|
|
7
|
+
native horizontal scrollbar when wrap="off"; its max-content track lets the frame own both
|
|
8
|
+
axes instead. */
|
|
9
|
+
[part='editor'] { display: grid; grid-template-columns: auto max-content; overflow: auto; min-block-size: var(--lyra-code-editor-min-block-size); border: var(--lyra-border-width-thin) solid var(--lyra-color-border); border-radius: var(--lyra-radius); background: var(--lyra-color-surface); }
|
|
10
|
+
[part='gutter'] { padding: var(--lyra-space-s) var(--lyra-space-xs); border-inline-end: var(--lyra-border-width-thin) solid var(--lyra-color-border); color: var(--lyra-color-text-quiet); text-align: end; user-select: none; font: inherit; line-height: var(--lyra-code-editor-line-height); }
|
|
11
|
+
[part='textarea'] { display: block; box-sizing: border-box; inline-size: max-content; min-inline-size: 100%; min-block-size: var(--lyra-code-editor-min-block-size); overflow: visible; padding: var(--lyra-space-s); resize: both; border: 0; outline: 0; background: transparent; color: var(--lyra-color-text); font: var(--lyra-font-mono); line-height: var(--lyra-code-editor-line-height); tab-size: var(--lyra-code-editor-tab-size); }
|
|
9
12
|
[part='textarea']:focus-visible { outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color); outline-offset: calc(var(--lyra-focus-ring-offset) * -1); }
|
|
10
13
|
[part='hint'], [part='error'] { color: var(--lyra-color-text-quiet); font-size: var(--lyra-font-size-sm); }
|
|
11
14
|
[part='error'] { color: var(--lyra-color-danger); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor.styles.js","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"code-editor.styles.js","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;CAexB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type TemplateResult } from 'lit';
|
|
1
|
+
import { type TemplateResult, type PropertyValues } from 'lit';
|
|
2
2
|
import { LyraElement } from '../../internal/lyra-element.js';
|
|
3
3
|
export interface LyraCommand {
|
|
4
4
|
id: string;
|
|
@@ -18,6 +18,8 @@ export interface LyraCommandPaletteEventMap {
|
|
|
18
18
|
'lyra-close': CustomEvent<undefined>;
|
|
19
19
|
}
|
|
20
20
|
/** `<lyra-command-palette>` — searchable application command menu with keyboard navigation.
|
|
21
|
+
* Shared overlay infrastructure (the same one `<lyra-dialog>` uses) coordinates focus-trapping
|
|
22
|
+
* Tab, Escape dismissal, and document scroll-locking for as long as the palette is open.
|
|
21
23
|
* @customElement lyra-command-palette
|
|
22
24
|
* @event lyra-select - A command was chosen; detail is `{ command }`.
|
|
23
25
|
* @event lyra-open - The palette opened.
|
|
@@ -36,10 +38,14 @@ export declare class LyraCommandPalette extends LyraElement<LyraCommandPaletteEv
|
|
|
36
38
|
accessibleLabel: string;
|
|
37
39
|
private queryText;
|
|
38
40
|
private activeIndex;
|
|
39
|
-
private inputEl?;
|
|
40
41
|
private listId;
|
|
42
|
+
private releaseScrollLock?;
|
|
43
|
+
private overlay?;
|
|
44
|
+
protected willUpdate(changed: PropertyValues): void;
|
|
45
|
+
protected updated(changed: PropertyValues): void;
|
|
41
46
|
connectedCallback(): void;
|
|
42
47
|
disconnectedCallback(): void;
|
|
48
|
+
private activateOverlay;
|
|
43
49
|
openPalette(): void;
|
|
44
50
|
close(): void;
|
|
45
51
|
registerCommand(command: LyraCommand): () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-palette.class.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"command-palette.class.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D,MAAM,WAAW,WAAW;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAAE;AACpL,MAAM,WAAW,0BAA0B;IAAG,aAAa,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;IAAC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAAC,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAAE;AAEhL;;;;;;;;;;;;GAYG;AACH,qBAAa,kBAAmB,SAAQ,WAAW,CAAC,0BAA0B,CAAC;IAC7E,MAAM,CAAC,MAAM,iCAAgC;IACD,IAAI,UAAS;IACzB,QAAQ,EAAE,WAAW,EAAE,CAAM;IACjD,QAAQ,SAAW;IACQ,eAAe,SAAM;IACnD,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,WAAW,CAAK;IACjC,OAAO,CAAC,MAAM,CAA0B;IACxC,OAAO,CAAC,iBAAiB,CAAC,CAAa;IACvC,OAAO,CAAC,OAAO,CAAC,CAAgB;IAEhC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAYlD;IAID,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAU/C;IAED,iBAAiB,IAAI,IAAI,CAQxB;IAED,oBAAoB,IAAI,IAAI,CAM3B;IAED,OAAO,CAAC,eAAe;IAavB,WAAW,IAAI,IAAI,CAAgH;IACnI,KAAK,IAAI,IAAI,CAAwE;IACrF,eAAe,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,IAAI,CAAqI;IACtL,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,eAAe,CAAmJ;IAC1K,OAAO,KAAK,QAAQ,GAAsP;IAC1Q,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,SAAS,CAA8b;IAC/c,OAAO,CAAC,OAAO,CAAgH;IAC/H,MAAM,IAAI,cAAc,CAavB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,sBAAsB,EAAE,kBAAkB,CAAC;KAAE;CAAE"}
|
|
@@ -5,11 +5,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { html, nothing } from 'lit';
|
|
8
|
-
import { property,
|
|
8
|
+
import { property, state } from 'lit/decorators.js';
|
|
9
9
|
import { LyraElement } from '../../internal/lyra-element.js';
|
|
10
10
|
import { nextId } from '../../internal/a11y.js';
|
|
11
|
+
import { activateOverlay } from '../../internal/overlay-manager.js';
|
|
12
|
+
import { lockScroll } from '../../internal/scroll-lock.js';
|
|
11
13
|
import { styles } from './command-palette.styles.js';
|
|
12
14
|
/** `<lyra-command-palette>` — searchable application command menu with keyboard navigation.
|
|
15
|
+
* Shared overlay infrastructure (the same one `<lyra-dialog>` uses) coordinates focus-trapping
|
|
16
|
+
* Tab, Escape dismissal, and document scroll-locking for as long as the palette is open.
|
|
13
17
|
* @customElement lyra-command-palette
|
|
14
18
|
* @event lyra-select - A command was chosen; detail is `{ command }`.
|
|
15
19
|
* @event lyra-open - The palette opened.
|
|
@@ -34,11 +38,7 @@ export class LyraCommandPalette extends LyraElement {
|
|
|
34
38
|
event.preventDefault();
|
|
35
39
|
this.open ? this.close() : this.openPalette();
|
|
36
40
|
} };
|
|
37
|
-
this.onKeyDown = (event) => { const rows = this.filtered; if (event.key === '
|
|
38
|
-
event.preventDefault();
|
|
39
|
-
this.close();
|
|
40
|
-
}
|
|
41
|
-
else if (event.key === 'ArrowDown') {
|
|
41
|
+
this.onKeyDown = (event) => { const rows = this.filtered; if (event.key === 'ArrowDown') {
|
|
42
42
|
event.preventDefault();
|
|
43
43
|
this.activeIndex = Math.min(this.activeIndex + 1, Math.max(0, rows.length - 1));
|
|
44
44
|
}
|
|
@@ -53,14 +53,76 @@ export class LyraCommandPalette extends LyraElement {
|
|
|
53
53
|
this.onInput = (event) => { this.queryText = event.target.value; this.activeIndex = 0; };
|
|
54
54
|
}
|
|
55
55
|
static { this.styles = [LyraElement.styles, styles]; }
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
willUpdate(changed) {
|
|
57
|
+
if (changed.has('open')) {
|
|
58
|
+
if (this.open) {
|
|
59
|
+
this.releaseScrollLock ??= lockScroll(this.ownerDocument);
|
|
60
|
+
this.activateOverlay();
|
|
61
|
+
}
|
|
62
|
+
else {
|
|
63
|
+
this.releaseScrollLock?.();
|
|
64
|
+
this.releaseScrollLock = undefined;
|
|
65
|
+
this.overlay?.deactivate();
|
|
66
|
+
this.overlay = undefined;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
// Runs after render so the manager can resolve the rendered [part="dialog"] panel -- mirrors
|
|
71
|
+
// lyra-dialog's/lyra-tool-select-dialog's identical ordering rationale.
|
|
72
|
+
updated(changed) {
|
|
73
|
+
if (changed.has('open') && this.open) {
|
|
74
|
+
this.overlay?.focusInitial();
|
|
75
|
+
}
|
|
76
|
+
// The list is a fixed-height, scrollable box -- without this, arrowing past its visible rows
|
|
77
|
+
// moves activeIndex/aria-activedescendant correctly but leaves the highlighted row scrolled
|
|
78
|
+
// out of view. Mirrors lyra-combobox's identical fix for the same shape of listbox.
|
|
79
|
+
if (changed.has('activeIndex')) {
|
|
80
|
+
this.renderRoot.querySelector('[part="command"][data-active="true"]')?.scrollIntoView({ block: 'nearest' });
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
connectedCallback() {
|
|
84
|
+
super.connectedCallback();
|
|
85
|
+
window.addEventListener('keydown', this.onGlobalKeyDown);
|
|
86
|
+
if (this.hasUpdated && this.open) {
|
|
87
|
+
this.releaseScrollLock ??= lockScroll(this.ownerDocument);
|
|
88
|
+
this.activateOverlay();
|
|
89
|
+
queueMicrotask(() => this.overlay?.focusInitial());
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
disconnectedCallback() {
|
|
93
|
+
super.disconnectedCallback();
|
|
94
|
+
window.removeEventListener('keydown', this.onGlobalKeyDown);
|
|
95
|
+
this.releaseScrollLock?.();
|
|
96
|
+
this.releaseScrollLock = undefined;
|
|
97
|
+
this.overlay?.suspend();
|
|
98
|
+
}
|
|
99
|
+
activateOverlay() {
|
|
100
|
+
if (this.overlay?.isActive()) {
|
|
101
|
+
this.overlay.resume();
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
this.overlay = activateOverlay({
|
|
105
|
+
host: this,
|
|
106
|
+
panel: () => this.shadowRoot?.querySelector('[part="dialog"]') ?? null,
|
|
107
|
+
onEscape: () => this.close(),
|
|
108
|
+
onBackdrop: () => this.close(),
|
|
109
|
+
});
|
|
110
|
+
}
|
|
58
111
|
openPalette() { if (this.open)
|
|
59
|
-
return; this.open = true; this.queryText = ''; this.activeIndex = 0; this.emit('lyra-open');
|
|
112
|
+
return; this.open = true; this.queryText = ''; this.activeIndex = 0; this.emit('lyra-open'); }
|
|
60
113
|
close() { if (!this.open)
|
|
61
114
|
return; this.open = false; this.emit('lyra-close'); }
|
|
62
115
|
registerCommand(command) { this.commands = [...this.commands, command]; return () => { this.commands = this.commands.filter((item) => item !== command); }; }
|
|
63
|
-
matchesShortcut(event) {
|
|
116
|
+
matchesShortcut(event) {
|
|
117
|
+
const parts = this.shortcut.toLowerCase().split('+');
|
|
118
|
+
if (event.key.toLowerCase() !== parts.at(-1))
|
|
119
|
+
return false;
|
|
120
|
+
if (event.shiftKey !== parts.includes('shift') || event.altKey !== parts.includes('alt'))
|
|
121
|
+
return false;
|
|
122
|
+
if (parts.includes('mod'))
|
|
123
|
+
return navigator.platform.includes('Mac') ? event.metaKey : event.ctrlKey;
|
|
124
|
+
return event.ctrlKey === parts.includes('ctrl');
|
|
125
|
+
}
|
|
64
126
|
get filtered() { const q = this.queryText.trim().toLowerCase(); return this.commands.filter((command) => !q || [command.label, command.description ?? '', command.group ?? '', ...(command.keywords ?? [])].join(' ').toLowerCase().includes(q)); }
|
|
65
127
|
select(command) { if (command.disabled)
|
|
66
128
|
return; this.emit('lyra-select', { command }); command.onSelect?.(); this.close(); }
|
|
@@ -68,13 +130,14 @@ export class LyraCommandPalette extends LyraElement {
|
|
|
68
130
|
if (!this.open)
|
|
69
131
|
return html ``;
|
|
70
132
|
const rows = this.filtered;
|
|
133
|
+
const activeId = rows.length ? `${this.listId}-opt-${this.activeIndex}` : nothing;
|
|
71
134
|
let previousGroup = '';
|
|
72
135
|
return html `<div part="backdrop" @click=${(event) => { if (event.target === event.currentTarget)
|
|
73
|
-
this.
|
|
74
|
-
<section part="dialog" role="dialog" aria-modal="true" aria-label=${this.accessibleLabel || this.localize('commandPaletteLabel')} @keydown=${this.onKeyDown}>
|
|
75
|
-
<div part="search"><lyra-icon name="search" aria-hidden="true"></lyra-icon><input part="input" type="search" .value=${this.queryText} placeholder=${this.localize('commandPalettePlaceholder')} aria-controls=${this.listId} @input=${this.onInput} /></div>
|
|
136
|
+
this.overlay?.dismissBackdrop(); }}>
|
|
137
|
+
<section part="dialog" role="dialog" aria-modal="true" aria-label=${this.accessibleLabel || this.localize('commandPaletteLabel')} tabindex="-1" @keydown=${this.onKeyDown}>
|
|
138
|
+
<div part="search"><lyra-icon name="search" aria-hidden="true"></lyra-icon><input part="input" type="search" .value=${this.queryText} placeholder=${this.localize('commandPalettePlaceholder')} aria-controls=${this.listId} aria-activedescendant=${activeId} @input=${this.onInput} /></div>
|
|
76
139
|
<div part="list" id=${this.listId} role="listbox" aria-label=${this.localize('commandPaletteResults')}>
|
|
77
|
-
${rows.length ? rows.map((command, index) => { const group = command.group ?? ''; const heading = group && group !== previousGroup ? (previousGroup = group, html `<div part="group">${group}</div>`) : nothing; return html `${heading}<button part="command" role="option" data-active=${index === this.activeIndex ? 'true' : 'false'} aria-selected=${index === this.activeIndex ? 'true' : 'false'} ?disabled=${command.disabled} @mouseenter=${() => { this.activeIndex = index; }} @click=${() => this.select(command)}><span>${command.label}</span><span part="description">${command.description ?? ''}</span>${command.shortcut ? html `<span part="shortcut">${command.shortcut}</span>` : nothing}</button>`; }) : html `<div part="empty">${this.localize('commandPaletteEmpty')}</div>`}
|
|
140
|
+
${rows.length ? rows.map((command, index) => { const group = command.group ?? ''; const heading = group && group !== previousGroup ? (previousGroup = group, html `<div part="group">${group}</div>`) : nothing; return html `${heading}<button id=${`${this.listId}-opt-${index}`} part="command" role="option" data-active=${index === this.activeIndex ? 'true' : 'false'} aria-selected=${index === this.activeIndex ? 'true' : 'false'} ?disabled=${command.disabled} @mouseenter=${() => { this.activeIndex = index; }} @click=${() => this.select(command)}><span>${command.label}</span><span part="description">${command.description ?? ''}</span>${command.shortcut ? html `<span part="shortcut">${command.shortcut}</span>` : nothing}</button>`; }) : html `<div part="empty">${this.localize('commandPaletteEmpty')}</div>`}
|
|
78
141
|
</div>
|
|
79
142
|
</section>
|
|
80
143
|
</div>`;
|
|
@@ -98,7 +161,4 @@ __decorate([
|
|
|
98
161
|
__decorate([
|
|
99
162
|
state()
|
|
100
163
|
], LyraCommandPalette.prototype, "activeIndex", void 0);
|
|
101
|
-
__decorate([
|
|
102
|
-
query('input')
|
|
103
|
-
], LyraCommandPalette.prototype, "inputEl", void 0);
|
|
104
164
|
//# sourceMappingURL=command-palette.class.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-palette.class.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"command-palette.class.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ export const styles = css `
|
|
|
6
6
|
[part='search'] { display: flex; align-items: center; gap: var(--lyra-space-s); padding: var(--lyra-space-m); border-block-end: var(--lyra-border-width-thin) solid var(--lyra-color-border); }
|
|
7
7
|
[part='input'] { flex: 1; min-inline-size: 0; border: 0; outline: 0; background: transparent; color: inherit; font: inherit; }
|
|
8
8
|
[part='list'] { max-block-size: var(--lyra-command-palette-list-max-block-size); overflow: auto; padding: var(--lyra-space-xs); }
|
|
9
|
-
[part='group'] { padding: var(--lyra-space-xs) var(--lyra-space-s); color: var(--lyra-color-text-quiet); font-size: var(--lyra-font-size-sm); font-weight:
|
|
9
|
+
[part='group'] { padding: var(--lyra-space-xs) var(--lyra-space-s); color: var(--lyra-color-text-quiet); font-size: var(--lyra-font-size-sm); font-weight: var(--lyra-font-weight-semibold); }
|
|
10
10
|
[part='command'] { display: flex; align-items: center; gap: var(--lyra-space-s); inline-size: 100%; padding: var(--lyra-space-s); border: 0; border-radius: var(--lyra-radius); background: transparent; color: inherit; text-align: start; cursor: pointer; }
|
|
11
11
|
[part='command'][data-active='true'] { background: var(--lyra-color-brand-quiet); }
|
|
12
12
|
[part='command']:disabled { opacity: var(--lyra-opacity-disabled); cursor: not-allowed; }
|
|
@@ -26,7 +26,10 @@ export declare class LyraContactViewer extends LyraElement<LyraContactViewerEven
|
|
|
26
26
|
static styles: import("lit").CSSResultGroup[];
|
|
27
27
|
/** URL to fetch and parse as vCard text. */
|
|
28
28
|
src: string;
|
|
29
|
-
/** Optional display name for the source document.
|
|
29
|
+
/** Optional display name for the source document. Used as the accessible
|
|
30
|
+
* name of `[part='base']`, falling back to a host `aria-label` and then
|
|
31
|
+
* the localized `contactViewerLabel` default, matching the
|
|
32
|
+
* `csvViewerLabel`-style sibling document viewers. */
|
|
30
33
|
name: string;
|
|
31
34
|
/** CSS length that caps the scrollable body. */
|
|
32
35
|
maxHeight: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contact-viewer.class.d.ts","sourceRoot":"","sources":["../../../src/components/contact-viewer/contact-viewer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAQ7D,MAAM,WAAW,yBAAyB;IAAG,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAAE;AAEpG;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,yBAAyB,CAAC;IAC3E,MAAM,CAAC,MAAM,iCAAwC;IACrD,4CAA4C;IAChC,GAAG,SAAM;IACrB
|
|
1
|
+
{"version":3,"file":"contact-viewer.class.d.ts","sourceRoot":"","sources":["../../../src/components/contact-viewer/contact-viewer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAQ7D,MAAM,WAAW,yBAAyB;IAAG,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAAE;AAEpG;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,yBAAyB,CAAC;IAC3E,MAAM,CAAC,MAAM,iCAAwC;IACrD,4CAA4C;IAChC,GAAG,SAAM;IACrB;;;2DAGuD;IAC3C,IAAI,SAAM;IACtB,gDAAgD;IACT,SAAS,SAAM;IAC7C,OAAO,CAAC,UAAU,CAAuC;IAClE,OAAO,CAAC,UAAU,CAAK;IAEvB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAE/C;YAEa,IAAI;IAoBlB,OAAO,CAAC,aAAa;IAErB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,UAAU;IAUlB,MAAM,IAAI,cAAc,CAAgR;CACzS;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,qBAAqB,EAAE,iBAAiB,CAAC;KAAE;CAAE"}
|
|
@@ -34,7 +34,10 @@ export class LyraContactViewer extends LyraElement {
|
|
|
34
34
|
super(...arguments);
|
|
35
35
|
/** URL to fetch and parse as vCard text. */
|
|
36
36
|
this.src = '';
|
|
37
|
-
/** Optional display name for the source document.
|
|
37
|
+
/** Optional display name for the source document. Used as the accessible
|
|
38
|
+
* name of `[part='base']`, falling back to a host `aria-label` and then
|
|
39
|
+
* the localized `contactViewerLabel` default, matching the
|
|
40
|
+
* `csvViewerLabel`-style sibling document viewers. */
|
|
38
41
|
this.name = '';
|
|
39
42
|
/** CSS length that caps the scrollable body. */
|
|
40
43
|
this.maxHeight = '';
|
|
@@ -95,7 +98,7 @@ export class LyraContactViewer extends LyraElement {
|
|
|
95
98
|
default: return html `<p class="empty-note">${this.localize('documentPreviewEmpty', undefined, { type: this.localize('documentPreviewTypeContact') })}</p>`;
|
|
96
99
|
}
|
|
97
100
|
}
|
|
98
|
-
render() { return html `<div part="base" style=${this.maxHeight ? `--lyra-contact-viewer-max-height:${this.maxHeight}` : nothing}><div part="body">${this.renderBody()}</div></div>`; }
|
|
101
|
+
render() { return html `<div part="base" style=${this.maxHeight ? `--lyra-contact-viewer-max-height:${this.maxHeight}` : nothing} aria-label=${this.name || this.getAttribute('aria-label') || this.localize('contactViewerLabel')}><div part="body">${this.renderBody()}</div></div>`; }
|
|
99
102
|
}
|
|
100
103
|
__decorate([
|
|
101
104
|
property()
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contact-viewer.class.js","sourceRoot":"","sources":["../../../src/components/contact-viewer/contact-viewer.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAA4C,MAAM,KAAK,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAC9H,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAwC,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAKpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,iBAAkB,SAAQ,WAAsC;IAA7E;;QAEE,4CAA4C;QAChC,QAAG,GAAG,EAAE,CAAC;QACrB
|
|
1
|
+
{"version":3,"file":"contact-viewer.class.js","sourceRoot":"","sources":["../../../src/components/contact-viewer/contact-viewer.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.class.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAAI,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAAE;AAC7J,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,OAAO;IAAI,gBAAgB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;IAAC,iBAAiB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,WAAW,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,WAAW,GAAG,YAAY,CAAA;KAAE,CAAC,CAAC;IAAC,uBAAuB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CAAE;AAExS;;;;;;;;;;;GAWG;AACH,qBAAa,YAAY,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACjG,MAAM,CAAC,MAAM,iCAAgC;IACb,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAM;IAClC,IAAI,EAAE,CAAC,EAAE,CAAM;IACf,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAA0B;IAC5E,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAC3C,OAAO,SAAM;IACb,aAAa,EAAE,WAAW,GAAG,YAAY,CAAe;IAC5C,OAAO,UAAS;IACrB,SAAS,SAAM;IACf,eAAe,SAAM;IACnD,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,WAAW,CAAK;IAEjC,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"data-grid.class.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAAI,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAAE;AAC7J,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,OAAO;IAAI,gBAAgB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;IAAC,iBAAiB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,WAAW,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,WAAW,GAAG,YAAY,CAAA;KAAE,CAAC,CAAC;IAAC,uBAAuB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CAAE;AAExS;;;;;;;;;;;GAWG;AACH,qBAAa,YAAY,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACjG,MAAM,CAAC,MAAM,iCAAgC;IACb,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAM;IAClC,IAAI,EAAE,CAAC,EAAE,CAAM;IACf,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAA0B;IAC5E,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAC3C,OAAO,SAAM;IACb,aAAa,EAAE,WAAW,GAAG,YAAY,CAAe;IAC5C,OAAO,UAAS;IACrB,SAAS,SAAM;IACf,eAAe,SAAM;IACnD,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,WAAW,CAAK;IAEjC,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,aAAa,CAAihC;IACtiC,OAAO,CAAC,IAAI;IACZ,MAAM,IAAI,cAAc,CAMvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,gBAAgB,EAAE,YAAY,CAAC;KAAE;CAAE"}
|
|
@@ -34,13 +34,13 @@ export class LyraDataGrid extends LyraElement {
|
|
|
34
34
|
this.accessibleLabel = '';
|
|
35
35
|
this.focusRow = 0;
|
|
36
36
|
this.focusColumn = 0;
|
|
37
|
-
this.onCellKeyDown = (event, rowIndex, columnIndex) => { let nextRow = rowIndex; let nextColumn = columnIndex; if (event.key === 'ArrowDown')
|
|
37
|
+
this.onCellKeyDown = (event, rowIndex, columnIndex) => { const rtl = this.effectiveDirection === 'rtl'; const forwardKey = rtl ? 'ArrowLeft' : 'ArrowRight'; const backwardKey = rtl ? 'ArrowRight' : 'ArrowLeft'; let nextRow = rowIndex; let nextColumn = columnIndex; if (event.key === 'ArrowDown')
|
|
38
38
|
nextRow++;
|
|
39
39
|
else if (event.key === 'ArrowUp')
|
|
40
40
|
nextRow--;
|
|
41
|
-
else if (event.key ===
|
|
41
|
+
else if (event.key === forwardKey)
|
|
42
42
|
nextColumn++;
|
|
43
|
-
else if (event.key ===
|
|
43
|
+
else if (event.key === backwardKey)
|
|
44
44
|
nextColumn--;
|
|
45
45
|
else if (event.key === 'Home')
|
|
46
46
|
nextColumn = 0;
|
|
@@ -69,7 +69,7 @@ export class LyraDataGrid extends LyraElement {
|
|
|
69
69
|
const label = this.accessibleLabel || this.localize('dataGridLabel');
|
|
70
70
|
return html `<div part="viewport"><table part="grid" role="grid" aria-label=${label} aria-rowcount=${this.rows.length + 1} aria-colcount=${this.columns.length}>
|
|
71
71
|
${this.columns.length ? html `<thead><tr role="row">${this.columns.map((column, index) => html `<th part="header" role="columnheader" tabindex=${index === 0 ? '0' : '-1'} style=${column.width ? `inline-size:${column.width}` : ''} aria-sort=${this.sortKey === column.key ? this.sortDirection : 'none'}><button type="button" @click=${() => this.sort(column)}>${column.label}</button></th>`)}</tr></thead>` : nothing}
|
|
72
|
-
<tbody>${this.loading ? html `<tr><td role="gridcell" colspan=${Math.max(1, this.columns.length)} part="empty">${this.localize('loading')}</td></tr>` : this.rows.length ? this.rows.map((row, rowIndex) => html `<tr part="row" role="row" data-selected=${this.rowKey(row, rowIndex) === this.selectedKey ? 'true' : 'false'} @
|
|
72
|
+
<tbody>${this.loading ? html `<tr><td role="gridcell" colspan=${Math.max(1, this.columns.length)} part="empty">${this.localize('loading')}</td></tr>` : this.rows.length ? this.rows.map((row, rowIndex) => html `<tr part="row" role="row" data-selected=${this.rowKey(row, rowIndex) === this.selectedKey ? 'true' : 'false'} aria-selected=${this.rowKey(row, rowIndex) === this.selectedKey ? 'true' : 'false'} @click=${() => this.activate(row)}>${this.columns.map((column, columnIndex) => html `<td part="cell" role="gridcell" tabindex=${rowIndex === this.focusRow && columnIndex === this.focusColumn ? '0' : '-1'} data-row=${rowIndex} data-column=${columnIndex} aria-colindex=${columnIndex + 1} aria-rowindex=${rowIndex + 2} @keydown=${(event) => this.onCellKeyDown(event, rowIndex, columnIndex)} @focus=${() => { this.focusRow = rowIndex; this.focusColumn = columnIndex; this.emit('lyra-cell-focus', { row, column: column.key }); }}>${this.cell(row, column)}</td>`)}</tr>`) : html `<tr><td role="gridcell" colspan=${Math.max(1, this.columns.length)} part="empty">${this.emptyText || this.localize('noData')}</td></tr>`}</tbody>
|
|
73
73
|
</table></div>`;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.class.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAK/C;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,YAA0C,SAAQ,WAAoC;IAAnG;;QAEkC,YAAO,GAAwB,EAAE,CAAC;QAClC,SAAI,GAAQ,EAAE,CAAC;QACf,WAAM,GAA+C,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC;QAC5E,gBAAW,GAA2B,IAAI,CAAC;QAC3C,YAAO,GAAG,EAAE,CAAC;QACb,kBAAa,GAA+B,WAAW,CAAC;QAC5C,YAAO,GAAG,KAAK,CAAC;QACrB,cAAS,GAAG,EAAE,CAAC;QACf,oBAAe,GAAG,EAAE,CAAC;QAC3C,aAAQ,GAAG,CAAC,CAAC;QACb,gBAAW,GAAG,CAAC,CAAC;QAKzB,kBAAa,GAAG,CAAC,KAAoB,EAAE,QAAgB,EAAE,WAAmB,EAAQ,EAAE,GAAG,IAAI,OAAO,GAAG,QAAQ,CAAC,CAAC,IAAI,UAAU,GAAG,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;YAAE,OAAO,EAAE,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"data-grid.class.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAK/C;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,YAA0C,SAAQ,WAAoC;IAAnG;;QAEkC,YAAO,GAAwB,EAAE,CAAC;QAClC,SAAI,GAAQ,EAAE,CAAC;QACf,WAAM,GAA+C,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC;QAC5E,gBAAW,GAA2B,IAAI,CAAC;QAC3C,YAAO,GAAG,EAAE,CAAC;QACb,kBAAa,GAA+B,WAAW,CAAC;QAC5C,YAAO,GAAG,KAAK,CAAC;QACrB,cAAS,GAAG,EAAE,CAAC;QACf,oBAAe,GAAG,EAAE,CAAC;QAC3C,aAAQ,GAAG,CAAC,CAAC;QACb,gBAAW,GAAG,CAAC,CAAC;QAKzB,kBAAa,GAAG,CAAC,KAAoB,EAAE,QAAgB,EAAE,WAAmB,EAAQ,EAAE,GAAG,MAAM,GAAG,GAAG,IAAI,CAAC,kBAAkB,KAAK,KAAK,CAAC,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,OAAO,GAAG,QAAQ,CAAC,CAAC,IAAI,UAAU,GAAG,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;YAAE,OAAO,EAAE,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,UAAU;YAAE,UAAU,EAAE,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;YAAE,UAAU,EAAE,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM;YAAE,UAAU,GAAG,CAAC,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;YAAE,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;YAAC,OAAO;QAAC,CAAC;;YAAM,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAc,cAAc,IAAI,CAAC,QAAQ,mBAAmB,IAAI,CAAC,WAAW,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IASxiC,CAAC;aAzBQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAarC,KAAK,CAAC,GAAM,EAAE,MAAyB,IAAa,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAE,GAA+B,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC7I,QAAQ,CAAC,GAAM,IAAU,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1K,IAAI,CAAC,MAAyB,IAAU,IAAI,CAAC,MAAM,CAAC,QAAQ;QAAE,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC,GAAG;QAAE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC;SAAM,CAAC;QAAC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC;QAAC,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC;IAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;IAEhV,IAAI,CAAC,GAAM,EAAE,MAAyB,IAAY,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC7I,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QACrE,OAAO,IAAI,CAAA,kEAAkE,KAAK,kBAAkB,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,kBAAkB,IAAI,CAAC,OAAO,CAAC,MAAM;QACzJ,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA,kDAAkD,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,iCAAiC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,KAAK,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO;eAClZ,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,iBAAiB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAA,2CAA2C,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,kBAAkB,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,IAAI,CAAA,4CAA4C,QAAQ,KAAK,IAAI,CAAC,QAAQ,IAAI,WAAW,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,aAAa,QAAQ,gBAAgB,WAAW,kBAAkB,WAAW,GAAG,CAAC,kBAAkB,QAAQ,GAAG,CAAC,aAAa,CAAC,KAAoB,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,WAAW,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,iBAAiB,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY;mBACxlC,CAAC;IAClB,CAAC;CACF;AAxBiC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6CAAmC;AAClC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;0CAAgB;AACf;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4CAA6E;AAC5E;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;iDAA4C;AAC3C;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6CAAc;AACb;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;mDAAyD;AAC5C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAiB;AACrB;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;+CAAgB;AACf;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDAAsB;AAC3C;IAAhB,KAAK,EAAE;8CAAsB;AACb;IAAhB,KAAK,EAAE;iDAAyB"}
|
|
@@ -4,7 +4,7 @@ export const styles = css `
|
|
|
4
4
|
[part='viewport'] { overflow: auto; border: var(--lyra-border-width-thin) solid var(--lyra-color-border); border-radius: var(--lyra-radius); }
|
|
5
5
|
table { border-collapse: separate; border-spacing: 0; inline-size: max-content; min-inline-size: 100%; color: var(--lyra-color-text); }
|
|
6
6
|
th, td { box-sizing: border-box; padding: var(--lyra-space-s); border-block-end: var(--lyra-border-width-thin) solid var(--lyra-color-border); text-align: start; vertical-align: top; }
|
|
7
|
-
th { position: sticky; inset-block-start: 0; z-index:
|
|
7
|
+
th { position: sticky; inset-block-start: 0; z-index: var(--lyra-layer-content); background: var(--lyra-color-surface); font-weight: var(--lyra-font-weight-semibold); }
|
|
8
8
|
th button { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
|
|
9
9
|
tr[data-selected='true'] td { background: var(--lyra-color-brand-quiet); }
|
|
10
10
|
[role='gridcell']:focus-visible, th:focus-visible { outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color); outline-offset: calc(var(--lyra-focus-ring-offset) * -1); }
|
|
@@ -129,12 +129,9 @@ export declare class LyraDocumentPreview extends LyraElement<LyraDocumentPreview
|
|
|
129
129
|
maxHeight: string;
|
|
130
130
|
private hasUnsupportedSlot;
|
|
131
131
|
private textFetch;
|
|
132
|
-
private
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
disconnectedCallback(): void;
|
|
136
|
-
private invalidateTextFetch;
|
|
137
|
-
protected willUpdate(changed: PropertyValues): void;
|
|
132
|
+
private generation;
|
|
133
|
+
protected willUpdate(): void;
|
|
134
|
+
protected updated(changed: PropertyValues): void;
|
|
138
135
|
private fetchText;
|
|
139
136
|
private onUnsupportedSlotChange;
|
|
140
137
|
private onDownloadClick;
|