@aceshooting/lyra-ui 3.3.0 → 3.4.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 +9 -2
- package/custom-elements.json +14505 -8489
- package/dist/components/archive-viewer/archive-viewer.class.d.ts +1 -1
- package/dist/components/archive-viewer/archive-viewer.class.d.ts.map +1 -1
- package/dist/components/archive-viewer/archive-viewer.class.js +16 -5
- package/dist/components/archive-viewer/archive-viewer.class.js.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.class.d.ts +6 -0
- package/dist/components/breadcrumb/breadcrumb.class.d.ts.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.class.js +7 -1
- package/dist/components/breadcrumb/breadcrumb.class.js.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.styles.d.ts.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.styles.js +4 -1
- package/dist/components/breadcrumb/breadcrumb.styles.js.map +1 -1
- package/dist/components/button/button.class.d.ts +8 -0
- package/dist/components/button/button.class.d.ts.map +1 -1
- package/dist/components/button/button.class.js +8 -0
- package/dist/components/button/button.class.js.map +1 -1
- package/dist/components/button/button.styles.js +1 -1
- package/dist/components/button-group/button-group.styles.d.ts.map +1 -1
- package/dist/components/button-group/button-group.styles.js +6 -2
- package/dist/components/button-group/button-group.styles.js.map +1 -1
- package/dist/components/calendar/calendar.class.d.ts +57 -0
- package/dist/components/calendar/calendar.class.d.ts.map +1 -0
- package/dist/components/calendar/calendar.class.js +90 -0
- package/dist/components/calendar/calendar.class.js.map +1 -0
- package/dist/components/calendar/calendar.d.ts +2 -0
- package/dist/components/calendar/calendar.d.ts.map +1 -0
- package/dist/components/calendar/calendar.js +5 -0
- package/dist/components/calendar/calendar.js.map +1 -0
- package/dist/components/calendar/calendar.styles.d.ts +2 -0
- package/dist/components/calendar/calendar.styles.d.ts.map +1 -0
- package/dist/components/calendar/calendar.styles.js +21 -0
- package/dist/components/calendar/calendar.styles.js.map +1 -0
- package/dist/components/callout/callout.class.d.ts +1 -0
- package/dist/components/callout/callout.class.d.ts.map +1 -1
- package/dist/components/callout/callout.class.js +1 -0
- package/dist/components/callout/callout.class.js.map +1 -1
- package/dist/components/carousel/carousel.class.d.ts +2 -0
- package/dist/components/carousel/carousel.class.d.ts.map +1 -1
- package/dist/components/carousel/carousel.class.js +10 -7
- package/dist/components/carousel/carousel.class.js.map +1 -1
- package/dist/components/carousel/carousel.styles.d.ts.map +1 -1
- package/dist/components/carousel/carousel.styles.js +4 -0
- package/dist/components/carousel/carousel.styles.js.map +1 -1
- package/dist/components/chart/chart.class.d.ts +6 -0
- package/dist/components/chart/chart.class.d.ts.map +1 -1
- package/dist/components/chart/chart.class.js +54 -16
- package/dist/components/chart/chart.class.js.map +1 -1
- package/dist/components/chart/lite-chart.class.d.ts +1 -2
- package/dist/components/chart/lite-chart.class.d.ts.map +1 -1
- package/dist/components/chart/lite-chart.class.js +20 -20
- package/dist/components/chart/lite-chart.class.js.map +1 -1
- package/dist/components/chat-composer/chat-composer.class.d.ts +1 -0
- package/dist/components/chat-composer/chat-composer.class.d.ts.map +1 -1
- package/dist/components/chat-composer/chat-composer.class.js +17 -0
- package/dist/components/chat-composer/chat-composer.class.js.map +1 -1
- package/dist/components/checkbox/checkbox.class.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.class.js +4 -2
- package/dist/components/checkbox/checkbox.class.js.map +1 -1
- package/dist/components/checkbox-group/checkbox-group.class.d.ts +75 -0
- package/dist/components/checkbox-group/checkbox-group.class.d.ts.map +1 -0
- package/dist/components/checkbox-group/checkbox-group.class.js +157 -0
- package/dist/components/checkbox-group/checkbox-group.class.js.map +1 -0
- package/dist/components/checkbox-group/checkbox-group.d.ts +2 -0
- package/dist/components/checkbox-group/checkbox-group.d.ts.map +1 -0
- package/dist/components/checkbox-group/checkbox-group.js +5 -0
- package/dist/components/checkbox-group/checkbox-group.js.map +1 -0
- package/dist/components/checkbox-group/checkbox-group.styles.d.ts +2 -0
- package/dist/components/checkbox-group/checkbox-group.styles.d.ts.map +1 -0
- package/dist/components/checkbox-group/checkbox-group.styles.js +12 -0
- package/dist/components/checkbox-group/checkbox-group.styles.js.map +1 -0
- package/dist/components/code-block/code-block-core.class.d.ts.map +1 -1
- package/dist/components/code-block/code-block-core.class.js +17 -0
- package/dist/components/code-block/code-block-core.class.js.map +1 -1
- package/dist/components/code-block/code-block.class.d.ts.map +1 -1
- package/dist/components/code-block/code-block.class.js +8 -0
- package/dist/components/code-block/code-block.class.js.map +1 -1
- package/dist/components/code-editor/code-editor.class.d.ts +70 -0
- package/dist/components/code-editor/code-editor.class.d.ts.map +1 -0
- package/dist/components/code-editor/code-editor.class.js +137 -0
- package/dist/components/code-editor/code-editor.class.js.map +1 -0
- package/dist/components/code-editor/code-editor.d.ts +2 -0
- package/dist/components/code-editor/code-editor.d.ts.map +1 -0
- package/dist/components/code-editor/code-editor.js +5 -0
- package/dist/components/code-editor/code-editor.js.map +1 -0
- package/dist/components/code-editor/code-editor.styles.d.ts +2 -0
- package/dist/components/code-editor/code-editor.styles.d.ts.map +1 -0
- package/dist/components/code-editor/code-editor.styles.js +15 -0
- package/dist/components/code-editor/code-editor.styles.js.map +1 -0
- package/dist/components/color-picker/color-picker.class.d.ts +13 -2
- package/dist/components/color-picker/color-picker.class.d.ts.map +1 -1
- package/dist/components/color-picker/color-picker.class.js +51 -6
- package/dist/components/color-picker/color-picker.class.js.map +1 -1
- package/dist/components/color-picker/color-picker.styles.d.ts.map +1 -1
- package/dist/components/color-picker/color-picker.styles.js +20 -1
- package/dist/components/color-picker/color-picker.styles.js.map +1 -1
- package/dist/components/combobox/combobox.class.d.ts.map +1 -1
- package/dist/components/combobox/combobox.class.js +28 -6
- package/dist/components/combobox/combobox.class.js.map +1 -1
- package/dist/components/command-palette/command-palette.class.d.ts +59 -0
- package/dist/components/command-palette/command-palette.class.d.ts.map +1 -0
- package/dist/components/command-palette/command-palette.class.js +104 -0
- package/dist/components/command-palette/command-palette.class.js.map +1 -0
- package/dist/components/command-palette/command-palette.d.ts +3 -0
- package/dist/components/command-palette/command-palette.d.ts.map +1 -0
- package/dist/components/command-palette/command-palette.js +6 -0
- package/dist/components/command-palette/command-palette.js.map +1 -0
- package/dist/components/command-palette/command-palette.styles.d.ts +2 -0
- package/dist/components/command-palette/command-palette.styles.d.ts.map +1 -0
- package/dist/components/command-palette/command-palette.styles.js +17 -0
- package/dist/components/command-palette/command-palette.styles.js.map +1 -0
- package/dist/components/contact-viewer/contact-viewer.class.d.ts +17 -1
- package/dist/components/contact-viewer/contact-viewer.class.d.ts.map +1 -1
- package/dist/components/contact-viewer/contact-viewer.class.js +18 -2
- package/dist/components/contact-viewer/contact-viewer.class.js.map +1 -1
- package/dist/components/copy-button/copy-button.styles.js +1 -1
- package/dist/components/csv-viewer/csv-viewer.class.d.ts +1 -1
- package/dist/components/csv-viewer/csv-viewer.class.d.ts.map +1 -1
- package/dist/components/csv-viewer/csv-viewer.class.js +3 -3
- package/dist/components/csv-viewer/csv-viewer.class.js.map +1 -1
- package/dist/components/csv-viewer/csv-viewer.d.ts +0 -1
- package/dist/components/csv-viewer/csv-viewer.d.ts.map +1 -1
- package/dist/components/csv-viewer/csv-viewer.js +0 -1
- package/dist/components/csv-viewer/csv-viewer.js.map +1 -1
- package/dist/components/data-grid/data-grid.class.d.ts +63 -0
- package/dist/components/data-grid/data-grid.class.d.ts.map +1 -0
- package/dist/components/data-grid/data-grid.class.js +109 -0
- package/dist/components/data-grid/data-grid.class.js.map +1 -0
- package/dist/components/data-grid/data-grid.d.ts +2 -0
- package/dist/components/data-grid/data-grid.d.ts.map +1 -0
- package/dist/components/data-grid/data-grid.js +5 -0
- package/dist/components/data-grid/data-grid.js.map +1 -0
- package/dist/components/data-grid/data-grid.styles.d.ts +2 -0
- package/dist/components/data-grid/data-grid.styles.d.ts.map +1 -0
- package/dist/components/data-grid/data-grid.styles.js +13 -0
- package/dist/components/data-grid/data-grid.styles.js.map +1 -0
- package/dist/components/dataset-viewer/dataset-viewer.class.d.ts.map +1 -1
- package/dist/components/dataset-viewer/dataset-viewer.class.js +14 -5
- package/dist/components/dataset-viewer/dataset-viewer.class.js.map +1 -1
- package/dist/components/dataset-viewer/dataset-viewer.d.ts +0 -1
- package/dist/components/dataset-viewer/dataset-viewer.d.ts.map +1 -1
- package/dist/components/dataset-viewer/dataset-viewer.js +0 -1
- package/dist/components/dataset-viewer/dataset-viewer.js.map +1 -1
- package/dist/components/date-picker/date-input.class.d.ts +36 -1
- package/dist/components/date-picker/date-input.class.d.ts.map +1 -1
- package/dist/components/date-picker/date-input.class.js +102 -26
- package/dist/components/date-picker/date-input.class.js.map +1 -1
- package/dist/components/date-picker/date-picker.class.d.ts.map +1 -1
- package/dist/components/date-picker/date-picker.class.js +13 -5
- package/dist/components/date-picker/date-picker.class.js.map +1 -1
- package/dist/components/date-picker/date-picker.styles.d.ts.map +1 -1
- package/dist/components/date-picker/date-picker.styles.js +5 -0
- package/dist/components/date-picker/date-picker.styles.js.map +1 -1
- package/dist/components/details/accordion.class.js +1 -1
- package/dist/components/details/accordion.class.js.map +1 -1
- package/dist/components/details/accordion.styles.d.ts +2 -0
- package/dist/components/details/accordion.styles.d.ts.map +1 -0
- package/dist/components/details/accordion.styles.js +7 -0
- package/dist/components/details/accordion.styles.js.map +1 -0
- package/dist/components/details/details.class.d.ts.map +1 -1
- package/dist/components/details/details.class.js +6 -1
- package/dist/components/details/details.class.js.map +1 -1
- package/dist/components/details/details.styles.d.ts.map +1 -1
- package/dist/components/details/details.styles.js +5 -0
- package/dist/components/details/details.styles.js.map +1 -1
- package/dist/components/diff-view/diff-view.class.d.ts +3 -1
- package/dist/components/diff-view/diff-view.class.d.ts.map +1 -1
- package/dist/components/diff-view/diff-view.class.js +11 -2
- package/dist/components/diff-view/diff-view.class.js.map +1 -1
- package/dist/components/document-viewer/document-viewer.class.d.ts +1 -0
- package/dist/components/document-viewer/document-viewer.class.d.ts.map +1 -1
- package/dist/components/document-viewer/document-viewer.class.js +1 -0
- package/dist/components/document-viewer/document-viewer.class.js.map +1 -1
- package/dist/components/docx-viewer/docx-viewer.class.d.ts +1 -0
- package/dist/components/docx-viewer/docx-viewer.class.d.ts.map +1 -1
- package/dist/components/docx-viewer/docx-viewer.class.js +2 -1
- package/dist/components/docx-viewer/docx-viewer.class.js.map +1 -1
- package/dist/components/drawer/drawer.styles.d.ts.map +1 -1
- package/dist/components/drawer/drawer.styles.js +12 -0
- package/dist/components/drawer/drawer.styles.js.map +1 -1
- package/dist/components/ebook-viewer/ebook-viewer.class.d.ts +1 -0
- package/dist/components/ebook-viewer/ebook-viewer.class.d.ts.map +1 -1
- package/dist/components/ebook-viewer/ebook-viewer.class.js +20 -0
- package/dist/components/ebook-viewer/ebook-viewer.class.js.map +1 -1
- package/dist/components/email-viewer/email-loader.js +5 -0
- package/dist/components/email-viewer/email-loader.js.map +1 -1
- package/dist/components/email-viewer/email-viewer.class.d.ts.map +1 -1
- package/dist/components/email-viewer/email-viewer.class.js +9 -0
- package/dist/components/email-viewer/email-viewer.class.js.map +1 -1
- package/dist/components/empty/empty.class.d.ts +2 -0
- package/dist/components/empty/empty.class.d.ts.map +1 -1
- package/dist/components/empty/empty.class.js +2 -0
- package/dist/components/empty/empty.class.js.map +1 -1
- package/dist/components/file-input/file-input.class.d.ts +10 -3
- package/dist/components/file-input/file-input.class.d.ts.map +1 -1
- package/dist/components/file-input/file-input.class.js +39 -6
- package/dist/components/file-input/file-input.class.js.map +1 -1
- package/dist/components/format/format-bytes.class.d.ts +1 -0
- package/dist/components/format/format-bytes.class.d.ts.map +1 -1
- package/dist/components/format/format-bytes.class.js +11 -4
- package/dist/components/format/format-bytes.class.js.map +1 -1
- package/dist/components/gauge/gauge.class.d.ts.map +1 -1
- package/dist/components/gauge/gauge.class.js +3 -3
- package/dist/components/gauge/gauge.class.js.map +1 -1
- package/dist/components/graph/graph.class.d.ts +6 -0
- package/dist/components/graph/graph.class.d.ts.map +1 -1
- package/dist/components/graph/graph.class.js +27 -1
- package/dist/components/graph/graph.class.js.map +1 -1
- package/dist/components/heatmap/calendar-grid.d.ts +5 -3
- package/dist/components/heatmap/calendar-grid.d.ts.map +1 -1
- package/dist/components/heatmap/calendar-grid.js +6 -4
- package/dist/components/heatmap/calendar-grid.js.map +1 -1
- package/dist/components/heatmap/heatmap.class.d.ts +9 -2
- package/dist/components/heatmap/heatmap.class.d.ts.map +1 -1
- package/dist/components/heatmap/heatmap.class.js +35 -19
- package/dist/components/heatmap/heatmap.class.js.map +1 -1
- package/dist/components/html-viewer/html-viewer.class.d.ts +11 -1
- package/dist/components/html-viewer/html-viewer.class.d.ts.map +1 -1
- package/dist/components/html-viewer/html-viewer.class.js +11 -1
- package/dist/components/html-viewer/html-viewer.class.js.map +1 -1
- package/dist/components/icon/icon.class.d.ts +20 -0
- package/dist/components/icon/icon.class.d.ts.map +1 -0
- package/dist/components/icon/icon.class.js +51 -0
- package/dist/components/icon/icon.class.js.map +1 -0
- package/dist/components/icon/icon.d.ts +2 -0
- package/dist/components/icon/icon.d.ts.map +1 -0
- package/dist/components/icon/icon.js +5 -0
- package/dist/components/icon/icon.js.map +1 -0
- package/dist/components/icon/icon.styles.d.ts +2 -0
- package/dist/components/icon/icon.styles.d.ts.map +1 -0
- package/dist/components/icon/icon.styles.js +3 -0
- package/dist/components/icon/icon.styles.js.map +1 -0
- package/dist/components/icon-button/icon-button.class.d.ts +25 -0
- package/dist/components/icon-button/icon-button.class.d.ts.map +1 -0
- package/dist/components/icon-button/icon-button.class.js +51 -0
- package/dist/components/icon-button/icon-button.class.js.map +1 -0
- package/dist/components/icon-button/icon-button.d.ts +3 -0
- package/dist/components/icon-button/icon-button.d.ts.map +1 -0
- package/dist/components/icon-button/icon-button.js +6 -0
- package/dist/components/icon-button/icon-button.js.map +1 -0
- package/dist/components/icon-button/icon-button.styles.d.ts +2 -0
- package/dist/components/icon-button/icon-button.styles.d.ts.map +1 -0
- package/dist/components/icon-button/icon-button.styles.js +9 -0
- package/dist/components/icon-button/icon-button.styles.js.map +1 -0
- package/dist/components/image-comparer/image-comparer.styles.d.ts.map +1 -1
- package/dist/components/image-comparer/image-comparer.styles.js +18 -1
- package/dist/components/image-comparer/image-comparer.styles.js.map +1 -1
- package/dist/components/input/input.class.d.ts +4 -1
- package/dist/components/input/input.class.d.ts.map +1 -1
- package/dist/components/input/input.class.js +10 -4
- package/dist/components/input/input.class.js.map +1 -1
- package/dist/components/json-viewer/json-viewer.class.d.ts +13 -0
- package/dist/components/json-viewer/json-viewer.class.d.ts.map +1 -1
- package/dist/components/json-viewer/json-viewer.class.js +29 -7
- package/dist/components/json-viewer/json-viewer.class.js.map +1 -1
- package/dist/components/json-viewer/json-viewer.styles.d.ts.map +1 -1
- package/dist/components/json-viewer/json-viewer.styles.js +4 -1
- package/dist/components/json-viewer/json-viewer.styles.js.map +1 -1
- package/dist/components/mention-popover/mention-popover.class.d.ts.map +1 -1
- package/dist/components/mention-popover/mention-popover.class.js +9 -0
- package/dist/components/mention-popover/mention-popover.class.js.map +1 -1
- package/dist/components/menu/menu.class.d.ts.map +1 -1
- package/dist/components/menu/menu.class.js +8 -0
- package/dist/components/menu/menu.class.js.map +1 -1
- package/dist/components/mutation-observer/mutation-observer.class.d.ts +1 -1
- package/dist/components/mutation-observer/mutation-observer.class.d.ts.map +1 -1
- package/dist/components/mutation-observer/mutation-observer.class.js +11 -8
- package/dist/components/mutation-observer/mutation-observer.class.js.map +1 -1
- package/dist/components/overlay/dropdown.class.d.ts +1 -2
- package/dist/components/overlay/dropdown.class.d.ts.map +1 -1
- package/dist/components/overlay/dropdown.class.js +1 -1
- package/dist/components/overlay/dropdown.class.js.map +1 -1
- package/dist/components/overlay/overlay.styles.d.ts.map +1 -1
- package/dist/components/overlay/overlay.styles.js +1 -2
- package/dist/components/overlay/overlay.styles.js.map +1 -1
- package/dist/components/overlay/popover.class.d.ts +2 -0
- package/dist/components/overlay/popover.class.d.ts.map +1 -1
- package/dist/components/overlay/popover.class.js +36 -10
- package/dist/components/overlay/popover.class.js.map +1 -1
- package/dist/components/overlay/tooltip.class.d.ts +7 -0
- package/dist/components/overlay/tooltip.class.d.ts.map +1 -1
- package/dist/components/overlay/tooltip.class.js +52 -5
- package/dist/components/overlay/tooltip.class.js.map +1 -1
- package/dist/components/pdf-viewer/pdf-viewer.class.d.ts +11 -0
- package/dist/components/pdf-viewer/pdf-viewer.class.d.ts.map +1 -1
- package/dist/components/pdf-viewer/pdf-viewer.class.js +38 -10
- package/dist/components/pdf-viewer/pdf-viewer.class.js.map +1 -1
- package/dist/components/pdf-viewer/pdf-viewer.styles.d.ts.map +1 -1
- package/dist/components/pdf-viewer/pdf-viewer.styles.js +27 -1
- package/dist/components/pdf-viewer/pdf-viewer.styles.js.map +1 -1
- package/dist/components/phone-input/phone-input.class.d.ts +7 -1
- package/dist/components/phone-input/phone-input.class.d.ts.map +1 -1
- package/dist/components/phone-input/phone-input.class.js +58 -14
- package/dist/components/phone-input/phone-input.class.js.map +1 -1
- package/dist/components/poll-status/poll-status.class.d.ts.map +1 -1
- package/dist/components/poll-status/poll-status.class.js +25 -9
- package/dist/components/poll-status/poll-status.class.js.map +1 -1
- package/dist/components/pptx-viewer/pptx-viewer.class.d.ts +1 -0
- package/dist/components/pptx-viewer/pptx-viewer.class.d.ts.map +1 -1
- package/dist/components/pptx-viewer/pptx-viewer.class.js +24 -0
- package/dist/components/pptx-viewer/pptx-viewer.class.js.map +1 -1
- package/dist/components/radio/radio-group.class.d.ts +1 -0
- package/dist/components/radio/radio-group.class.d.ts.map +1 -1
- package/dist/components/radio/radio-group.class.js +16 -8
- package/dist/components/radio/radio-group.class.js.map +1 -1
- package/dist/components/radio/radio.class.d.ts +6 -0
- package/dist/components/radio/radio.class.d.ts.map +1 -1
- package/dist/components/radio/radio.class.js +36 -4
- package/dist/components/radio/radio.class.js.map +1 -1
- package/dist/components/rating/rating.class.d.ts +6 -0
- package/dist/components/rating/rating.class.d.ts.map +1 -1
- package/dist/components/rating/rating.class.js +30 -3
- package/dist/components/rating/rating.class.js.map +1 -1
- package/dist/components/rating/rating.styles.d.ts.map +1 -1
- package/dist/components/rating/rating.styles.js +3 -2
- package/dist/components/rating/rating.styles.js.map +1 -1
- package/dist/components/resize-observer/resize-observer.class.d.ts.map +1 -1
- package/dist/components/resize-observer/resize-observer.class.js +8 -2
- package/dist/components/resize-observer/resize-observer.class.js.map +1 -1
- package/dist/components/result-card/result-card.class.d.ts +13 -3
- package/dist/components/result-card/result-card.class.d.ts.map +1 -1
- package/dist/components/result-card/result-card.class.js +31 -2
- package/dist/components/result-card/result-card.class.js.map +1 -1
- package/dist/components/scroller/scroller.class.d.ts +4 -0
- package/dist/components/scroller/scroller.class.d.ts.map +1 -1
- package/dist/components/scroller/scroller.class.js +20 -3
- 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 +10 -2
- package/dist/components/segmented/segmented.class.js.map +1 -1
- package/dist/components/segmented/segmented.styles.d.ts.map +1 -1
- package/dist/components/segmented/segmented.styles.js +8 -0
- package/dist/components/segmented/segmented.styles.js.map +1 -1
- package/dist/components/sparkline/sparkline.class.d.ts +2 -0
- package/dist/components/sparkline/sparkline.class.d.ts.map +1 -1
- package/dist/components/sparkline/sparkline.class.js +2 -0
- package/dist/components/sparkline/sparkline.class.js.map +1 -1
- package/dist/components/spinner/spinner.class.d.ts +3 -1
- package/dist/components/spinner/spinner.class.d.ts.map +1 -1
- package/dist/components/spinner/spinner.class.js +4 -2
- package/dist/components/spinner/spinner.class.js.map +1 -1
- package/dist/components/spinner/spinner.styles.d.ts.map +1 -1
- package/dist/components/spinner/spinner.styles.js +5 -1
- package/dist/components/spinner/spinner.styles.js.map +1 -1
- package/dist/components/spreadsheet-viewer/spreadsheet-viewer.class.d.ts +1 -1
- package/dist/components/spreadsheet-viewer/spreadsheet-viewer.class.d.ts.map +1 -1
- package/dist/components/spreadsheet-viewer/spreadsheet-viewer.class.js +2 -2
- package/dist/components/spreadsheet-viewer/spreadsheet-viewer.class.js.map +1 -1
- package/dist/components/stepper/stepper.class.d.ts.map +1 -1
- package/dist/components/stepper/stepper.class.js +7 -1
- package/dist/components/stepper/stepper.class.js.map +1 -1
- package/dist/components/streaming-text/streaming-text.styles.d.ts.map +1 -1
- package/dist/components/streaming-text/streaming-text.styles.js +4 -1
- package/dist/components/streaming-text/streaming-text.styles.js.map +1 -1
- package/dist/components/svg-viewer/svg-viewer.class.d.ts +12 -1
- package/dist/components/svg-viewer/svg-viewer.class.d.ts.map +1 -1
- package/dist/components/svg-viewer/svg-viewer.class.js +12 -1
- package/dist/components/svg-viewer/svg-viewer.class.js.map +1 -1
- package/dist/components/svg-viewer/svg-viewer.styles.d.ts.map +1 -1
- package/dist/components/svg-viewer/svg-viewer.styles.js +6 -0
- package/dist/components/svg-viewer/svg-viewer.styles.js.map +1 -1
- package/dist/components/switch/switch.class.d.ts +6 -0
- package/dist/components/switch/switch.class.d.ts.map +1 -1
- package/dist/components/switch/switch.class.js +20 -0
- package/dist/components/switch/switch.class.js.map +1 -1
- package/dist/components/table/table.class.d.ts +11 -2
- package/dist/components/table/table.class.d.ts.map +1 -1
- package/dist/components/table/table.class.js +47 -7
- package/dist/components/table/table.class.js.map +1 -1
- package/dist/components/table/table.styles.d.ts.map +1 -1
- package/dist/components/table/table.styles.js +18 -1
- package/dist/components/table/table.styles.js.map +1 -1
- package/dist/components/textarea/textarea.class.d.ts +1 -0
- package/dist/components/textarea/textarea.class.d.ts.map +1 -1
- package/dist/components/textarea/textarea.class.js +12 -0
- package/dist/components/textarea/textarea.class.js.map +1 -1
- package/dist/components/thinking-panel/thinking-panel.styles.d.ts.map +1 -1
- package/dist/components/thinking-panel/thinking-panel.styles.js +11 -1
- package/dist/components/thinking-panel/thinking-panel.styles.js.map +1 -1
- package/dist/components/time-range/time-range.styles.js +1 -1
- package/dist/components/token-input/token-input.class.d.ts +84 -0
- package/dist/components/token-input/token-input.class.d.ts.map +1 -0
- package/dist/components/token-input/token-input.class.js +174 -0
- package/dist/components/token-input/token-input.class.js.map +1 -0
- package/dist/components/token-input/token-input.d.ts +2 -0
- package/dist/components/token-input/token-input.d.ts.map +1 -0
- package/dist/components/token-input/token-input.js +5 -0
- package/dist/components/token-input/token-input.js.map +1 -0
- package/dist/components/token-input/token-input.styles.d.ts +2 -0
- package/dist/components/token-input/token-input.styles.d.ts.map +1 -0
- package/dist/components/token-input/token-input.styles.js +16 -0
- package/dist/components/token-input/token-input.styles.js.map +1 -0
- package/dist/components/tool-param-form/tool-param-form.class.js +1 -1
- package/dist/components/tool-param-form/tool-param-form.class.js.map +1 -1
- package/dist/components/tool-result-view/tool-result-view.styles.d.ts.map +1 -1
- package/dist/components/tool-result-view/tool-result-view.styles.js +6 -1
- package/dist/components/tool-result-view/tool-result-view.styles.js.map +1 -1
- 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 +19 -1
- package/dist/components/tool-select-dialog/tool-select-dialog.class.js.map +1 -1
- package/dist/components/widget/widget.class.d.ts +7 -0
- package/dist/components/widget/widget.class.d.ts.map +1 -1
- package/dist/components/widget/widget.class.js +19 -4
- 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 +12 -0
- package/dist/components/widget/widget.styles.js.map +1 -1
- package/dist/components/word-cloud/word-cloud.class.d.ts +8 -1
- package/dist/components/word-cloud/word-cloud.class.d.ts.map +1 -1
- package/dist/components/word-cloud/word-cloud.class.js +24 -8
- package/dist/components/word-cloud/word-cloud.class.js.map +1 -1
- package/dist/components/word-cloud/word-cloud.styles.d.ts.map +1 -1
- package/dist/components/word-cloud/word-cloud.styles.js +7 -4
- package/dist/components/word-cloud/word-cloud.styles.js.map +1 -1
- package/dist/components/zoomable-frame/zoomable-frame.class.d.ts.map +1 -1
- package/dist/components/zoomable-frame/zoomable-frame.class.js +2 -1
- package/dist/components/zoomable-frame/zoomable-frame.class.js.map +1 -1
- package/dist/internal/localization.d.ts +1 -1
- package/dist/internal/localization.d.ts.map +1 -1
- package/dist/internal/localization.js +26 -14
- package/dist/internal/localization.js.map +1 -1
- package/dist/internal/papaparse-loader.d.ts +15 -0
- package/dist/internal/papaparse-loader.d.ts.map +1 -0
- package/dist/internal/papaparse-loader.js +28 -0
- package/dist/internal/papaparse-loader.js.map +1 -0
- 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 +8 -0
- package/dist/internal/root-registration-allowlist.js.map +1 -1
- package/dist/internal/tokens.styles.d.ts.map +1 -1
- package/dist/internal/tokens.styles.js +3 -10
- package/dist/internal/tokens.styles.js.map +1 -1
- package/dist/lyra.d.ts +22 -0
- package/dist/lyra.d.ts.map +1 -1
- package/dist/lyra.js +16 -0
- package/dist/lyra.js.map +1 -1
- package/llms-full.txt +176 -60
- package/package.json +20 -2
- package/dist/components/csv-viewer/csv-loader.d.ts +0 -8
- package/dist/components/csv-viewer/csv-loader.d.ts.map +0 -1
- package/dist/components/csv-viewer/csv-loader.js +0 -19
- package/dist/components/csv-viewer/csv-loader.js.map +0 -1
- package/dist/components/dataset-viewer/dataset-loader.d.ts +0 -7
- package/dist/components/dataset-viewer/dataset-loader.d.ts.map +0 -1
- package/dist/components/dataset-viewer/dataset-loader.js +0 -19
- package/dist/components/dataset-viewer/dataset-loader.js.map +0 -1
|
@@ -75,7 +75,8 @@ export class LyraRadio extends LyraElement {
|
|
|
75
75
|
this.syncFormState();
|
|
76
76
|
this.requestUpdate('value', old);
|
|
77
77
|
}
|
|
78
|
-
get effectiveDisabled() { return this.disabled || this._fieldsetDisabled; }
|
|
78
|
+
get effectiveDisabled() { return this.disabled || this._fieldsetDisabled || this._groupDisabled; }
|
|
79
|
+
get effectiveRequired() { return this.required || this._groupRequired; }
|
|
79
80
|
get form() { return this.internals.form; }
|
|
80
81
|
get validity() { return this.internals.validity; }
|
|
81
82
|
get validationMessage() { return this.internals.validationMessage; }
|
|
@@ -89,6 +90,9 @@ export class LyraRadio extends LyraElement {
|
|
|
89
90
|
this._name = '';
|
|
90
91
|
this._value = 'on';
|
|
91
92
|
this._fieldsetDisabled = false;
|
|
93
|
+
this._groupDisabled = false;
|
|
94
|
+
this._groupRequired = false;
|
|
95
|
+
this._tabbable = true;
|
|
92
96
|
this.onClick = () => this.select();
|
|
93
97
|
this.onKeyDown = (event) => {
|
|
94
98
|
if (this.effectiveDisabled)
|
|
@@ -118,7 +122,35 @@ export class LyraRadio extends LyraElement {
|
|
|
118
122
|
this.updateValidity();
|
|
119
123
|
}
|
|
120
124
|
updateValidity() {
|
|
121
|
-
this.validityController.setValidity(this.
|
|
125
|
+
this.validityController.setValidity(this.effectiveRequired && !this.checked ? { valueMissing: true } : {}, this.localize('radioRequired'));
|
|
126
|
+
}
|
|
127
|
+
/** @internal Driven by an owning `<lyra-radio-group>`; released when the radio leaves the group's control. */
|
|
128
|
+
setGroupDisabled(value) {
|
|
129
|
+
if (this._groupDisabled === value)
|
|
130
|
+
return;
|
|
131
|
+
this._groupDisabled = value;
|
|
132
|
+
this.requestUpdate();
|
|
133
|
+
}
|
|
134
|
+
/** @internal Driven by an owning `<lyra-radio-group>`; released when the radio leaves the group's control. */
|
|
135
|
+
setGroupRequired(value) {
|
|
136
|
+
if (this._groupRequired === value)
|
|
137
|
+
return;
|
|
138
|
+
this._groupRequired = value;
|
|
139
|
+
this.updateValidity();
|
|
140
|
+
this.requestUpdate();
|
|
141
|
+
}
|
|
142
|
+
/** @internal Roving-tabindex state driven by an owning `<lyra-radio-group>`. */
|
|
143
|
+
setGroupTabbable(value) {
|
|
144
|
+
if (this._tabbable === value)
|
|
145
|
+
return;
|
|
146
|
+
this._tabbable = value;
|
|
147
|
+
this.requestUpdate();
|
|
148
|
+
}
|
|
149
|
+
focus(options) {
|
|
150
|
+
this[VALIDITY_ANCHOR]()?.focus(options);
|
|
151
|
+
}
|
|
152
|
+
blur() {
|
|
153
|
+
this[VALIDITY_ANCHOR]()?.blur();
|
|
122
154
|
}
|
|
123
155
|
syncFormState() {
|
|
124
156
|
this.internals.setFormValue(this.checked ? this.value : null, this.checked ? 'checked' : 'unchecked');
|
|
@@ -141,10 +173,10 @@ export class LyraRadio extends LyraElement {
|
|
|
141
173
|
}
|
|
142
174
|
render() {
|
|
143
175
|
return html `
|
|
144
|
-
<span part="base" role="radio" tabindex=${this.effectiveDisabled ? '-1' : '0'}
|
|
176
|
+
<span part="base" role="radio" tabindex=${this.effectiveDisabled || !this._tabbable ? '-1' : '0'}
|
|
145
177
|
aria-checked=${this.checked ? 'true' : 'false'}
|
|
146
178
|
aria-disabled=${this.effectiveDisabled ? 'true' : 'false'}
|
|
147
|
-
aria-required=${this.
|
|
179
|
+
aria-required=${this.effectiveRequired ? 'true' : 'false'}
|
|
148
180
|
aria-label=${this.getAttribute('aria-label') || nothing}
|
|
149
181
|
@click=${this.onClick} @keydown=${this.onKeyDown} @focus=${this.onFocus} @blur=${this.onBlur}>
|
|
150
182
|
<span part="circle">${this.checked ? html `<span part="dot"></span>` : nothing}</span>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.class.js","sourceRoot":"","sources":["../../../src/components/radio/radio.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAClG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAU3C;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,SAAU,SAAQ,WAA8B;aACpD,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;aACtC,mBAAc,GAAG,IAAI,AAAP,CAAQ;aAEtB,eAAU,GAAG;QAClB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;QAC3D,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;QAC5D,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;QACzC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;QAC5D,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;KAC3C,AANgB,CAMf;
|
|
1
|
+
{"version":3,"file":"radio.class.js","sourceRoot":"","sources":["../../../src/components/radio/radio.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,12 @@ export interface LyraRatingEventMap {
|
|
|
12
12
|
* @event lyra-change - The rating changed. `detail: { value }`.
|
|
13
13
|
* @csspart base - The slider-like rating control.
|
|
14
14
|
* @csspart star - Each visual star.
|
|
15
|
+
* @csspart star-fill - The filled overlay inside each star, clipped to that
|
|
16
|
+
* star's filled fraction (0%, a partial percentage under a fractional
|
|
17
|
+
* `precision`, or 100%).
|
|
18
|
+
* @cssprop [--lyra-rating-fill=var(--lyra-color-warning)] - Filled-star color.
|
|
19
|
+
* @cssprop [--lyra-rating-empty-color=var(--lyra-color-border)] - Unfilled-star color.
|
|
20
|
+
* @cssprop [--lyra-rating-size=var(--lyra-font-size-xl)] - Star size.
|
|
15
21
|
*/
|
|
16
22
|
export declare class LyraRating extends LyraElement<LyraRatingEventMap> {
|
|
17
23
|
static styles: import("lit").CSSResultGroup[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rating.class.d.ts","sourceRoot":"","sources":["../../../src/components/rating/rating.class.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"rating.class.d.ts","sourceRoot":"","sources":["../../../src/components/rating/rating.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,WAAW,kBAAkB;IAAG,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAAE;AAiBtF;;;;;;;;;;;;;GAaG;AACH,qBAAa,UAAW,SAAQ,WAAW,CAAC,kBAAkB,CAAC;IAC7D,MAAM,CAAC,MAAM,iCAAgC;IACF,KAAK,SAAK;IACV,GAAG,SAAK;IACvB,SAAS,SAAK;IACE,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACtB,eAAe,SAAM;IAC5D,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,OAAO,CAGb;IACF,OAAO,CAAC,SAAS,CAOf;IACF,MAAM,IAAI,cAAc,CAgBvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,aAAa,EAAE,UAAU,CAAC;KAAE;CAAE"}
|
|
@@ -4,10 +4,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { html,
|
|
7
|
+
import { html, svg } from 'lit';
|
|
8
8
|
import { property } from 'lit/decorators.js';
|
|
9
9
|
import { LyraElement } from '../../internal/lyra-element.js';
|
|
10
10
|
import { styles } from './rating.styles.js';
|
|
11
|
+
// A five-point star, sharing internal/icons.ts's 24x24 viewBox / 1em sizing
|
|
12
|
+
// contract so it reads as part of the same visual language, without adding a
|
|
13
|
+
// rating-only shape to that shared module. Rendered as two stacked copies per
|
|
14
|
+
// star -- a `currentColor`-stroked outline (the empty backdrop) and a
|
|
15
|
+
// `currentColor`-filled solid clipped to the filled fraction -- so a
|
|
16
|
+
// fractional `precision` (e.g. `0.5`) can render a partial fill instead of
|
|
17
|
+
// only ever snapping to the nearest whole star.
|
|
18
|
+
const STAR_POINTS = '12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2';
|
|
19
|
+
function starOutline() {
|
|
20
|
+
return svg `<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round" aria-hidden="true" focusable="false"><polygon points=${STAR_POINTS}></polygon></svg>`;
|
|
21
|
+
}
|
|
22
|
+
function starSolid() {
|
|
23
|
+
return svg `<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" stroke="none" aria-hidden="true" focusable="false"><polygon points=${STAR_POINTS}></polygon></svg>`;
|
|
24
|
+
}
|
|
11
25
|
/**
|
|
12
26
|
* `<lyra-rating>` — a keyboard-accessible star rating control.
|
|
13
27
|
*
|
|
@@ -15,6 +29,12 @@ import { styles } from './rating.styles.js';
|
|
|
15
29
|
* @event lyra-change - The rating changed. `detail: { value }`.
|
|
16
30
|
* @csspart base - The slider-like rating control.
|
|
17
31
|
* @csspart star - Each visual star.
|
|
32
|
+
* @csspart star-fill - The filled overlay inside each star, clipped to that
|
|
33
|
+
* star's filled fraction (0%, a partial percentage under a fractional
|
|
34
|
+
* `precision`, or 100%).
|
|
35
|
+
* @cssprop [--lyra-rating-fill=var(--lyra-color-warning)] - Filled-star color.
|
|
36
|
+
* @cssprop [--lyra-rating-empty-color=var(--lyra-color-border)] - Unfilled-star color.
|
|
37
|
+
* @cssprop [--lyra-rating-size=var(--lyra-font-size-xl)] - Star size.
|
|
18
38
|
*/
|
|
19
39
|
export class LyraRating extends LyraElement {
|
|
20
40
|
constructor() {
|
|
@@ -56,7 +76,10 @@ export class LyraRating extends LyraElement {
|
|
|
56
76
|
if (this.readonly || this.disabled)
|
|
57
77
|
return;
|
|
58
78
|
const precision = this.precision > 0 ? this.precision : 1;
|
|
59
|
-
|
|
79
|
+
const clamped = Math.max(0, Math.min(this.max, Math.round(next / precision) * precision));
|
|
80
|
+
if (clamped === this.value)
|
|
81
|
+
return;
|
|
82
|
+
this.value = clamped;
|
|
60
83
|
this.emit('lyra-change', { value: this.value });
|
|
61
84
|
}
|
|
62
85
|
render() {
|
|
@@ -68,7 +91,11 @@ export class LyraRating extends LyraElement {
|
|
|
68
91
|
@click=${this.onClick} @keydown=${this.onKeyDown}>
|
|
69
92
|
${Array.from({ length: count }, (_, index) => {
|
|
70
93
|
const star = index + 1;
|
|
71
|
-
|
|
94
|
+
const fraction = Math.max(0, Math.min(1, this.value - index));
|
|
95
|
+
return html `<span part="star" data-value=${star} ?data-filled=${fraction >= 1} aria-hidden="true">
|
|
96
|
+
${starOutline()}
|
|
97
|
+
<span part="star-fill" style=${`inline-size:${fraction * 100}%`}>${starSolid()}</span>
|
|
98
|
+
</span>`;
|
|
72
99
|
})}
|
|
73
100
|
</div>`;
|
|
74
101
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rating.class.js","sourceRoot":"","sources":["../../../src/components/rating/rating.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"rating.class.js","sourceRoot":"","sources":["../../../src/components/rating/rating.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rating.styles.d.ts","sourceRoot":"","sources":["../../../src/components/rating/rating.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"rating.styles.d.ts","sourceRoot":"","sources":["../../../src/components/rating/rating.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAQlB,CAAC"}
|
|
@@ -3,8 +3,9 @@ export const styles = css `
|
|
|
3
3
|
:host { display: inline-block; color: var(--lyra-color-warning); }
|
|
4
4
|
[part='base'] { display: inline-flex; align-items: center; gap: var(--lyra-space-xs); min-block-size: var(--lyra-icon-button-size); cursor: pointer; }
|
|
5
5
|
[part='base']:focus-visible { outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color); outline-offset: var(--lyra-focus-ring-offset); }
|
|
6
|
-
[part='star'] { display: inline-
|
|
7
|
-
[part='star']
|
|
6
|
+
[part='star'] { position: relative; display: inline-flex; color: var(--lyra-rating-empty-color, var(--lyra-color-border)); font-size: var(--lyra-rating-size, var(--lyra-font-size-xl)); line-height: var(--lyra-line-height-none); }
|
|
7
|
+
[part='star'] svg { display: block; }
|
|
8
|
+
[part='star-fill'] { position: absolute; inset-block-start: 0; inset-inline-start: 0; block-size: 100%; overflow: hidden; color: var(--lyra-rating-fill, var(--lyra-color-warning)); }
|
|
8
9
|
:host([disabled]) [part='base'] { cursor: not-allowed; opacity: var(--lyra-opacity-disabled); }
|
|
9
10
|
`;
|
|
10
11
|
//# sourceMappingURL=rating.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rating.styles.js","sourceRoot":"","sources":["../../../src/components/rating/rating.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"rating.styles.js","sourceRoot":"","sources":["../../../src/components/rating/rating.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;CAQxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-observer.class.d.ts","sourceRoot":"","sources":["../../../src/components/resize-observer/resize-observer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,YAAY,GAAG,0BAA0B,CAAC;AAE1F,MAAM,WAAW,0BAA0B;IACzC,aAAa,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,CAAC,CAAC;CAChE;AAED;;;;;;;;;GASG;AACH,qBAAa,kBAAmB,SAAQ,WAAW,CAAC,0BAA0B,CAAC;IAC7E,MAAM,CAAC,MAAM,iCAAgC;IAED,QAAQ,UAAS;IAChC,GAAG,EAAE,iBAAiB,CAAiB;IAEpE,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAElC,iBAAiB,IAAI,IAAI,CAGxB;IAED,oBAAoB,IAAI,IAAI,CAI3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"resize-observer.class.d.ts","sourceRoot":"","sources":["../../../src/components/resize-observer/resize-observer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,YAAY,GAAG,0BAA0B,CAAC;AAE1F,MAAM,WAAW,0BAA0B;IACzC,aAAa,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,CAAC,CAAC;CAChE;AAED;;;;;;;;;GASG;AACH,qBAAa,kBAAmB,SAAQ,WAAW,CAAC,0BAA0B,CAAC;IAC7E,MAAM,CAAC,MAAM,iCAAgC;IAED,QAAQ,UAAS;IAChC,GAAG,EAAE,iBAAiB,CAAiB;IAEpE,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAElC,iBAAiB,IAAI,IAAI,CAGxB;IAED,oBAAoB,IAAI,IAAI,CAI3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAQ/C;IAED,OAAO,CAAC,YAAY,CAAqC;IAEzD,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,cAAc,CAcpB;IAEF,MAAM,IAAI,cAAc,CAEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}
|
|
@@ -29,7 +29,7 @@ export class LyraResizeObserver extends LyraElement {
|
|
|
29
29
|
if (this.disabled)
|
|
30
30
|
return;
|
|
31
31
|
const slot = this.renderRoot.querySelector('slot');
|
|
32
|
-
const targets = slot?.assignedElements({ flatten: true })
|
|
32
|
+
const targets = slot?.assignedElements({ flatten: true }) ?? [];
|
|
33
33
|
if (targets.length === 0 || typeof ResizeObserver === 'undefined')
|
|
34
34
|
return;
|
|
35
35
|
this.observer = new ResizeObserver((entries) => this.emit('lyra-resize', { entries: [...entries] }));
|
|
@@ -54,8 +54,14 @@ export class LyraResizeObserver extends LyraElement {
|
|
|
54
54
|
super.disconnectedCallback();
|
|
55
55
|
}
|
|
56
56
|
updated(changed) {
|
|
57
|
+
// Routed through the base class's connection-aware scheduler rather than
|
|
58
|
+
// a bare queueMicrotask: Lit still runs a scheduled update (and this
|
|
59
|
+
// method) even for an element that disconnects before that update's own
|
|
60
|
+
// microtask fires, and a plain queueMicrotask has no way to notice that
|
|
61
|
+
// and would still spin up a new, now-unreachable ResizeObserver that
|
|
62
|
+
// disconnectedCallback has already run and won't run again to clean up.
|
|
57
63
|
if (changed.has('disabled') || changed.has('box'))
|
|
58
|
-
|
|
64
|
+
this.scheduleAfterUpdate(this.observeTargets);
|
|
59
65
|
}
|
|
60
66
|
disconnect() {
|
|
61
67
|
this.observer?.disconnect();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-observer.class.js","sourceRoot":"","sources":["../../../src/components/resize-observer/resize-observer.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAQrD;;;;;;;;;GASG;AACH,MAAM,OAAO,kBAAmB,SAAQ,WAAuC;IAA/E;;QAG8C,aAAQ,GAAG,KAAK,CAAC;QAChC,QAAG,GAAsB,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"resize-observer.class.js","sourceRoot":"","sources":["../../../src/components/resize-observer/resize-observer.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAQrD;;;;;;;;;GASG;AACH,MAAM,OAAO,kBAAmB,SAAQ,WAAuC;IAA/E;;QAG8C,aAAQ,GAAG,KAAK,CAAC;QAChC,QAAG,GAAsB,aAAa,CAAC;QAyB5D,iBAAY,GAAG,GAAS,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAOjD,mBAAc,GAAG,GAAS,EAAE;YAClC,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACnD,MAAM,OAAO,GAAG,IAAI,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;YAChE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,cAAc,KAAK,WAAW;gBAAE,OAAO;YAC1E,IAAI,CAAC,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;YACrG,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;gBAC7B,IAAI,CAAC;oBACH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;gBACnD,CAAC;gBAAC,MAAM,CAAC;oBACP,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC,CAAC;IAKJ,CAAC;aAtDQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAO7C,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACzD,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC1D,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAES,OAAO,CAAC,OAAuB;QACvC,yEAAyE;QACzE,qEAAqE;QACrE,wEAAwE;QACxE,wEAAwE;QACxE,qEAAqE;QACrE,wEAAwE;QACxE,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACnG,CAAC;IAIO,UAAU;QAChB,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC5B,CAAC;IAkBD,MAAM;QACJ,OAAO,IAAI,CAAA,uCAAuC,IAAI,CAAC,YAAY,iBAAiB,CAAC;IACvF,CAAC;CACF;AApD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAkB;AAChC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAwC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type TemplateResult } from 'lit';
|
|
1
|
+
import { type PropertyValues, type TemplateResult } from 'lit';
|
|
2
2
|
import { LyraElement } from '../../internal/lyra-element.js';
|
|
3
3
|
/**
|
|
4
4
|
* `<lyra-result-card>` — a small bordered card shell for a custom tool-result
|
|
@@ -25,7 +25,10 @@ import { LyraElement } from '../../internal/lyra-element.js';
|
|
|
25
25
|
* @csspart title - The title text. Truncates with an ellipsis when it
|
|
26
26
|
* overflows; carries its own native `title` attribute (the full string) so
|
|
27
27
|
* hovering the truncated text reveals it via the browser's default tooltip,
|
|
28
|
-
* scoped to just this element rather than the whole card.
|
|
28
|
+
* scoped to just this element rather than the whole card. The host's own
|
|
29
|
+
* `title` attribute is stripped once Lit has synced it into the `title`
|
|
30
|
+
* property (see `attributeChangedCallback`/`updated` below), so the native
|
|
31
|
+
* tooltip never also covers the rest of the card.
|
|
29
32
|
* @csspart actions - The wrapper around the `actions` slot. `hidden`
|
|
30
33
|
* whenever the slot has no assigned content.
|
|
31
34
|
* @csspart body - The wrapper around the default slot.
|
|
@@ -36,10 +39,17 @@ export declare class LyraResultCard extends LyraElement {
|
|
|
36
39
|
* bare block of `<lyra-result-field>` rows with no natural heading).
|
|
37
40
|
* Rendered into the truncating `[part="title"]` span, which also carries
|
|
38
41
|
* this value as its own `title` attribute so the disclosure tooltip is
|
|
39
|
-
* scoped to that element rather than the whole host
|
|
42
|
+
* scoped to that element rather than the whole host -- a bare host-level
|
|
43
|
+
* `title` attribute (the browser's global tooltip attribute) is actively
|
|
44
|
+
* stripped once Lit has synced it into this property, so the card never
|
|
45
|
+
* grows an unsolicited native tooltip repeating the same text. See
|
|
46
|
+
* `attributeChangedCallback` and `updated` below. */
|
|
40
47
|
title: string;
|
|
41
48
|
private hasActionsSlot;
|
|
49
|
+
private stripHostTitleAttr;
|
|
42
50
|
protected willUpdate(): void;
|
|
51
|
+
attributeChangedCallback(name: string, old: string | null, value: string | null): void;
|
|
52
|
+
protected updated(changed: PropertyValues<this>): void;
|
|
43
53
|
private onActionsSlotChange;
|
|
44
54
|
render(): TemplateResult;
|
|
45
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result-card.class.d.ts","sourceRoot":"","sources":["../../../src/components/result-card/result-card.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"result-card.class.d.ts","sourceRoot":"","sources":["../../../src/components/result-card/result-card.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAAa,cAAe,SAAQ,WAAW;IAC7C,MAAM,CAAC,MAAM,iCAAgC;IAE7C;;;;;;;;0DAQsD;IAC1C,KAAK,SAAM;IAOd,OAAO,CAAC,cAAc,CAAS;IAOxC,OAAO,CAAC,kBAAkB,CAAS;IAEnC,SAAS,CAAC,UAAU,IAAI,IAAI,CAI3B;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAGrF;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI,CAUrD;IAED,OAAO,CAAC,mBAAmB,CAEzB;IAEF,MAAM,IAAI,cAAc,CAcvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
|
|
@@ -33,7 +33,10 @@ import { styles } from './result-card.styles.js';
|
|
|
33
33
|
* @csspart title - The title text. Truncates with an ellipsis when it
|
|
34
34
|
* overflows; carries its own native `title` attribute (the full string) so
|
|
35
35
|
* hovering the truncated text reveals it via the browser's default tooltip,
|
|
36
|
-
* scoped to just this element rather than the whole card.
|
|
36
|
+
* scoped to just this element rather than the whole card. The host's own
|
|
37
|
+
* `title` attribute is stripped once Lit has synced it into the `title`
|
|
38
|
+
* property (see `attributeChangedCallback`/`updated` below), so the native
|
|
39
|
+
* tooltip never also covers the rest of the card.
|
|
37
40
|
* @csspart actions - The wrapper around the `actions` slot. `hidden`
|
|
38
41
|
* whenever the slot has no assigned content.
|
|
39
42
|
* @csspart body - The wrapper around the default slot.
|
|
@@ -45,7 +48,11 @@ export class LyraResultCard extends LyraElement {
|
|
|
45
48
|
* bare block of `<lyra-result-field>` rows with no natural heading).
|
|
46
49
|
* Rendered into the truncating `[part="title"]` span, which also carries
|
|
47
50
|
* this value as its own `title` attribute so the disclosure tooltip is
|
|
48
|
-
* scoped to that element rather than the whole host
|
|
51
|
+
* scoped to that element rather than the whole host -- a bare host-level
|
|
52
|
+
* `title` attribute (the browser's global tooltip attribute) is actively
|
|
53
|
+
* stripped once Lit has synced it into this property, so the card never
|
|
54
|
+
* grows an unsolicited native tooltip repeating the same text. See
|
|
55
|
+
* `attributeChangedCallback` and `updated` below. */
|
|
49
56
|
this.title = '';
|
|
50
57
|
// See `<lyra-widget>`'s identical `hasActionsSlot` -- a `[part]` wrapper
|
|
51
58
|
// always contains a literal `<slot>` child regardless of assigned
|
|
@@ -53,6 +60,12 @@ export class LyraResultCard extends LyraElement {
|
|
|
53
60
|
// in JS instead and used to both hide the actions wrapper and decide
|
|
54
61
|
// whether the header row itself has anything to show.
|
|
55
62
|
this.hasActionsSlot = false;
|
|
63
|
+
// Guards the `removeAttribute('title')` call in `updated()` below: removing
|
|
64
|
+
// an observed attribute fires `attributeChangedCallback` synchronously just
|
|
65
|
+
// like setting one does, and without this flag Lit would treat the removal
|
|
66
|
+
// as a fresh (empty) attribute value and reset the `title` property right
|
|
67
|
+
// back to `null`, losing the value it just finished syncing in.
|
|
68
|
+
this.stripHostTitleAttr = false;
|
|
56
69
|
this.onActionsSlotChange = (e) => {
|
|
57
70
|
this.hasActionsSlot = e.target.assignedElements({ flatten: true }).length > 0;
|
|
58
71
|
};
|
|
@@ -63,6 +76,22 @@ export class LyraResultCard extends LyraElement {
|
|
|
63
76
|
this.hasActionsSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'actions');
|
|
64
77
|
}
|
|
65
78
|
}
|
|
79
|
+
attributeChangedCallback(name, old, value) {
|
|
80
|
+
if (name === 'title' && this.stripHostTitleAttr)
|
|
81
|
+
return;
|
|
82
|
+
super.attributeChangedCallback(name, old, value);
|
|
83
|
+
}
|
|
84
|
+
updated(changed) {
|
|
85
|
+
if (changed.has('title') && this.hasAttribute('title')) {
|
|
86
|
+
// The attribute has already been converted into the `title` property
|
|
87
|
+
// by this point (that's how it got here), so the DOM attribute itself
|
|
88
|
+
// is now redundant -- and, left in place, would make the whole card
|
|
89
|
+
// show a native tooltip repeating the title text on hover.
|
|
90
|
+
this.stripHostTitleAttr = true;
|
|
91
|
+
this.removeAttribute('title');
|
|
92
|
+
this.stripHostTitleAttr = false;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
66
95
|
render() {
|
|
67
96
|
const hasTitle = this.title.length > 0;
|
|
68
97
|
const hasHeader = hasTitle || this.hasActionsSlot;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result-card.class.js","sourceRoot":"","sources":["../../../src/components/result-card/result-card.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"result-card.class.js","sourceRoot":"","sources":["../../../src/components/result-card/result-card.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,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,OAAO,cAAe,SAAQ,WAAW;IAA/C;;QAGE;;;;;;;;8DAQsD;QAC1C,UAAK,GAAG,EAAE,CAAC;QAEvB,yEAAyE;QACzE,kEAAkE;QAClE,yEAAyE;QACzE,qEAAqE;QACrE,sDAAsD;QACrC,mBAAc,GAAG,KAAK,CAAC;QAExC,4EAA4E;QAC5E,4EAA4E;QAC5E,2EAA2E;QAC3E,0EAA0E;QAC1E,gEAAgE;QACxD,uBAAkB,GAAG,KAAK,CAAC;QAyB3B,wBAAmB,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAC/C,IAAI,CAAC,cAAc,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACrG,CAAC,CAAC;IAiBJ,CAAC;aArEQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IA2BnC,UAAU;QAClB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,CAAC;QACtG,CAAC;IACH,CAAC;IAED,wBAAwB,CAAC,IAAY,EAAE,GAAkB,EAAE,KAAoB;QAC7E,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,kBAAkB;YAAE,OAAO;QACxD,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IACnD,CAAC;IAES,OAAO,CAAC,OAA6B;QAC7C,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;YACvD,qEAAqE;YACrE,sEAAsE;YACtE,oEAAoE;YACpE,2DAA2D;YAC3D,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YAC9B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAClC,CAAC;IACH,CAAC;IAMD,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,MAAM,SAAS,GAAG,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC;QAClD,OAAO,IAAI,CAAA;;qCAEsB,CAAC,SAAS;YACnC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,4BAA4B,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO;wCAC1D,CAAC,IAAI,CAAC,cAAc;+CACb,IAAI,CAAC,mBAAmB;;;;;KAKlE,CAAC;IACJ,CAAC;CACF;AA1Da;IAAX,QAAQ,EAAE;6CAAY;AAON;IAAhB,KAAK,EAAE;sDAAgC"}
|
|
@@ -22,6 +22,9 @@ export interface LyraScrollerEventMap {
|
|
|
22
22
|
* @csspart content - The slotted content wrapper.
|
|
23
23
|
* @csspart previous - The previous/start control.
|
|
24
24
|
* @csspart next - The next/end control.
|
|
25
|
+
* @csspart control - Shared part on both `previous` and `next`.
|
|
26
|
+
* @csspart previous-glyph - The chevron glyph inside `previous`, mirrored under RTL.
|
|
27
|
+
* @csspart next-glyph - The chevron glyph inside `next`, mirrored under RTL.
|
|
25
28
|
* @cssprop --lyra-scroller-control-size - Control size.
|
|
26
29
|
* @cssprop --lyra-scroller-min-block-size - Minimum vertical scroller size.
|
|
27
30
|
*/
|
|
@@ -36,6 +39,7 @@ export declare class LyraScroller extends LyraElement<LyraScrollerEventMap> {
|
|
|
36
39
|
private canScrollEnd;
|
|
37
40
|
private viewport?;
|
|
38
41
|
private resizeObserver?;
|
|
42
|
+
connectedCallback(): void;
|
|
39
43
|
firstUpdated(): void;
|
|
40
44
|
disconnectedCallback(): void;
|
|
41
45
|
protected updated(changed: PropertyValues): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroller.class.d.ts","sourceRoot":"","sources":["../../../src/components/scroller/scroller.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE5D,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,WAAW,CAAC;QACzB,WAAW,EAAE,OAAO,CAAC;QACrB,SAAS,EAAE,OAAO,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;CACJ;AAED
|
|
1
|
+
{"version":3,"file":"scroller.class.d.ts","sourceRoot":"","sources":["../../../src/components/scroller/scroller.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE5D,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,WAAW,CAAC;QACzB,WAAW,EAAE,OAAO,CAAC;QACrB,SAAS,EAAE,OAAO,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;CACJ;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,YAAa,SAAQ,WAAW,CAAC,oBAAoB,CAAC;IACjE,MAAM,CAAC,MAAM,iCAAgC;IAEhB,WAAW,EAAE,mBAAmB,CAAgB;IACjC,QAAQ,UAAS;IACY,aAAa,UAAS;IACzC,UAAU,SAAK;IACzD,KAAK,SAAM;IAEd,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,YAAY,CAAS;IACV,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC3D,OAAO,CAAC,cAAc,CAAC,CAAiB;IAExC,iBAAiB,IAAI,IAAI,CAUxB;IAED,YAAY,IAAI,IAAI,CAGnB;IAED,oBAAoB,IAAI,IAAI,CAI3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAE/C;IAED,OAAO,CAAC,UAAU;IAoBlB,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,QAAQ,CAAkC;IAElD,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,YAAY;IAapB,MAAM,IAAI,cAAc,CAQvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
|
|
@@ -21,6 +21,9 @@ import { styles } from './scroller.styles.js';
|
|
|
21
21
|
* @csspart content - The slotted content wrapper.
|
|
22
22
|
* @csspart previous - The previous/start control.
|
|
23
23
|
* @csspart next - The next/end control.
|
|
24
|
+
* @csspart control - Shared part on both `previous` and `next`.
|
|
25
|
+
* @csspart previous-glyph - The chevron glyph inside `previous`, mirrored under RTL.
|
|
26
|
+
* @csspart next-glyph - The chevron glyph inside `next`, mirrored under RTL.
|
|
24
27
|
* @cssprop --lyra-scroller-control-size - Control size.
|
|
25
28
|
* @cssprop --lyra-scroller-min-block-size - Minimum vertical scroller size.
|
|
26
29
|
*/
|
|
@@ -45,9 +48,19 @@ export class LyraScroller extends LyraElement {
|
|
|
45
48
|
this.onScroll = () => this.updateEdges();
|
|
46
49
|
}
|
|
47
50
|
static { this.styles = [LyraElement.styles, styles]; }
|
|
48
|
-
|
|
51
|
+
connectedCallback() {
|
|
52
|
+
super.connectedCallback();
|
|
49
53
|
this.resizeObserver = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(this.updateEdges);
|
|
50
54
|
this.resizeObserver?.observe(this);
|
|
55
|
+
// A reconnect (move in the DOM) re-creates the observer above but the shadow-root content
|
|
56
|
+
// survives across disconnect/reconnect (Lit doesn't tear it down) -- re-observe the viewport
|
|
57
|
+
// here too when it already exists. `firstUpdated()` only ever runs once, on the very first
|
|
58
|
+
// render, so it can't be relied on for a reconnect; on the very first connect `this.viewport`
|
|
59
|
+
// (a `@query`) isn't resolved yet, so `firstUpdated()` below still does that initial observe.
|
|
60
|
+
if (this.viewport)
|
|
61
|
+
this.resizeObserver?.observe(this.viewport);
|
|
62
|
+
}
|
|
63
|
+
firstUpdated() {
|
|
51
64
|
this.resizeObserver?.observe(this.viewport);
|
|
52
65
|
queueMicrotask(this.updateEdges);
|
|
53
66
|
}
|
|
@@ -68,7 +81,11 @@ export class LyraScroller extends LyraElement {
|
|
|
68
81
|
const max = horizontal ? Math.max(0, viewport.scrollWidth - viewport.clientWidth) : Math.max(0, viewport.scrollHeight - viewport.clientHeight);
|
|
69
82
|
const position = horizontal ? viewport.scrollLeft : viewport.scrollTop;
|
|
70
83
|
const rtl = horizontal && this.effectiveDirection === 'rtl';
|
|
71
|
-
|
|
84
|
+
// Per the CSSOM View spec (what every browser this library targets actually implements),
|
|
85
|
+
// scrollLeft in RTL runs 0 (inline-start) down to -max (inline-end) -- not the legacy WebKit
|
|
86
|
+
// convention of max down to 0. Negating (rather than `max - position`) normalizes it back to the
|
|
87
|
+
// same "distance from inline-start" the LTR branch already computes.
|
|
88
|
+
const startPosition = rtl ? -position : position;
|
|
72
89
|
return {
|
|
73
90
|
scrollStart: startPosition <= 1,
|
|
74
91
|
scrollEnd: startPosition >= max - 1,
|
|
@@ -95,7 +112,7 @@ export class LyraScroller extends LyraElement {
|
|
|
95
112
|
if (horizontal) {
|
|
96
113
|
const max = Math.max(0, viewport.scrollWidth - viewport.clientWidth);
|
|
97
114
|
const rtl = this.effectiveDirection === 'rtl';
|
|
98
|
-
viewport.scrollTo({ left: edge === 'start' ?
|
|
115
|
+
viewport.scrollTo({ left: edge === 'start' ? 0 : (rtl ? -max : max) });
|
|
99
116
|
}
|
|
100
117
|
else {
|
|
101
118
|
viewport.scrollTo({ top: edge === 'start' ? 0 : viewport.scrollHeight });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroller.class.js","sourceRoot":"","sources":["../../../src/components/scroller/scroller.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAA4C,MAAM,KAAK,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAa9C
|
|
1
|
+
{"version":3,"file":"scroller.class.js","sourceRoot":"","sources":["../../../src/components/scroller/scroller.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented.class.d.ts","sourceRoot":"","sources":["../../../src/components/segmented/segmented.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;;qCAEiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,8BAA8B;IACE,KAAK,EAAE,aAAa,EAAE,CAAM;IAE5D,6CAA6C;IACjC,KAAK,SAAM;IAEvB;;;;2CAIuC;IAC3B,KAAK,SAAM;IAEvB,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,SAAS,CA6Bf;IAEF,MAAM,IAAI,cAAc,
|
|
1
|
+
{"version":3,"file":"segmented.class.d.ts","sourceRoot":"","sources":["../../../src/components/segmented/segmented.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;;qCAEiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,8BAA8B;IACE,KAAK,EAAE,aAAa,EAAE,CAAM;IAE5D,6CAA6C;IACjC,KAAK,SAAM;IAEvB;;;;2CAIuC;IAC3B,KAAK,SAAM;IAEvB,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,SAAS,CA6Bf;IAEF,MAAM,IAAI,cAAc,CA4BvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}
|
|
@@ -84,16 +84,24 @@ export class LyraSegmented extends LyraElement {
|
|
|
84
84
|
}
|
|
85
85
|
render() {
|
|
86
86
|
const ariaLabel = this.label || this.getAttribute('aria-label') || nothing;
|
|
87
|
+
// WAI-ARIA APG radiogroup: exactly one non-disabled radio is ever tabbable.
|
|
88
|
+
// That's normally the checked item, but a fresh/cleared radiogroup has no
|
|
89
|
+
// checked item at all -- falling back to `item.value === this.value` alone
|
|
90
|
+
// would then match nothing and drop every button out of the tab order, so
|
|
91
|
+
// fall back to the first non-disabled item when nothing is selected (or the
|
|
92
|
+
// selected value doesn't match a current, non-disabled item).
|
|
93
|
+
const selectedIndex = this.items.findIndex((item) => item.value === this.value && !item.disabled);
|
|
94
|
+
const tabbableIndex = selectedIndex !== -1 ? selectedIndex : this.items.findIndex((item) => !item.disabled);
|
|
87
95
|
return html `
|
|
88
96
|
<div part="base" role="radiogroup" aria-label=${ariaLabel} @keydown=${this.onKeyDown}>
|
|
89
|
-
${repeat(this.items, (item) => item.value, (item) => html `<button
|
|
97
|
+
${repeat(this.items, (item) => item.value, (item, index) => html `<button
|
|
90
98
|
type="button"
|
|
91
99
|
part="segment"
|
|
92
100
|
data-value=${item.value}
|
|
93
101
|
role="radio"
|
|
94
102
|
aria-checked=${item.value === this.value ? 'true' : 'false'}
|
|
95
103
|
aria-disabled=${item.disabled ? 'true' : 'false'}
|
|
96
|
-
tabindex=${
|
|
104
|
+
tabindex=${index === tabbableIndex ? '0' : '-1'}
|
|
97
105
|
@click=${() => this.select(item)}
|
|
98
106
|
>${item.icon ? html `<span part="segment-icon" aria-hidden="true">${item.icon}</span>` : nothing}<span part="segment-label">${item.label}</span></button>`)}
|
|
99
107
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented.class.js","sourceRoot":"","sources":["../../../src/components/segmented/segmented.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAgB/C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,aAAc,SAAQ,WAAkC;IAArE;;QAGE,8BAA8B;QACE,UAAK,GAAoB,EAAE,CAAC;QAE5D,6CAA6C;QACjC,UAAK,GAAG,EAAE,CAAC;QAEvB;;;;+CAIuC;QAC3B,UAAK,GAAG,EAAE,CAAC;QAaf,cAAS,GAAG,CAAC,CAAgB,EAAQ,EAAE;YAC7C,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YACxD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YACnC,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;YACxE,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;YACxB,MAAM,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;YACpD,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC;YAErD,IAAI,WAAmB,CAAC;YACxB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;gBACd,KAAK,UAAU;oBACb,WAAW,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;oBAC3E,MAAM;gBACR,KAAK,WAAW;oBACd,WAAW,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;oBACjH,MAAM;gBACR,KAAK,MAAM;oBACT,WAAW,GAAG,CAAC,CAAC;oBAChB,MAAM;gBACR,KAAK,KAAK;oBACR,WAAW,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;oBACnC,MAAM;gBACR;oBACE,OAAO;YACX,CAAC;YACD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,MAAM,GAAG,SAAS,CAAC,WAAW,CAAE,CAAC;YACvC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"segmented.class.js","sourceRoot":"","sources":["../../../src/components/segmented/segmented.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented.styles.d.ts","sourceRoot":"","sources":["../../../src/components/segmented/segmented.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"segmented.styles.d.ts","sourceRoot":"","sources":["../../../src/components/segmented/segmented.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAqDlB,CAAC"}
|
|
@@ -2,15 +2,23 @@ import { css } from 'lit';
|
|
|
2
2
|
export const styles = css `
|
|
3
3
|
:host {
|
|
4
4
|
display: inline-flex;
|
|
5
|
+
/* Lets the host shrink below its row's max-content width when it's a flex/grid
|
|
6
|
+
item in a consumer's own narrow layout -- the default min-width:auto for flex
|
|
7
|
+
items would otherwise force the row wide regardless of [part='base']'s
|
|
8
|
+
flex-wrap below. */
|
|
9
|
+
min-inline-size: 0;
|
|
5
10
|
}
|
|
6
11
|
[part='base'] {
|
|
7
12
|
display: inline-flex;
|
|
13
|
+
flex-wrap: wrap;
|
|
14
|
+
min-inline-size: 0;
|
|
8
15
|
border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
|
|
9
16
|
border-radius: var(--lyra-radius);
|
|
10
17
|
padding: var(--lyra-size-0-125rem);
|
|
11
18
|
gap: var(--lyra-size-0-125rem);
|
|
12
19
|
}
|
|
13
20
|
[part='segment'] {
|
|
21
|
+
min-inline-size: 0;
|
|
14
22
|
border: none;
|
|
15
23
|
border-radius: calc(var(--lyra-radius) * 0.7);
|
|
16
24
|
background: transparent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented.styles.js","sourceRoot":"","sources":["../../../src/components/segmented/segmented.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"segmented.styles.js","sourceRoot":"","sources":["../../../src/components/segmented/segmented.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDxB,CAAC"}
|
|
@@ -8,6 +8,8 @@ import { LyraElement } from '../../internal/lyra-element.js';
|
|
|
8
8
|
* @csspart line - The stroked line path (type="line" and type="area").
|
|
9
9
|
* @csspart area - The filled area under the line (type="area").
|
|
10
10
|
* @csspart bar - Each bar rectangle (type="bar").
|
|
11
|
+
* @cssprop [--lyra-sparkline-stroke-width=1.5] - Stroke width of the line/area path.
|
|
12
|
+
* @cssprop [--lyra-sparkline-area-opacity=0.15] - Fill opacity of the area under the line (type="area").
|
|
11
13
|
*/
|
|
12
14
|
export declare class LyraSparkline extends LyraElement {
|
|
13
15
|
static styles: import("lit").CSSResultGroup[];
|