@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
|
@@ -93,6 +93,11 @@ export class LyraRadio extends LyraElement {
|
|
|
93
93
|
this._groupDisabled = false;
|
|
94
94
|
this._groupRequired = false;
|
|
95
95
|
this._tabbable = true;
|
|
96
|
+
// What `form.reset()` restores to — captured once from the declarative
|
|
97
|
+
// `checked` content attribute at first connect, mirroring
|
|
98
|
+
// `<lyra-checkbox>`'s identical `_defaultChecked`/`_defaultCaptured` pair.
|
|
99
|
+
this._defaultChecked = false;
|
|
100
|
+
this._defaultCaptured = false;
|
|
96
101
|
this.onClick = () => this.select();
|
|
97
102
|
this.onKeyDown = (event) => {
|
|
98
103
|
if (this.effectiveDisabled)
|
|
@@ -119,8 +124,21 @@ export class LyraRadio extends LyraElement {
|
|
|
119
124
|
connectedCallback() {
|
|
120
125
|
super.connectedCallback();
|
|
121
126
|
this.hasLabel = Array.from(this.childNodes).some((node) => (node.textContent ?? '').trim().length > 0);
|
|
127
|
+
if (!this._defaultCaptured) {
|
|
128
|
+
this._defaultCaptured = true;
|
|
129
|
+
this._defaultChecked = this.hasAttribute('checked');
|
|
130
|
+
}
|
|
122
131
|
this.updateValidity();
|
|
123
132
|
}
|
|
133
|
+
formResetCallback() {
|
|
134
|
+
this.checked = this._defaultChecked;
|
|
135
|
+
}
|
|
136
|
+
formStateRestoreCallback(state, _mode) {
|
|
137
|
+
const old = this._checked;
|
|
138
|
+
this._checked = state === 'checked';
|
|
139
|
+
this.syncFormState();
|
|
140
|
+
this.requestUpdate('checked', old);
|
|
141
|
+
}
|
|
124
142
|
updateValidity() {
|
|
125
143
|
this.validityController.setValidity(this.effectiveRequired && !this.checked ? { valueMissing: true } : {}, this.localize('radioRequired'));
|
|
126
144
|
}
|
|
@@ -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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"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { type PropertyValues, type TemplateResult } from 'lit';
|
|
2
|
+
import { LyraElement } from '../../internal/lyra-element.js';
|
|
3
|
+
export type LyraRandomContentAnimation = 'none' | 'fade' | 'fade-up' | 'fade-down' | 'fade-left' | 'fade-right';
|
|
4
|
+
export type LyraRandomContentMode = 'unique' | 'random' | 'sequence';
|
|
5
|
+
export interface LyraRandomContentEventMap {
|
|
6
|
+
'lyra-content-change': CustomEvent<{
|
|
7
|
+
items: HTMLElement[];
|
|
8
|
+
}>;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* `<lyra-random-content>` — displays a randomly (or sequentially) chosen
|
|
12
|
+
* subset of its slotted children and hides the rest, for A/B copy testing,
|
|
13
|
+
* testimonial/quote rotation, or varying marketing copy on each render or
|
|
14
|
+
* interval without any custom JS beyond slotting the candidates.
|
|
15
|
+
*
|
|
16
|
+
* Not a form-associated control and has no textual chrome of its own — a
|
|
17
|
+
* pure content-rotation primitive over caller-supplied children, so the
|
|
18
|
+
* label/hint/error frame doesn't apply.
|
|
19
|
+
*
|
|
20
|
+
* The host renders `display: block` by default, like the rest of this
|
|
21
|
+
* family. A consumer needing an inline text-fragment swap inside a sentence
|
|
22
|
+
* can override `lyra-random-content { display: inline; }` from outside —
|
|
23
|
+
* that isn't baked in here, since `display: contents` on the host risks
|
|
24
|
+
* accessibility-tree inconsistencies across engines.
|
|
25
|
+
*
|
|
26
|
+
* There is no built-in trigger UI (no next/previous/shuffle button):
|
|
27
|
+
* selection is driven only by `autoplay`/`autoplayInterval` and the public
|
|
28
|
+
* `randomize()` method. Consequently there is no keyboard interaction and no
|
|
29
|
+
* RTL-aware arrow-key handling to implement here — that guarantee only
|
|
30
|
+
* applies to components with roving/arrow-key navigation, which this one
|
|
31
|
+
* structurally lacks.
|
|
32
|
+
*
|
|
33
|
+
* `fade-left`/`fade-right` are physical-direction transforms (matching the
|
|
34
|
+
* upstream naming this component mirrors), not "previous/next" navigational
|
|
35
|
+
* semantics like a carousel chevron, so they are deliberately **not**
|
|
36
|
+
* mirrored under `:host(:dir(rtl))`.
|
|
37
|
+
*
|
|
38
|
+
* @customElement lyra-random-content
|
|
39
|
+
* @slot - The pool of candidate children. Only direct element children are eligible.
|
|
40
|
+
* @event lyra-content-change - The displayed selection changed (first render, `randomize()`,
|
|
41
|
+
* a slot-change-triggered reselection, or an autoplay tick). `detail: { items }` is the exact
|
|
42
|
+
* array of elements now shown, in display order. Not emitted when the eligible pool is empty.
|
|
43
|
+
* @csspart base - The wrapping element around the default slot.
|
|
44
|
+
* @cssprop [--lyra-random-content-animation-duration=300ms] - Duration of the entrance animation.
|
|
45
|
+
* @cssprop [--lyra-random-content-animation-easing=ease] - Easing function for the entrance animation.
|
|
46
|
+
* @cssprop [--lyra-random-content-animation-translate=var(--lyra-size-0-5em)] - Translation distance for directional animations.
|
|
47
|
+
*/
|
|
48
|
+
export declare class LyraRandomContent extends LyraElement<LyraRandomContentEventMap> {
|
|
49
|
+
static styles: import("lit").CSSResultGroup[];
|
|
50
|
+
/** Entrance effect applied to a child the instant it becomes shown. */
|
|
51
|
+
animation: LyraRandomContentAnimation;
|
|
52
|
+
/** Whether the displayed selection automatically re-rolls on an interval. */
|
|
53
|
+
autoplay: boolean;
|
|
54
|
+
/** Milliseconds between autoplay ticks. Clamped to a 1000ms floor. */
|
|
55
|
+
autoplayInterval: number;
|
|
56
|
+
/** How many children are shown simultaneously. Clamped to at least 1 and at most the pool size. */
|
|
57
|
+
items: number;
|
|
58
|
+
/** Selection algorithm — see `randomize()`. */
|
|
59
|
+
mode: LyraRandomContentMode;
|
|
60
|
+
private slotEl?;
|
|
61
|
+
private timer?;
|
|
62
|
+
private reduceMotion;
|
|
63
|
+
private mediaQuery?;
|
|
64
|
+
private sequenceCursor;
|
|
65
|
+
private previousSelection?;
|
|
66
|
+
private lastPool;
|
|
67
|
+
private hasUpdatedOnce;
|
|
68
|
+
connectedCallback(): void;
|
|
69
|
+
disconnectedCallback(): void;
|
|
70
|
+
protected firstUpdated(): void;
|
|
71
|
+
protected updated(changed: PropertyValues): void;
|
|
72
|
+
private onMotionPreferenceChange;
|
|
73
|
+
private eligible;
|
|
74
|
+
private clampedCount;
|
|
75
|
+
private poolsEqual;
|
|
76
|
+
private shuffledPick;
|
|
77
|
+
private sameAsPrevious;
|
|
78
|
+
private selectUnique;
|
|
79
|
+
private selectSequence;
|
|
80
|
+
private computeSelectionForMode;
|
|
81
|
+
private applySelection;
|
|
82
|
+
private reselect;
|
|
83
|
+
private onSlotChange;
|
|
84
|
+
/**
|
|
85
|
+
* Selects a new set of children using the current mode. Applies
|
|
86
|
+
* `hidden`/`aria-hidden`, emits `lyra-content-change`, and returns the
|
|
87
|
+
* elements now shown. Does not reset or restart the autoplay timer.
|
|
88
|
+
*/
|
|
89
|
+
randomize: () => HTMLElement[];
|
|
90
|
+
private stopAutoplay;
|
|
91
|
+
private restartAutoplay;
|
|
92
|
+
render(): TemplateResult;
|
|
93
|
+
}
|
|
94
|
+
declare global {
|
|
95
|
+
interface HTMLElementTagNameMap {
|
|
96
|
+
'lyra-random-content': LyraRandomContent;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
//# sourceMappingURL=random-content.class.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"random-content.class.d.ts","sourceRoot":"","sources":["../../../src/components/random-content/random-content.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,MAAM,0BAA0B,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAChH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,yBAAyB;IACxC,qBAAqB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,WAAW,EAAE,CAAA;KAAE,CAAC,CAAC;CAC9D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,yBAAyB,CAAC;IAC3E,MAAM,CAAC,MAAM,iCAAgC;IAE7C,uEAAuE;IAC1C,SAAS,EAAE,0BAA0B,CAAU;IAE5E,6EAA6E;IACjC,QAAQ,UAAS;IAE7D,sEAAsE;IACV,gBAAgB,SAAQ;IAEpF,mGAAmG;IACvE,KAAK,SAAK;IAEtC,+CAA+C;IACnC,IAAI,EAAE,qBAAqB,CAAY;IAEpC,OAAO,CAAC,MAAM,CAAC,CAAkB;IAEhD,OAAO,CAAC,KAAK,CAAC,CAAS;IACvB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAC,CAAiB;IACpC,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,iBAAiB,CAAC,CAAgB;IAC1C,OAAO,CAAC,QAAQ,CAAqB;IAOrC,OAAO,CAAC,cAAc,CAAS;IAE/B,iBAAiB,IAAI,IAAI,CAYxB;IAED,oBAAoB,IAAI,IAAI,CAK3B;IAED,SAAS,CAAC,YAAY,IAAI,IAAI,CAU7B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAM/C;IAED,OAAO,CAAC,wBAAwB,CAG9B;IAEF,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,uBAAuB;IAY/B,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,QAAQ;IAgBhB,OAAO,CAAC,YAAY,CAWlB;IAEF;;;;OAIG;IACH,SAAS,QAAO,WAAW,EAAE,CAAoB;IAEjD,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,eAAe;IASvB,MAAM,IAAI,cAAc,CAWvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
|
|
@@ -0,0 +1,268 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
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
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { html, nothing } from 'lit';
|
|
8
|
+
import { property, query } from 'lit/decorators.js';
|
|
9
|
+
import { LyraElement } from '../../internal/lyra-element.js';
|
|
10
|
+
import { finiteDuration } from '../../internal/numbers.js';
|
|
11
|
+
import { styles } from './random-content.styles.js';
|
|
12
|
+
/**
|
|
13
|
+
* `<lyra-random-content>` — displays a randomly (or sequentially) chosen
|
|
14
|
+
* subset of its slotted children and hides the rest, for A/B copy testing,
|
|
15
|
+
* testimonial/quote rotation, or varying marketing copy on each render or
|
|
16
|
+
* interval without any custom JS beyond slotting the candidates.
|
|
17
|
+
*
|
|
18
|
+
* Not a form-associated control and has no textual chrome of its own — a
|
|
19
|
+
* pure content-rotation primitive over caller-supplied children, so the
|
|
20
|
+
* label/hint/error frame doesn't apply.
|
|
21
|
+
*
|
|
22
|
+
* The host renders `display: block` by default, like the rest of this
|
|
23
|
+
* family. A consumer needing an inline text-fragment swap inside a sentence
|
|
24
|
+
* can override `lyra-random-content { display: inline; }` from outside —
|
|
25
|
+
* that isn't baked in here, since `display: contents` on the host risks
|
|
26
|
+
* accessibility-tree inconsistencies across engines.
|
|
27
|
+
*
|
|
28
|
+
* There is no built-in trigger UI (no next/previous/shuffle button):
|
|
29
|
+
* selection is driven only by `autoplay`/`autoplayInterval` and the public
|
|
30
|
+
* `randomize()` method. Consequently there is no keyboard interaction and no
|
|
31
|
+
* RTL-aware arrow-key handling to implement here — that guarantee only
|
|
32
|
+
* applies to components with roving/arrow-key navigation, which this one
|
|
33
|
+
* structurally lacks.
|
|
34
|
+
*
|
|
35
|
+
* `fade-left`/`fade-right` are physical-direction transforms (matching the
|
|
36
|
+
* upstream naming this component mirrors), not "previous/next" navigational
|
|
37
|
+
* semantics like a carousel chevron, so they are deliberately **not**
|
|
38
|
+
* mirrored under `:host(:dir(rtl))`.
|
|
39
|
+
*
|
|
40
|
+
* @customElement lyra-random-content
|
|
41
|
+
* @slot - The pool of candidate children. Only direct element children are eligible.
|
|
42
|
+
* @event lyra-content-change - The displayed selection changed (first render, `randomize()`,
|
|
43
|
+
* a slot-change-triggered reselection, or an autoplay tick). `detail: { items }` is the exact
|
|
44
|
+
* array of elements now shown, in display order. Not emitted when the eligible pool is empty.
|
|
45
|
+
* @csspart base - The wrapping element around the default slot.
|
|
46
|
+
* @cssprop [--lyra-random-content-animation-duration=300ms] - Duration of the entrance animation.
|
|
47
|
+
* @cssprop [--lyra-random-content-animation-easing=ease] - Easing function for the entrance animation.
|
|
48
|
+
* @cssprop [--lyra-random-content-animation-translate=var(--lyra-size-0-5em)] - Translation distance for directional animations.
|
|
49
|
+
*/
|
|
50
|
+
export class LyraRandomContent extends LyraElement {
|
|
51
|
+
constructor() {
|
|
52
|
+
super(...arguments);
|
|
53
|
+
/** Entrance effect applied to a child the instant it becomes shown. */
|
|
54
|
+
this.animation = 'none';
|
|
55
|
+
/** Whether the displayed selection automatically re-rolls on an interval. */
|
|
56
|
+
this.autoplay = false;
|
|
57
|
+
/** Milliseconds between autoplay ticks. Clamped to a 1000ms floor. */
|
|
58
|
+
this.autoplayInterval = 3000;
|
|
59
|
+
/** How many children are shown simultaneously. Clamped to at least 1 and at most the pool size. */
|
|
60
|
+
this.items = 1;
|
|
61
|
+
/** Selection algorithm — see `randomize()`. */
|
|
62
|
+
this.mode = 'unique';
|
|
63
|
+
this.reduceMotion = false;
|
|
64
|
+
this.sequenceCursor = 0;
|
|
65
|
+
this.lastPool = [];
|
|
66
|
+
// Distinguishes a genuine later `updated()` pass from the very first one.
|
|
67
|
+
// Lit reports every declared reactive property as "changed" on the first
|
|
68
|
+
// update (including `items`, which otherwise would make `updated()` run a
|
|
69
|
+
// redundant second selection right after `firstUpdated()` already ran one
|
|
70
|
+
// -- doubling the emitted `lyra-content-change` event and, for
|
|
71
|
+
// mode="sequence", double-advancing the cursor).
|
|
72
|
+
this.hasUpdatedOnce = false;
|
|
73
|
+
this.onMotionPreferenceChange = (event) => {
|
|
74
|
+
this.reduceMotion = event.matches;
|
|
75
|
+
this.restartAutoplay();
|
|
76
|
+
};
|
|
77
|
+
this.onSlotChange = () => {
|
|
78
|
+
const pool = this.eligible();
|
|
79
|
+
// A slot's first assignment of already-present light-DOM children can
|
|
80
|
+
// itself dispatch an async `slotchange` shortly after `firstUpdated()`
|
|
81
|
+
// already handled that same content synchronously above -- skip when
|
|
82
|
+
// nothing about the pool actually changed to avoid double-emitting
|
|
83
|
+
// `lyra-content-change` (and, for mode="sequence", double-advancing the
|
|
84
|
+
// cursor) for a single real content change.
|
|
85
|
+
if (this.poolsEqual(pool, this.lastPool))
|
|
86
|
+
return;
|
|
87
|
+
this.reselect({ resetPrevious: true });
|
|
88
|
+
this.restartAutoplay();
|
|
89
|
+
};
|
|
90
|
+
/**
|
|
91
|
+
* Selects a new set of children using the current mode. Applies
|
|
92
|
+
* `hidden`/`aria-hidden`, emits `lyra-content-change`, and returns the
|
|
93
|
+
* elements now shown. Does not reset or restart the autoplay timer.
|
|
94
|
+
*/
|
|
95
|
+
this.randomize = () => this.reselect();
|
|
96
|
+
}
|
|
97
|
+
static { this.styles = [LyraElement.styles, styles]; }
|
|
98
|
+
connectedCallback() {
|
|
99
|
+
super.connectedCallback();
|
|
100
|
+
this.mediaQuery = typeof matchMedia === 'function' ? matchMedia('(prefers-reduced-motion: reduce)') : undefined;
|
|
101
|
+
this.reduceMotion = this.mediaQuery?.matches ?? false;
|
|
102
|
+
this.mediaQuery?.addEventListener('change', this.onMotionPreferenceChange);
|
|
103
|
+
// `firstUpdated()` only ever runs once per element lifetime, but
|
|
104
|
+
// `disconnectedCallback()` unconditionally stops the timer on every
|
|
105
|
+
// disconnect -- without restarting here too, a disconnect/reconnect
|
|
106
|
+
// cycle (e.g. a virtualized list reordering this element) would leave
|
|
107
|
+
// autoplay permanently stopped. Harmless no-op before the shadow tree's
|
|
108
|
+
// slot exists yet (`eligible()` returns `[]`, gated off below).
|
|
109
|
+
this.restartAutoplay();
|
|
110
|
+
}
|
|
111
|
+
disconnectedCallback() {
|
|
112
|
+
this.stopAutoplay();
|
|
113
|
+
this.mediaQuery?.removeEventListener('change', this.onMotionPreferenceChange);
|
|
114
|
+
this.mediaQuery = undefined;
|
|
115
|
+
super.disconnectedCallback();
|
|
116
|
+
}
|
|
117
|
+
firstUpdated() {
|
|
118
|
+
// Handles slotted content present at parse time: the slot's assigned
|
|
119
|
+
// elements are already resolved synchronously once the shadow tree
|
|
120
|
+
// renders, so this doesn't need to wait on the (async, and not
|
|
121
|
+
// guaranteed-timed across engines) `slotchange` event just to read the
|
|
122
|
+
// initial pool. `onSlotChange` below still exists for genuinely later
|
|
123
|
+
// pool changes and as a fallback if `slotchange` is the only signal a
|
|
124
|
+
// given engine ever fires for this content.
|
|
125
|
+
this.reselect();
|
|
126
|
+
this.restartAutoplay();
|
|
127
|
+
}
|
|
128
|
+
updated(changed) {
|
|
129
|
+
if (this.hasUpdatedOnce) {
|
|
130
|
+
if (changed.has('items'))
|
|
131
|
+
this.reselect();
|
|
132
|
+
if (changed.has('autoplay') || changed.has('autoplayInterval'))
|
|
133
|
+
this.restartAutoplay();
|
|
134
|
+
}
|
|
135
|
+
this.hasUpdatedOnce = true;
|
|
136
|
+
}
|
|
137
|
+
eligible() {
|
|
138
|
+
return (this.slotEl?.assignedElements() ?? []).filter((el) => el instanceof HTMLElement);
|
|
139
|
+
}
|
|
140
|
+
clampedCount(poolSize) {
|
|
141
|
+
const n = Number.isFinite(this.items) ? Math.max(1, Math.trunc(this.items)) : 1;
|
|
142
|
+
return Math.min(n, poolSize);
|
|
143
|
+
}
|
|
144
|
+
poolsEqual(a, b) {
|
|
145
|
+
if (a.length !== b.length)
|
|
146
|
+
return false;
|
|
147
|
+
return a.every((el, index) => el === b[index]);
|
|
148
|
+
}
|
|
149
|
+
shuffledPick(pool, count) {
|
|
150
|
+
const arr = pool.slice();
|
|
151
|
+
const n = Math.min(count, arr.length);
|
|
152
|
+
for (let i = 0; i < n; i += 1) {
|
|
153
|
+
const j = i + Math.floor(Math.random() * (arr.length - i));
|
|
154
|
+
const swap = arr[i];
|
|
155
|
+
arr[i] = arr[j];
|
|
156
|
+
arr[j] = swap;
|
|
157
|
+
}
|
|
158
|
+
return arr.slice(0, n);
|
|
159
|
+
}
|
|
160
|
+
sameAsPrevious(selection) {
|
|
161
|
+
const previous = this.previousSelection;
|
|
162
|
+
if (!previous || previous.length !== selection.length)
|
|
163
|
+
return false;
|
|
164
|
+
const previousSet = new Set(previous);
|
|
165
|
+
return selection.every((el) => previousSet.has(el));
|
|
166
|
+
}
|
|
167
|
+
selectUnique(pool, count) {
|
|
168
|
+
let picked = this.shuffledPick(pool, count);
|
|
169
|
+
if (pool.length > count) {
|
|
170
|
+
let attempts = 0;
|
|
171
|
+
while (attempts < 10 && this.sameAsPrevious(picked)) {
|
|
172
|
+
picked = this.shuffledPick(pool, count);
|
|
173
|
+
attempts += 1;
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
return picked;
|
|
177
|
+
}
|
|
178
|
+
selectSequence(pool, count) {
|
|
179
|
+
const total = pool.length;
|
|
180
|
+
const start = this.sequenceCursor % total;
|
|
181
|
+
const picked = [];
|
|
182
|
+
for (let k = 0; k < count; k += 1) {
|
|
183
|
+
picked.push(pool[(start + k) % total]);
|
|
184
|
+
}
|
|
185
|
+
this.sequenceCursor = (start + count) % total;
|
|
186
|
+
return picked;
|
|
187
|
+
}
|
|
188
|
+
computeSelectionForMode(pool, count) {
|
|
189
|
+
switch (this.mode) {
|
|
190
|
+
case 'sequence':
|
|
191
|
+
return this.selectSequence(pool, count);
|
|
192
|
+
case 'unique':
|
|
193
|
+
return this.selectUnique(pool, count);
|
|
194
|
+
case 'random':
|
|
195
|
+
default:
|
|
196
|
+
return this.shuffledPick(pool, count);
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
applySelection(pool, selected) {
|
|
200
|
+
const selectedSet = new Set(selected);
|
|
201
|
+
for (const el of pool) {
|
|
202
|
+
const shown = selectedSet.has(el);
|
|
203
|
+
el.toggleAttribute('hidden', !shown);
|
|
204
|
+
el.setAttribute('aria-hidden', shown ? 'false' : 'true');
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
reselect(options = {}) {
|
|
208
|
+
const pool = this.eligible();
|
|
209
|
+
this.lastPool = pool;
|
|
210
|
+
if (pool.length === 0) {
|
|
211
|
+
this.previousSelection = undefined;
|
|
212
|
+
return [];
|
|
213
|
+
}
|
|
214
|
+
if (options.resetPrevious)
|
|
215
|
+
this.previousSelection = undefined;
|
|
216
|
+
const count = this.clampedCount(pool.length);
|
|
217
|
+
const selected = this.computeSelectionForMode(pool, count);
|
|
218
|
+
this.applySelection(pool, selected);
|
|
219
|
+
this.previousSelection = selected;
|
|
220
|
+
this.emit('lyra-content-change', { items: selected });
|
|
221
|
+
return selected;
|
|
222
|
+
}
|
|
223
|
+
stopAutoplay() {
|
|
224
|
+
if (this.timer !== undefined)
|
|
225
|
+
window.clearInterval(this.timer);
|
|
226
|
+
this.timer = undefined;
|
|
227
|
+
}
|
|
228
|
+
restartAutoplay() {
|
|
229
|
+
this.stopAutoplay();
|
|
230
|
+
if (!this.autoplay || this.reduceMotion || this.eligible().length < 2)
|
|
231
|
+
return;
|
|
232
|
+
const interval = finiteDuration(this.autoplayInterval, 3000, 1000);
|
|
233
|
+
this.timer = window.setInterval(() => {
|
|
234
|
+
this.reselect();
|
|
235
|
+
}, interval);
|
|
236
|
+
}
|
|
237
|
+
render() {
|
|
238
|
+
const hostLabel = this.getAttribute('aria-label');
|
|
239
|
+
return html `<div
|
|
240
|
+
part="base"
|
|
241
|
+
role="status"
|
|
242
|
+
aria-live=${this.autoplay ? 'off' : 'polite'}
|
|
243
|
+
aria-atomic="true"
|
|
244
|
+
aria-label=${hostLabel === null ? nothing : hostLabel}
|
|
245
|
+
>
|
|
246
|
+
<slot @slotchange=${this.onSlotChange}></slot>
|
|
247
|
+
</div>`;
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
__decorate([
|
|
251
|
+
property({ reflect: true })
|
|
252
|
+
], LyraRandomContent.prototype, "animation", void 0);
|
|
253
|
+
__decorate([
|
|
254
|
+
property({ type: Boolean, reflect: true })
|
|
255
|
+
], LyraRandomContent.prototype, "autoplay", void 0);
|
|
256
|
+
__decorate([
|
|
257
|
+
property({ type: Number, attribute: 'autoplay-interval' })
|
|
258
|
+
], LyraRandomContent.prototype, "autoplayInterval", void 0);
|
|
259
|
+
__decorate([
|
|
260
|
+
property({ type: Number })
|
|
261
|
+
], LyraRandomContent.prototype, "items", void 0);
|
|
262
|
+
__decorate([
|
|
263
|
+
property()
|
|
264
|
+
], LyraRandomContent.prototype, "mode", void 0);
|
|
265
|
+
__decorate([
|
|
266
|
+
query('slot')
|
|
267
|
+
], LyraRandomContent.prototype, "slotEl", void 0);
|
|
268
|
+
//# sourceMappingURL=random-content.class.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"random-content.class.js","sourceRoot":"","sources":["../../../src/components/random-content/random-content.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"random-content.d.ts","sourceRoot":"","sources":["../../../src/components/random-content/random-content.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"random-content.js","sourceRoot":"","sources":["../../../src/components/random-content/random-content.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"random-content.styles.d.ts","sourceRoot":"","sources":["../../../src/components/random-content/random-content.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA2FlB,CAAC"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `
|
|
3
|
+
:host {
|
|
4
|
+
display: block;
|
|
5
|
+
min-inline-size: 0;
|
|
6
|
+
}
|
|
7
|
+
/* Consumers needing an inline text-fragment swap inside a sentence can override
|
|
8
|
+
"lyra-random-content { display: inline; }" from outside -- not baked in here, since
|
|
9
|
+
"display: contents" on the host risks a11y-tree inconsistencies across engines and every
|
|
10
|
+
other component in this family defaults to "display: block". */
|
|
11
|
+
[part='base'] {
|
|
12
|
+
display: block;
|
|
13
|
+
min-inline-size: 0;
|
|
14
|
+
}
|
|
15
|
+
::slotted(*) {
|
|
16
|
+
animation-duration: var(--lyra-random-content-animation-duration, 300ms);
|
|
17
|
+
animation-timing-function: var(--lyra-random-content-animation-easing, ease);
|
|
18
|
+
}
|
|
19
|
+
:host(:not([animation='none'])) ::slotted(:not([hidden])) {
|
|
20
|
+
animation-name: lyra-random-content-fade-in;
|
|
21
|
+
}
|
|
22
|
+
:host([animation='fade-up']) ::slotted(:not([hidden])) {
|
|
23
|
+
animation-name: lyra-random-content-fade-in-up;
|
|
24
|
+
}
|
|
25
|
+
:host([animation='fade-down']) ::slotted(:not([hidden])) {
|
|
26
|
+
animation-name: lyra-random-content-fade-in-down;
|
|
27
|
+
}
|
|
28
|
+
:host([animation='fade-left']) ::slotted(:not([hidden])) {
|
|
29
|
+
animation-name: lyra-random-content-fade-in-left;
|
|
30
|
+
}
|
|
31
|
+
:host([animation='fade-right']) ::slotted(:not([hidden])) {
|
|
32
|
+
animation-name: lyra-random-content-fade-in-right;
|
|
33
|
+
}
|
|
34
|
+
@keyframes lyra-random-content-fade-in {
|
|
35
|
+
from {
|
|
36
|
+
opacity: 0;
|
|
37
|
+
}
|
|
38
|
+
to {
|
|
39
|
+
opacity: 1;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
@keyframes lyra-random-content-fade-in-up {
|
|
43
|
+
from {
|
|
44
|
+
opacity: 0;
|
|
45
|
+
transform: translateY(var(--lyra-random-content-animation-translate, var(--lyra-size-0-5em)));
|
|
46
|
+
}
|
|
47
|
+
to {
|
|
48
|
+
opacity: 1;
|
|
49
|
+
transform: translateY(0);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
@keyframes lyra-random-content-fade-in-down {
|
|
53
|
+
from {
|
|
54
|
+
opacity: 0;
|
|
55
|
+
transform: translateY(calc(-1 * var(--lyra-random-content-animation-translate, var(--lyra-size-0-5em))));
|
|
56
|
+
}
|
|
57
|
+
to {
|
|
58
|
+
opacity: 1;
|
|
59
|
+
transform: translateY(0);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
/* fade-left/fade-right are physical-direction transforms (matching the upstream naming this
|
|
63
|
+
component mirrors), not "previous/next" navigational semantics like a carousel chevron, so
|
|
64
|
+
they are deliberately not flipped under :host(:dir(rtl)). */
|
|
65
|
+
@keyframes lyra-random-content-fade-in-left {
|
|
66
|
+
from {
|
|
67
|
+
opacity: 0;
|
|
68
|
+
transform: translateX(var(--lyra-random-content-animation-translate, var(--lyra-size-0-5em)));
|
|
69
|
+
}
|
|
70
|
+
to {
|
|
71
|
+
opacity: 1;
|
|
72
|
+
transform: translateX(0);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
@keyframes lyra-random-content-fade-in-right {
|
|
76
|
+
from {
|
|
77
|
+
opacity: 0;
|
|
78
|
+
transform: translateX(calc(-1 * var(--lyra-random-content-animation-translate, var(--lyra-size-0-5em))));
|
|
79
|
+
}
|
|
80
|
+
to {
|
|
81
|
+
opacity: 1;
|
|
82
|
+
transform: translateX(0);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
/* The shared reduced-motion rule in tokens.styles.ts (:host *, :host *::before, ...) only
|
|
86
|
+
reaches the *shadow* tree -- it does not reach ::slotted() content, since slotted elements
|
|
87
|
+
live in the host's light DOM, not its shadow tree. Guard the entrance animation explicitly. */
|
|
88
|
+
@media (prefers-reduced-motion: reduce) {
|
|
89
|
+
::slotted(*) {
|
|
90
|
+
animation: none !important;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
`;
|
|
94
|
+
//# sourceMappingURL=random-content.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"random-content.styles.js","sourceRoot":"","sources":["../../../src/components/random-content/random-content.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FxB,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,
|
|
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,CAcxB;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"}
|
|
@@ -47,6 +47,18 @@ export class LyraResizeObserver extends LyraElement {
|
|
|
47
47
|
connectedCallback() {
|
|
48
48
|
super.connectedCallback();
|
|
49
49
|
this.addEventListener('slotchange', this.onSlotChange);
|
|
50
|
+
// A reconnect (e.g. a drag-and-drop reparent, a tab/panel re-hosting its
|
|
51
|
+
// children, a virtualized list moving this same element instance) fires
|
|
52
|
+
// disconnectedCallback then connectedCallback synchronously with no
|
|
53
|
+
// update and no slotchange in between (the assigned-node set is
|
|
54
|
+
// unchanged by a pure reparent) -- so neither updated()'s
|
|
55
|
+
// `changed.has('disabled') || changed.has('box')` gate nor a fresh
|
|
56
|
+
// slotchange ever fires to re-arm observation. disconnectedCallback
|
|
57
|
+
// already tore the previous ResizeObserver down, so resume it here on
|
|
58
|
+
// every reconnect after the very first (that initial case is already
|
|
59
|
+
// covered by the first render's own slotchange).
|
|
60
|
+
if (this.hasUpdated)
|
|
61
|
+
this.scheduleAfterUpdate(this.observeTargets);
|
|
50
62
|
}
|
|
51
63
|
disconnectedCallback() {
|
|
52
64
|
this.removeEventListener('slotchange', this.onSlotChange);
|
|
@@ -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":"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"}
|