@aceshooting/lyra-ui 2.12.0 → 2.13.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 +31 -2
- package/custom-elements.json +36931 -20053
- package/dist/components/badge/badge.class.d.ts +21 -0
- package/dist/components/badge/badge.class.d.ts.map +1 -0
- package/dist/components/badge/badge.class.js +29 -0
- package/dist/components/badge/badge.class.js.map +1 -0
- package/dist/components/badge/badge.d.ts +2 -0
- package/dist/components/badge/badge.d.ts.map +1 -0
- package/dist/components/badge/badge.js +5 -0
- package/dist/components/badge/badge.js.map +1 -0
- package/dist/components/badge/badge.styles.d.ts +2 -0
- package/dist/components/badge/badge.styles.d.ts.map +1 -0
- package/dist/components/badge/badge.styles.js +10 -0
- package/dist/components/badge/badge.styles.js.map +1 -0
- package/dist/components/badge/tag.class.d.ts +10 -0
- package/dist/components/badge/tag.class.d.ts.map +1 -0
- package/dist/components/badge/tag.class.js +5 -0
- package/dist/components/badge/tag.class.js.map +1 -0
- package/dist/components/badge/tag.d.ts +2 -0
- package/dist/components/badge/tag.d.ts.map +1 -0
- package/dist/components/badge/tag.js +5 -0
- package/dist/components/badge/tag.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-item.class.d.ts +22 -0
- package/dist/components/breadcrumb/breadcrumb-item.class.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-item.class.js +40 -0
- package/dist/components/breadcrumb/breadcrumb-item.class.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-item.d.ts +2 -0
- package/dist/components/breadcrumb/breadcrumb-item.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-item.js +5 -0
- package/dist/components/breadcrumb/breadcrumb-item.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.class.d.ts +20 -0
- package/dist/components/breadcrumb/breadcrumb.class.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.class.js +29 -0
- package/dist/components/breadcrumb/breadcrumb.class.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +2 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.js +5 -0
- package/dist/components/breadcrumb/breadcrumb.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.styles.d.ts +2 -0
- package/dist/components/breadcrumb/breadcrumb.styles.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.styles.js +8 -0
- package/dist/components/breadcrumb/breadcrumb.styles.js.map +1 -0
- package/dist/components/button-group/button-group.class.d.ts +25 -0
- package/dist/components/button-group/button-group.class.d.ts.map +1 -0
- package/dist/components/button-group/button-group.class.js +39 -0
- package/dist/components/button-group/button-group.class.js.map +1 -0
- package/dist/components/button-group/button-group.d.ts +2 -0
- package/dist/components/button-group/button-group.d.ts.map +1 -0
- package/dist/components/button-group/button-group.js +5 -0
- package/dist/components/button-group/button-group.js.map +1 -0
- package/dist/components/button-group/button-group.styles.d.ts +2 -0
- package/dist/components/button-group/button-group.styles.d.ts.map +1 -0
- package/dist/components/button-group/button-group.styles.js +33 -0
- package/dist/components/button-group/button-group.styles.js.map +1 -0
- package/dist/components/callout/callout.class.d.ts +39 -0
- package/dist/components/callout/callout.class.d.ts.map +1 -0
- package/dist/components/callout/callout.class.js +85 -0
- package/dist/components/callout/callout.class.js.map +1 -0
- package/dist/components/callout/callout.d.ts +2 -0
- package/dist/components/callout/callout.d.ts.map +1 -0
- package/dist/components/callout/callout.js +5 -0
- package/dist/components/callout/callout.js.map +1 -0
- package/dist/components/callout/callout.styles.d.ts +2 -0
- package/dist/components/callout/callout.styles.d.ts.map +1 -0
- package/dist/components/callout/callout.styles.js +16 -0
- package/dist/components/callout/callout.styles.js.map +1 -0
- package/dist/components/carousel/carousel-item.class.d.ts +21 -0
- package/dist/components/carousel/carousel-item.class.d.ts.map +1 -0
- package/dist/components/carousel/carousel-item.class.js +19 -0
- package/dist/components/carousel/carousel-item.class.js.map +1 -0
- package/dist/components/carousel/carousel-item.d.ts +2 -0
- package/dist/components/carousel/carousel-item.d.ts.map +1 -0
- package/dist/components/carousel/carousel-item.js +5 -0
- package/dist/components/carousel/carousel-item.js.map +1 -0
- package/dist/components/carousel/carousel-item.styles.d.ts +2 -0
- package/dist/components/carousel/carousel-item.styles.d.ts.map +1 -0
- package/dist/components/carousel/carousel-item.styles.js +12 -0
- package/dist/components/carousel/carousel-item.styles.js.map +1 -0
- package/dist/components/carousel/carousel.class.d.ts +61 -0
- package/dist/components/carousel/carousel.class.d.ts.map +1 -0
- package/dist/components/carousel/carousel.class.js +223 -0
- package/dist/components/carousel/carousel.class.js.map +1 -0
- package/dist/components/carousel/carousel.d.ts +3 -0
- package/dist/components/carousel/carousel.d.ts.map +1 -0
- package/dist/components/carousel/carousel.js +5 -0
- package/dist/components/carousel/carousel.js.map +1 -0
- package/dist/components/carousel/carousel.styles.d.ts +2 -0
- package/dist/components/carousel/carousel.styles.d.ts.map +1 -0
- package/dist/components/carousel/carousel.styles.js +81 -0
- package/dist/components/carousel/carousel.styles.js.map +1 -0
- package/dist/components/color-picker/color-picker.class.d.ts +46 -0
- package/dist/components/color-picker/color-picker.class.d.ts.map +1 -0
- package/dist/components/color-picker/color-picker.class.js +81 -0
- package/dist/components/color-picker/color-picker.class.js.map +1 -0
- package/dist/components/color-picker/color-picker.d.ts +2 -0
- package/dist/components/color-picker/color-picker.d.ts.map +1 -0
- package/dist/components/color-picker/color-picker.js +5 -0
- package/dist/components/color-picker/color-picker.js.map +1 -0
- package/dist/components/color-picker/color-picker.styles.d.ts +2 -0
- package/dist/components/color-picker/color-picker.styles.d.ts.map +1 -0
- package/dist/components/color-picker/color-picker.styles.js +9 -0
- package/dist/components/color-picker/color-picker.styles.js.map +1 -0
- package/dist/components/details/accordion-item.class.d.ts +10 -0
- package/dist/components/details/accordion-item.class.d.ts.map +1 -0
- package/dist/components/details/accordion-item.class.js +5 -0
- package/dist/components/details/accordion-item.class.js.map +1 -0
- package/dist/components/details/accordion-item.d.ts +2 -0
- package/dist/components/details/accordion-item.d.ts.map +1 -0
- package/dist/components/details/accordion-item.js +5 -0
- package/dist/components/details/accordion-item.js.map +1 -0
- package/dist/components/details/accordion.class.d.ts +23 -0
- package/dist/components/details/accordion.class.d.ts.map +1 -0
- package/dist/components/details/accordion.class.js +48 -0
- package/dist/components/details/accordion.class.js.map +1 -0
- package/dist/components/details/accordion.d.ts +2 -0
- package/dist/components/details/accordion.d.ts.map +1 -0
- package/dist/components/details/accordion.js +5 -0
- package/dist/components/details/accordion.js.map +1 -0
- package/dist/components/details/details.class.d.ts +33 -0
- package/dist/components/details/details.class.d.ts.map +1 -0
- package/dist/components/details/details.class.js +63 -0
- package/dist/components/details/details.class.js.map +1 -0
- package/dist/components/details/details.d.ts +2 -0
- package/dist/components/details/details.d.ts.map +1 -0
- package/dist/components/details/details.js +5 -0
- package/dist/components/details/details.js.map +1 -0
- package/dist/components/details/details.styles.d.ts +2 -0
- package/dist/components/details/details.styles.d.ts.map +1 -0
- package/dist/components/details/details.styles.js +13 -0
- package/dist/components/details/details.styles.js.map +1 -0
- package/dist/components/divider/divider.class.d.ts +20 -0
- package/dist/components/divider/divider.class.d.ts.map +1 -0
- package/dist/components/divider/divider.class.js +28 -0
- package/dist/components/divider/divider.class.js.map +1 -0
- package/dist/components/divider/divider.d.ts +2 -0
- package/dist/components/divider/divider.d.ts.map +1 -0
- package/dist/components/divider/divider.js +5 -0
- package/dist/components/divider/divider.js.map +1 -0
- package/dist/components/divider/divider.styles.d.ts +2 -0
- package/dist/components/divider/divider.styles.d.ts.map +1 -0
- package/dist/components/divider/divider.styles.js +8 -0
- package/dist/components/divider/divider.styles.js.map +1 -0
- package/dist/components/drawer/drawer.class.d.ts +26 -0
- package/dist/components/drawer/drawer.class.d.ts.map +1 -0
- package/dist/components/drawer/drawer.class.js +34 -0
- package/dist/components/drawer/drawer.class.js.map +1 -0
- package/dist/components/drawer/drawer.d.ts +3 -0
- package/dist/components/drawer/drawer.d.ts.map +1 -0
- package/dist/components/drawer/drawer.js +5 -0
- package/dist/components/drawer/drawer.js.map +1 -0
- package/dist/components/drawer/drawer.styles.d.ts +2 -0
- package/dist/components/drawer/drawer.styles.d.ts.map +1 -0
- package/dist/components/drawer/drawer.styles.js +73 -0
- package/dist/components/drawer/drawer.styles.js.map +1 -0
- package/dist/components/format/format-bytes.class.d.ts +21 -0
- package/dist/components/format/format-bytes.class.d.ts.map +1 -0
- package/dist/components/format/format-bytes.class.js +46 -0
- package/dist/components/format/format-bytes.class.js.map +1 -0
- package/dist/components/format/format-bytes.d.ts +2 -0
- package/dist/components/format/format-bytes.d.ts.map +1 -0
- package/dist/components/format/format-bytes.js +5 -0
- package/dist/components/format/format-bytes.js.map +1 -0
- package/dist/components/format/format-date.class.d.ts +25 -0
- package/dist/components/format/format-date.class.d.ts.map +1 -0
- package/dist/components/format/format-date.class.js +59 -0
- package/dist/components/format/format-date.class.js.map +1 -0
- package/dist/components/format/format-date.d.ts +2 -0
- package/dist/components/format/format-date.d.ts.map +1 -0
- package/dist/components/format/format-date.js +5 -0
- package/dist/components/format/format-date.js.map +1 -0
- package/dist/components/format/format-number.class.d.ts +24 -0
- package/dist/components/format/format-number.class.d.ts.map +1 -0
- package/dist/components/format/format-number.class.js +58 -0
- package/dist/components/format/format-number.class.js.map +1 -0
- package/dist/components/format/format-number.d.ts +2 -0
- package/dist/components/format/format-number.d.ts.map +1 -0
- package/dist/components/format/format-number.js +5 -0
- package/dist/components/format/format-number.js.map +1 -0
- package/dist/components/format/format.styles.d.ts +2 -0
- package/dist/components/format/format.styles.d.ts.map +1 -0
- package/dist/components/format/format.styles.js +3 -0
- package/dist/components/format/format.styles.js.map +1 -0
- package/dist/components/format/relative-time.class.d.ts +29 -0
- package/dist/components/format/relative-time.class.d.ts.map +1 -0
- package/dist/components/format/relative-time.class.js +62 -0
- package/dist/components/format/relative-time.class.js.map +1 -0
- package/dist/components/format/relative-time.d.ts +2 -0
- package/dist/components/format/relative-time.d.ts.map +1 -0
- package/dist/components/format/relative-time.js +5 -0
- package/dist/components/format/relative-time.js.map +1 -0
- package/dist/components/image-comparer/image-comparer.class.d.ts +43 -0
- package/dist/components/image-comparer/image-comparer.class.d.ts.map +1 -0
- package/dist/components/image-comparer/image-comparer.class.js +92 -0
- package/dist/components/image-comparer/image-comparer.class.js.map +1 -0
- package/dist/components/image-comparer/image-comparer.d.ts +3 -0
- package/dist/components/image-comparer/image-comparer.d.ts.map +1 -0
- package/dist/components/image-comparer/image-comparer.js +5 -0
- package/dist/components/image-comparer/image-comparer.js.map +1 -0
- package/dist/components/image-comparer/image-comparer.styles.d.ts +2 -0
- package/dist/components/image-comparer/image-comparer.styles.d.ts.map +1 -0
- package/dist/components/image-comparer/image-comparer.styles.js +70 -0
- package/dist/components/image-comparer/image-comparer.styles.js.map +1 -0
- package/dist/components/input/input.class.d.ts +12 -3
- package/dist/components/input/input.class.d.ts.map +1 -1
- package/dist/components/input/input.class.js +35 -2
- package/dist/components/input/input.class.js.map +1 -1
- package/dist/components/input/number-input.class.d.ts +17 -0
- package/dist/components/input/number-input.class.d.ts.map +1 -0
- package/dist/components/input/number-input.class.js +18 -0
- package/dist/components/input/number-input.class.js.map +1 -0
- package/dist/components/input/number-input.d.ts +2 -0
- package/dist/components/input/number-input.d.ts.map +1 -0
- package/dist/components/input/number-input.js +5 -0
- package/dist/components/input/number-input.js.map +1 -0
- package/dist/components/input/time-input.class.d.ts +16 -0
- package/dist/components/input/time-input.class.d.ts.map +1 -0
- package/dist/components/input/time-input.class.js +17 -0
- package/dist/components/input/time-input.class.js.map +1 -0
- package/dist/components/input/time-input.d.ts +2 -0
- package/dist/components/input/time-input.d.ts.map +1 -0
- package/dist/components/input/time-input.js +5 -0
- package/dist/components/input/time-input.js.map +1 -0
- package/dist/components/intersection-observer/intersection-observer.class.d.ts +37 -0
- package/dist/components/intersection-observer/intersection-observer.class.d.ts.map +1 -0
- package/dist/components/intersection-observer/intersection-observer.class.js +77 -0
- package/dist/components/intersection-observer/intersection-observer.class.js.map +1 -0
- package/dist/components/intersection-observer/intersection-observer.d.ts +2 -0
- package/dist/components/intersection-observer/intersection-observer.d.ts.map +1 -0
- package/dist/components/intersection-observer/intersection-observer.js +5 -0
- package/dist/components/intersection-observer/intersection-observer.js.map +1 -0
- package/dist/components/intersection-observer/intersection-observer.styles.d.ts +2 -0
- package/dist/components/intersection-observer/intersection-observer.styles.d.ts.map +1 -0
- package/dist/components/intersection-observer/intersection-observer.styles.js +8 -0
- package/dist/components/intersection-observer/intersection-observer.styles.js.map +1 -0
- package/dist/components/menu/dropdown-item.class.d.ts +18 -0
- package/dist/components/menu/dropdown-item.class.d.ts.map +1 -0
- package/dist/components/menu/dropdown-item.class.js +13 -0
- package/dist/components/menu/dropdown-item.class.js.map +1 -0
- package/dist/components/menu/dropdown-item.d.ts +2 -0
- package/dist/components/menu/dropdown-item.d.ts.map +1 -0
- package/dist/components/menu/dropdown-item.js +5 -0
- package/dist/components/menu/dropdown-item.js.map +1 -0
- package/dist/components/mutation-observer/mutation-observer.class.d.ts +40 -0
- package/dist/components/mutation-observer/mutation-observer.class.d.ts.map +1 -0
- package/dist/components/mutation-observer/mutation-observer.class.js +96 -0
- package/dist/components/mutation-observer/mutation-observer.class.js.map +1 -0
- package/dist/components/mutation-observer/mutation-observer.d.ts +2 -0
- package/dist/components/mutation-observer/mutation-observer.d.ts.map +1 -0
- package/dist/components/mutation-observer/mutation-observer.js +5 -0
- package/dist/components/mutation-observer/mutation-observer.js.map +1 -0
- package/dist/components/mutation-observer/mutation-observer.styles.d.ts +2 -0
- package/dist/components/mutation-observer/mutation-observer.styles.d.ts.map +1 -0
- package/dist/components/mutation-observer/mutation-observer.styles.js +8 -0
- package/dist/components/mutation-observer/mutation-observer.styles.js.map +1 -0
- package/dist/components/overlay/dropdown.class.d.ts +21 -0
- package/dist/components/overlay/dropdown.class.d.ts.map +1 -0
- package/dist/components/overlay/dropdown.class.js +18 -0
- package/dist/components/overlay/dropdown.class.js.map +1 -0
- package/dist/components/overlay/dropdown.d.ts +2 -0
- package/dist/components/overlay/dropdown.d.ts.map +1 -0
- package/dist/components/overlay/dropdown.js +5 -0
- package/dist/components/overlay/dropdown.js.map +1 -0
- package/dist/components/overlay/overlay.styles.d.ts +3 -0
- package/dist/components/overlay/overlay.styles.d.ts.map +1 -0
- package/dist/components/overlay/overlay.styles.js +29 -0
- package/dist/components/overlay/overlay.styles.js.map +1 -0
- package/dist/components/overlay/popover.class.d.ts +48 -0
- package/dist/components/overlay/popover.class.d.ts.map +1 -0
- package/dist/components/overlay/popover.class.js +132 -0
- package/dist/components/overlay/popover.class.js.map +1 -0
- package/dist/components/overlay/popover.d.ts +2 -0
- package/dist/components/overlay/popover.d.ts.map +1 -0
- package/dist/components/overlay/popover.js +5 -0
- package/dist/components/overlay/popover.js.map +1 -0
- package/dist/components/overlay/tooltip.class.d.ts +41 -0
- package/dist/components/overlay/tooltip.class.d.ts.map +1 -0
- package/dist/components/overlay/tooltip.class.js +118 -0
- package/dist/components/overlay/tooltip.class.js.map +1 -0
- package/dist/components/overlay/tooltip.d.ts +2 -0
- package/dist/components/overlay/tooltip.d.ts.map +1 -0
- package/dist/components/overlay/tooltip.js +5 -0
- package/dist/components/overlay/tooltip.js.map +1 -0
- package/dist/components/progress/progress-bar.class.d.ts +30 -0
- package/dist/components/progress/progress-bar.class.d.ts.map +1 -0
- package/dist/components/progress/progress-bar.class.js +61 -0
- package/dist/components/progress/progress-bar.class.js.map +1 -0
- package/dist/components/progress/progress-bar.d.ts +2 -0
- package/dist/components/progress/progress-bar.d.ts.map +1 -0
- package/dist/components/progress/progress-bar.js +5 -0
- package/dist/components/progress/progress-bar.js.map +1 -0
- package/dist/components/progress/progress-ring.class.d.ts +27 -0
- package/dist/components/progress/progress-ring.class.d.ts.map +1 -0
- package/dist/components/progress/progress-ring.class.js +59 -0
- package/dist/components/progress/progress-ring.class.js.map +1 -0
- package/dist/components/progress/progress-ring.d.ts +2 -0
- package/dist/components/progress/progress-ring.d.ts.map +1 -0
- package/dist/components/progress/progress-ring.js +5 -0
- package/dist/components/progress/progress-ring.js.map +1 -0
- package/dist/components/progress/progress.styles.d.ts +3 -0
- package/dist/components/progress/progress.styles.d.ts.map +1 -0
- package/dist/components/progress/progress.styles.js +23 -0
- package/dist/components/progress/progress.styles.js.map +1 -0
- package/dist/components/radio/radio-group.class.d.ts +49 -0
- package/dist/components/radio/radio-group.class.d.ts.map +1 -0
- package/dist/components/radio/radio-group.class.js +137 -0
- package/dist/components/radio/radio-group.class.js.map +1 -0
- package/dist/components/radio/radio-group.d.ts +2 -0
- package/dist/components/radio/radio-group.d.ts.map +1 -0
- package/dist/components/radio/radio-group.js +5 -0
- package/dist/components/radio/radio-group.js.map +1 -0
- package/dist/components/radio/radio-group.styles.d.ts +2 -0
- package/dist/components/radio/radio-group.styles.d.ts.map +1 -0
- package/dist/components/radio/radio-group.styles.js +11 -0
- package/dist/components/radio/radio-group.styles.js.map +1 -0
- package/dist/components/radio/radio.class.d.ts +97 -0
- package/dist/components/radio/radio.class.d.ts.map +1 -0
- package/dist/components/radio/radio.class.js +159 -0
- package/dist/components/radio/radio.class.js.map +1 -0
- package/dist/components/radio/radio.d.ts +2 -0
- package/dist/components/radio/radio.d.ts.map +1 -0
- package/dist/components/radio/radio.js +5 -0
- package/dist/components/radio/radio.js.map +1 -0
- package/dist/components/radio/radio.styles.d.ts +2 -0
- package/dist/components/radio/radio.styles.d.ts.map +1 -0
- package/dist/components/radio/radio.styles.js +57 -0
- package/dist/components/radio/radio.styles.js.map +1 -0
- package/dist/components/rating/rating.class.d.ts +34 -0
- package/dist/components/rating/rating.class.d.ts.map +1 -0
- package/dist/components/rating/rating.class.js +92 -0
- package/dist/components/rating/rating.class.js.map +1 -0
- package/dist/components/rating/rating.d.ts +2 -0
- package/dist/components/rating/rating.d.ts.map +1 -0
- package/dist/components/rating/rating.js +5 -0
- package/dist/components/rating/rating.js.map +1 -0
- package/dist/components/rating/rating.styles.d.ts +2 -0
- package/dist/components/rating/rating.styles.d.ts.map +1 -0
- package/dist/components/rating/rating.styles.js +10 -0
- package/dist/components/rating/rating.styles.js.map +1 -0
- package/dist/components/resize-observer/resize-observer.class.d.ts +37 -0
- package/dist/components/resize-observer/resize-observer.class.d.ts.map +1 -0
- package/dist/components/resize-observer/resize-observer.class.js +74 -0
- package/dist/components/resize-observer/resize-observer.class.js.map +1 -0
- package/dist/components/resize-observer/resize-observer.d.ts +2 -0
- package/dist/components/resize-observer/resize-observer.d.ts.map +1 -0
- package/dist/components/resize-observer/resize-observer.js +5 -0
- package/dist/components/resize-observer/resize-observer.js.map +1 -0
- package/dist/components/resize-observer/resize-observer.styles.d.ts +2 -0
- package/dist/components/resize-observer/resize-observer.styles.d.ts.map +1 -0
- package/dist/components/resize-observer/resize-observer.styles.js +11 -0
- package/dist/components/resize-observer/resize-observer.styles.js.map +1 -0
- package/dist/components/scroller/scroller.class.d.ts +54 -0
- package/dist/components/scroller/scroller.class.d.ts.map +1 -0
- package/dist/components/scroller/scroller.class.js +138 -0
- package/dist/components/scroller/scroller.class.js.map +1 -0
- package/dist/components/scroller/scroller.d.ts +2 -0
- package/dist/components/scroller/scroller.d.ts.map +1 -0
- package/dist/components/scroller/scroller.js +5 -0
- package/dist/components/scroller/scroller.js.map +1 -0
- package/dist/components/scroller/scroller.styles.d.ts +2 -0
- package/dist/components/scroller/scroller.styles.d.ts.map +1 -0
- package/dist/components/scroller/scroller.styles.js +94 -0
- package/dist/components/scroller/scroller.styles.js.map +1 -0
- package/dist/components/spinner/spinner.class.d.ts +24 -0
- package/dist/components/spinner/spinner.class.d.ts.map +1 -0
- package/dist/components/spinner/spinner.class.js +41 -0
- package/dist/components/spinner/spinner.class.js.map +1 -0
- package/dist/components/spinner/spinner.d.ts +2 -0
- package/dist/components/spinner/spinner.d.ts.map +1 -0
- package/dist/components/spinner/spinner.js +5 -0
- package/dist/components/spinner/spinner.js.map +1 -0
- package/dist/components/spinner/spinner.styles.d.ts +2 -0
- package/dist/components/spinner/spinner.styles.d.ts.map +1 -0
- package/dist/components/spinner/spinner.styles.js +17 -0
- package/dist/components/spinner/spinner.styles.js.map +1 -0
- package/dist/components/table/table.class.d.ts +87 -0
- package/dist/components/table/table.class.d.ts.map +1 -1
- package/dist/components/table/table.class.js +403 -113
- 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 +56 -0
- package/dist/components/table/table.styles.js.map +1 -1
- package/dist/components/textarea/textarea.class.d.ts +6 -2
- package/dist/components/textarea/textarea.class.d.ts.map +1 -1
- package/dist/components/textarea/textarea.class.js +6 -2
- package/dist/components/textarea/textarea.class.js.map +1 -1
- package/dist/components/zoomable-frame/zoomable-frame.class.d.ts +48 -0
- package/dist/components/zoomable-frame/zoomable-frame.class.d.ts.map +1 -0
- package/dist/components/zoomable-frame/zoomable-frame.class.js +115 -0
- package/dist/components/zoomable-frame/zoomable-frame.class.js.map +1 -0
- package/dist/components/zoomable-frame/zoomable-frame.d.ts +3 -0
- package/dist/components/zoomable-frame/zoomable-frame.d.ts.map +1 -0
- package/dist/components/zoomable-frame/zoomable-frame.js +5 -0
- package/dist/components/zoomable-frame/zoomable-frame.js.map +1 -0
- package/dist/components/zoomable-frame/zoomable-frame.styles.d.ts +2 -0
- package/dist/components/zoomable-frame/zoomable-frame.styles.d.ts.map +1 -0
- package/dist/components/zoomable-frame/zoomable-frame.styles.js +77 -0
- package/dist/components/zoomable-frame/zoomable-frame.styles.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 +25 -0
- package/dist/internal/localization.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 +36 -0
- package/dist/internal/root-registration-allowlist.js.map +1 -1
- package/dist/lyra.d.ts +93 -0
- package/dist/lyra.d.ts.map +1 -1
- package/dist/lyra.js +72 -0
- package/dist/lyra.js.map +1 -1
- package/dist/testing/happy-dom-shims.d.ts +5 -1
- package/dist/testing/happy-dom-shims.d.ts.map +1 -1
- package/dist/testing/happy-dom-shims.js +7 -1
- package/dist/testing/happy-dom-shims.js.map +1 -1
- package/llms-full.txt +441 -8
- package/llms.txt +13 -0
- package/package.json +73 -1
|
@@ -0,0 +1,137 @@
|
|
|
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, state } from 'lit/decorators.js';
|
|
9
|
+
import { LyraElement } from '../../internal/lyra-element.js';
|
|
10
|
+
import { tag } from '../../internal/prefix.js';
|
|
11
|
+
import { groupStyles } from './radio-group.styles.js';
|
|
12
|
+
/**
|
|
13
|
+
* `<lyra-radio-group>` — a labeled, keyboard-navigable group of radios.
|
|
14
|
+
*
|
|
15
|
+
* @customElement lyra-radio-group
|
|
16
|
+
* @slot - Radio controls.
|
|
17
|
+
* @slot label - Visible group label.
|
|
18
|
+
* @slot hint - Supporting text.
|
|
19
|
+
* @slot error - Validation text.
|
|
20
|
+
* @event lyra-change - A radio was selected. `detail: { value, radio }`.
|
|
21
|
+
* @csspart base - The radiogroup wrapper.
|
|
22
|
+
* @csspart label - The group label.
|
|
23
|
+
* @csspart hint - Supporting text.
|
|
24
|
+
* @csspart error - Validation text.
|
|
25
|
+
*/
|
|
26
|
+
export class LyraRadioGroup extends LyraElement {
|
|
27
|
+
constructor() {
|
|
28
|
+
super(...arguments);
|
|
29
|
+
this.label = '';
|
|
30
|
+
this.hint = '';
|
|
31
|
+
this.errorText = '';
|
|
32
|
+
this.name = '';
|
|
33
|
+
this.required = false;
|
|
34
|
+
this.disabled = false;
|
|
35
|
+
this.accessibleLabel = '';
|
|
36
|
+
this.hasLabelSlot = false;
|
|
37
|
+
this.hasHintSlot = false;
|
|
38
|
+
this.hasErrorSlot = false;
|
|
39
|
+
this.onKeyDown = (event) => {
|
|
40
|
+
if (!['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Home', 'End'].includes(event.key))
|
|
41
|
+
return;
|
|
42
|
+
const radios = this.radios().filter((radio) => !radio.disabled);
|
|
43
|
+
const current = event.target;
|
|
44
|
+
const index = radios.indexOf(current);
|
|
45
|
+
if (index < 0 || radios.length === 0)
|
|
46
|
+
return;
|
|
47
|
+
event.preventDefault();
|
|
48
|
+
const rtl = this.effectiveDirection === 'rtl';
|
|
49
|
+
const forward = event.key === 'ArrowDown' || (rtl ? event.key === 'ArrowLeft' : event.key === 'ArrowRight');
|
|
50
|
+
const backward = event.key === 'ArrowUp' || (rtl ? event.key === 'ArrowRight' : event.key === 'ArrowLeft');
|
|
51
|
+
const nextIndex = event.key === 'Home' ? 0 : event.key === 'End' ? radios.length - 1
|
|
52
|
+
: forward ? (index + 1) % radios.length : backward ? (index - 1 + radios.length) % radios.length : index;
|
|
53
|
+
const next = radios[nextIndex];
|
|
54
|
+
next.focus();
|
|
55
|
+
this.selectRadio(next);
|
|
56
|
+
};
|
|
57
|
+
this.onSlotChange = (event) => {
|
|
58
|
+
const slot = event.target;
|
|
59
|
+
const elements = slot.assignedElements({ flatten: true });
|
|
60
|
+
if (slot.name === 'label')
|
|
61
|
+
this.hasLabelSlot = elements.length > 0;
|
|
62
|
+
if (slot.name === 'hint')
|
|
63
|
+
this.hasHintSlot = elements.length > 0;
|
|
64
|
+
if (slot.name === 'error')
|
|
65
|
+
this.hasErrorSlot = elements.length > 0;
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
static { this.styles = [LyraElement.styles, groupStyles]; }
|
|
69
|
+
connectedCallback() {
|
|
70
|
+
super.connectedCallback();
|
|
71
|
+
this.syncRadios();
|
|
72
|
+
}
|
|
73
|
+
updated() { this.syncRadios(); }
|
|
74
|
+
radios() {
|
|
75
|
+
return [...this.querySelectorAll(tag('radio'))];
|
|
76
|
+
}
|
|
77
|
+
syncRadios() {
|
|
78
|
+
for (const radio of this.radios()) {
|
|
79
|
+
if (this.name && !radio.name)
|
|
80
|
+
radio.name = this.name;
|
|
81
|
+
if (this.required)
|
|
82
|
+
radio.required = true;
|
|
83
|
+
if (this.disabled)
|
|
84
|
+
radio.disabled = true;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
/** @internal */
|
|
88
|
+
selectRadio(radio) {
|
|
89
|
+
for (const candidate of this.radios())
|
|
90
|
+
candidate.checked = candidate === radio;
|
|
91
|
+
this.emit('lyra-change', { value: radio.value, radio });
|
|
92
|
+
}
|
|
93
|
+
render() {
|
|
94
|
+
const hasLabel = this.hasLabelSlot || Boolean(this.label);
|
|
95
|
+
const hasHint = this.hasHintSlot || Boolean(this.hint);
|
|
96
|
+
const hasError = this.hasErrorSlot || Boolean(this.errorText);
|
|
97
|
+
return html `
|
|
98
|
+
<div part="base" role="radiogroup" aria-label=${this.accessibleLabel || nothing} @keydown=${this.onKeyDown}>
|
|
99
|
+
<div part="label" ?hidden=${!hasLabel}>${this.label}<slot name="label" @slotchange=${this.onSlotChange}></slot></div>
|
|
100
|
+
<slot></slot>
|
|
101
|
+
<div part="hint" ?hidden=${!hasHint}>${this.hint}<slot name="hint" @slotchange=${this.onSlotChange}></slot></div>
|
|
102
|
+
<div part="error" ?hidden=${!hasError}>${this.errorText}<slot name="error" @slotchange=${this.onSlotChange}></slot></div>
|
|
103
|
+
</div>
|
|
104
|
+
`;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
__decorate([
|
|
108
|
+
property()
|
|
109
|
+
], LyraRadioGroup.prototype, "label", void 0);
|
|
110
|
+
__decorate([
|
|
111
|
+
property()
|
|
112
|
+
], LyraRadioGroup.prototype, "hint", void 0);
|
|
113
|
+
__decorate([
|
|
114
|
+
property({ attribute: 'error-text' })
|
|
115
|
+
], LyraRadioGroup.prototype, "errorText", void 0);
|
|
116
|
+
__decorate([
|
|
117
|
+
property()
|
|
118
|
+
], LyraRadioGroup.prototype, "name", void 0);
|
|
119
|
+
__decorate([
|
|
120
|
+
property({ type: Boolean, reflect: true })
|
|
121
|
+
], LyraRadioGroup.prototype, "required", void 0);
|
|
122
|
+
__decorate([
|
|
123
|
+
property({ type: Boolean, reflect: true })
|
|
124
|
+
], LyraRadioGroup.prototype, "disabled", void 0);
|
|
125
|
+
__decorate([
|
|
126
|
+
property({ attribute: 'aria-label' })
|
|
127
|
+
], LyraRadioGroup.prototype, "accessibleLabel", void 0);
|
|
128
|
+
__decorate([
|
|
129
|
+
state()
|
|
130
|
+
], LyraRadioGroup.prototype, "hasLabelSlot", void 0);
|
|
131
|
+
__decorate([
|
|
132
|
+
state()
|
|
133
|
+
], LyraRadioGroup.prototype, "hasHintSlot", void 0);
|
|
134
|
+
__decorate([
|
|
135
|
+
state()
|
|
136
|
+
], LyraRadioGroup.prototype, "hasErrorSlot", void 0);
|
|
137
|
+
//# sourceMappingURL=radio-group.class.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.class.js","sourceRoot":"","sources":["../../../src/components/radio/radio-group.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio-group.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio/radio-group.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.styles.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAQvB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const groupStyles = css `
|
|
3
|
+
:host { display: block; }
|
|
4
|
+
[part='base'] { display: flex; flex-direction: column; gap: var(--lyra-space-s); }
|
|
5
|
+
[part='label'] { color: var(--lyra-color-text); font-weight: var(--lyra-font-weight-semibold); }
|
|
6
|
+
[part='label'][hidden], [part='hint'][hidden], [part='error'][hidden] { display: none; }
|
|
7
|
+
[part='hint'], [part='error'] { font-size: var(--lyra-font-size-sm); }
|
|
8
|
+
[part='hint'] { color: var(--lyra-color-text-quiet); }
|
|
9
|
+
[part='error'] { color: var(--lyra-color-danger); }
|
|
10
|
+
`;
|
|
11
|
+
//# sourceMappingURL=radio-group.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.styles.js","sourceRoot":"","sources":["../../../src/components/radio/radio-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;CAQ7B,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { type TemplateResult } from 'lit';
|
|
2
|
+
import { LyraElement } from '../../internal/lyra-element.js';
|
|
3
|
+
export interface LyraRadioEventMap {
|
|
4
|
+
input: CustomEvent<undefined>;
|
|
5
|
+
change: CustomEvent<undefined>;
|
|
6
|
+
'lyra-change': CustomEvent<{
|
|
7
|
+
checked: boolean;
|
|
8
|
+
value: string;
|
|
9
|
+
}>;
|
|
10
|
+
focus: CustomEvent<undefined>;
|
|
11
|
+
blur: CustomEvent<undefined>;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* `<lyra-radio>` — a form-associated single-choice control. Radios can be used
|
|
15
|
+
* alone or inside `<lyra-radio-group>`.
|
|
16
|
+
*
|
|
17
|
+
* @customElement lyra-radio
|
|
18
|
+
* @slot - Label text.
|
|
19
|
+
* @event input - The user selected this radio.
|
|
20
|
+
* @event change - The user selected this radio.
|
|
21
|
+
* @event lyra-change - The selection changed. `detail: { checked, value }`.
|
|
22
|
+
* @csspart base - The interactive radio control.
|
|
23
|
+
* @csspart circle - The circular radio indicator.
|
|
24
|
+
* @csspart dot - The selected indicator.
|
|
25
|
+
* @csspart label - The default slot wrapper.
|
|
26
|
+
*/
|
|
27
|
+
export declare class LyraRadio extends LyraElement<LyraRadioEventMap> {
|
|
28
|
+
static styles: import("lit").CSSResultGroup[];
|
|
29
|
+
static formAssociated: boolean;
|
|
30
|
+
static properties: {
|
|
31
|
+
checked: {
|
|
32
|
+
type: BooleanConstructor;
|
|
33
|
+
reflect: boolean;
|
|
34
|
+
noAccessor: boolean;
|
|
35
|
+
};
|
|
36
|
+
disabled: {
|
|
37
|
+
type: BooleanConstructor;
|
|
38
|
+
reflect: boolean;
|
|
39
|
+
noAccessor: boolean;
|
|
40
|
+
};
|
|
41
|
+
name: {
|
|
42
|
+
reflect: boolean;
|
|
43
|
+
noAccessor: boolean;
|
|
44
|
+
};
|
|
45
|
+
required: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
reflect: boolean;
|
|
48
|
+
noAccessor: boolean;
|
|
49
|
+
};
|
|
50
|
+
value: {
|
|
51
|
+
reflect: boolean;
|
|
52
|
+
noAccessor: boolean;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
private hasLabel;
|
|
56
|
+
private internals;
|
|
57
|
+
private validityController;
|
|
58
|
+
private _checked;
|
|
59
|
+
private _disabled;
|
|
60
|
+
private _required;
|
|
61
|
+
private _name;
|
|
62
|
+
private _value;
|
|
63
|
+
private _fieldsetDisabled;
|
|
64
|
+
get checked(): boolean;
|
|
65
|
+
set checked(value: boolean);
|
|
66
|
+
get disabled(): boolean;
|
|
67
|
+
set disabled(value: boolean);
|
|
68
|
+
get required(): boolean;
|
|
69
|
+
set required(value: boolean);
|
|
70
|
+
get name(): string;
|
|
71
|
+
set name(value: string);
|
|
72
|
+
get value(): string;
|
|
73
|
+
set value(value: string);
|
|
74
|
+
get effectiveDisabled(): boolean;
|
|
75
|
+
get form(): HTMLFormElement | null;
|
|
76
|
+
get validity(): ValidityState;
|
|
77
|
+
get validationMessage(): string;
|
|
78
|
+
get willValidate(): boolean;
|
|
79
|
+
constructor();
|
|
80
|
+
connectedCallback(): void;
|
|
81
|
+
private updateValidity;
|
|
82
|
+
private syncFormState;
|
|
83
|
+
private group;
|
|
84
|
+
private select;
|
|
85
|
+
private onClick;
|
|
86
|
+
private onKeyDown;
|
|
87
|
+
private onFocus;
|
|
88
|
+
private onBlur;
|
|
89
|
+
private onSlotChange;
|
|
90
|
+
render(): TemplateResult;
|
|
91
|
+
}
|
|
92
|
+
declare global {
|
|
93
|
+
interface HTMLElementTagNameMap {
|
|
94
|
+
'lyra-radio': LyraRadio;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
//# sourceMappingURL=radio.class.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.class.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC/B,aAAa,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,SAAU,SAAQ,WAAW,CAAC,iBAAiB,CAAC;IAC3D,MAAM,CAAC,MAAM,iCAAgC;IAC7C,MAAM,CAAC,cAAc,UAAQ;IAE7B,MAAM,CAAC,UAAU;QACf,OAAO;YAAI,IAAI;YAAW,OAAO;YAAQ,UAAU;;QACnD,QAAQ;YAAI,IAAI;YAAW,OAAO;YAAQ,UAAU;;QACpD,IAAI;YAAI,OAAO;YAAQ,UAAU;;QACjC,QAAQ;YAAI,IAAI;YAAW,OAAO;YAAQ,UAAU;;QACpD,KAAK;YAAI,OAAO;YAAQ,UAAU;;MAClC;IAEO,OAAO,CAAC,QAAQ,CAAS;IAClC,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,iBAAiB,CAAS;IAElC,IAAI,OAAO,IAAI,OAAO,CAA0B;IAChD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAKzB;IACD,IAAI,QAAQ,IAAI,OAAO,CAA2B;IAClD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAK1B;IACD,IAAI,QAAQ,IAAI,OAAO,CAA2B;IAClD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IACD,IAAI,IAAI,IAAI,MAAM,CAAuB;IACzC,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAMrB;IACD,IAAI,KAAK,IAAI,MAAM,CAAwB;IAC3C,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAOtB;IACD,IAAI,iBAAiB,IAAI,OAAO,CAAoD;IACpF,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAAgC;IAClE,IAAI,QAAQ,IAAI,aAAa,CAAoC;IACjE,IAAI,iBAAiB,IAAI,MAAM,CAA6C;IAC5E,IAAI,YAAY,IAAI,OAAO,CAAwC;IAEnE,cAKC;IAOD,iBAAiB,IAAI,IAAI,CAIxB;IAED,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,KAAK;IAGb,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,SAAS,CAMf;IACF,OAAO,CAAC,OAAO,CAAuC;IACtD,OAAO,CAAC,MAAM,CAAsC;IACpD,OAAO,CAAC,YAAY,CAGlB;IAEF,MAAM,IAAI,cAAc,CAYvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,YAAY,EAAE,SAAS,CAAC;KAAE;CAAE"}
|
|
@@ -0,0 +1,159 @@
|
|
|
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 { state } from 'lit/decorators.js';
|
|
9
|
+
import { LyraElement } from '../../internal/lyra-element.js';
|
|
10
|
+
import { AnchoredValidityController, VALIDITY_ANCHOR } from '../../internal/anchored-validity.js';
|
|
11
|
+
import { tag } from '../../internal/prefix.js';
|
|
12
|
+
import { styles } from './radio.styles.js';
|
|
13
|
+
/**
|
|
14
|
+
* `<lyra-radio>` — a form-associated single-choice control. Radios can be used
|
|
15
|
+
* alone or inside `<lyra-radio-group>`.
|
|
16
|
+
*
|
|
17
|
+
* @customElement lyra-radio
|
|
18
|
+
* @slot - Label text.
|
|
19
|
+
* @event input - The user selected this radio.
|
|
20
|
+
* @event change - The user selected this radio.
|
|
21
|
+
* @event lyra-change - The selection changed. `detail: { checked, value }`.
|
|
22
|
+
* @csspart base - The interactive radio control.
|
|
23
|
+
* @csspart circle - The circular radio indicator.
|
|
24
|
+
* @csspart dot - The selected indicator.
|
|
25
|
+
* @csspart label - The default slot wrapper.
|
|
26
|
+
*/
|
|
27
|
+
export class LyraRadio extends LyraElement {
|
|
28
|
+
static { this.styles = [LyraElement.styles, styles]; }
|
|
29
|
+
static { this.formAssociated = true; }
|
|
30
|
+
static { this.properties = {
|
|
31
|
+
checked: { type: Boolean, reflect: true, noAccessor: true },
|
|
32
|
+
disabled: { type: Boolean, reflect: true, noAccessor: true },
|
|
33
|
+
name: { reflect: true, noAccessor: true },
|
|
34
|
+
required: { type: Boolean, reflect: true, noAccessor: true },
|
|
35
|
+
value: { reflect: true, noAccessor: true },
|
|
36
|
+
}; }
|
|
37
|
+
get checked() { return this._checked; }
|
|
38
|
+
set checked(value) {
|
|
39
|
+
const old = this._checked;
|
|
40
|
+
this._checked = Boolean(value);
|
|
41
|
+
this.syncFormState();
|
|
42
|
+
this.requestUpdate('checked', old);
|
|
43
|
+
}
|
|
44
|
+
get disabled() { return this._disabled; }
|
|
45
|
+
set disabled(value) {
|
|
46
|
+
const old = this._disabled;
|
|
47
|
+
this._disabled = Boolean(value);
|
|
48
|
+
this.toggleAttribute('disabled', this._disabled);
|
|
49
|
+
this.requestUpdate('disabled', old);
|
|
50
|
+
}
|
|
51
|
+
get required() { return this._required; }
|
|
52
|
+
set required(value) {
|
|
53
|
+
const old = this._required;
|
|
54
|
+
this._required = Boolean(value);
|
|
55
|
+
this.toggleAttribute('required', this._required);
|
|
56
|
+
this.updateValidity();
|
|
57
|
+
this.requestUpdate('required', old);
|
|
58
|
+
}
|
|
59
|
+
get name() { return this._name; }
|
|
60
|
+
set name(value) {
|
|
61
|
+
const old = this._name;
|
|
62
|
+
this._name = value ?? '';
|
|
63
|
+
this.toggleAttribute('name', Boolean(this._name));
|
|
64
|
+
if (this._name)
|
|
65
|
+
this.setAttribute('name', this._name);
|
|
66
|
+
this.requestUpdate('name', old);
|
|
67
|
+
}
|
|
68
|
+
get value() { return this._value; }
|
|
69
|
+
set value(value) {
|
|
70
|
+
const old = this._value;
|
|
71
|
+
this._value = value ?? 'on';
|
|
72
|
+
this.toggleAttribute('value', Boolean(this._value));
|
|
73
|
+
if (this._value)
|
|
74
|
+
this.setAttribute('value', this._value);
|
|
75
|
+
this.syncFormState();
|
|
76
|
+
this.requestUpdate('value', old);
|
|
77
|
+
}
|
|
78
|
+
get effectiveDisabled() { return this.disabled || this._fieldsetDisabled; }
|
|
79
|
+
get form() { return this.internals.form; }
|
|
80
|
+
get validity() { return this.internals.validity; }
|
|
81
|
+
get validationMessage() { return this.internals.validationMessage; }
|
|
82
|
+
get willValidate() { return this.internals.willValidate; }
|
|
83
|
+
constructor() {
|
|
84
|
+
super();
|
|
85
|
+
this.hasLabel = false;
|
|
86
|
+
this._checked = false;
|
|
87
|
+
this._disabled = false;
|
|
88
|
+
this._required = false;
|
|
89
|
+
this._name = '';
|
|
90
|
+
this._value = 'on';
|
|
91
|
+
this._fieldsetDisabled = false;
|
|
92
|
+
this.onClick = () => this.select();
|
|
93
|
+
this.onKeyDown = (event) => {
|
|
94
|
+
if (this.effectiveDisabled)
|
|
95
|
+
return;
|
|
96
|
+
if (event.key === ' ' || event.key === 'Spacebar') {
|
|
97
|
+
event.preventDefault();
|
|
98
|
+
this.select();
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
this.onFocus = () => { this.emit('focus'); };
|
|
102
|
+
this.onBlur = () => { this.emit('blur'); };
|
|
103
|
+
this.onSlotChange = (event) => {
|
|
104
|
+
this.hasLabel = event.target.assignedNodes({ flatten: true })
|
|
105
|
+
.some((node) => (node.textContent ?? '').trim().length > 0);
|
|
106
|
+
};
|
|
107
|
+
this.internals = this.attachInternals();
|
|
108
|
+
this.validityController = new AnchoredValidityController(this, this.internals, () => this[VALIDITY_ANCHOR]());
|
|
109
|
+
this.syncFormState();
|
|
110
|
+
}
|
|
111
|
+
/** @internal */
|
|
112
|
+
[VALIDITY_ANCHOR]() {
|
|
113
|
+
return this.renderRoot?.querySelector('[part="base"]') ?? null;
|
|
114
|
+
}
|
|
115
|
+
connectedCallback() {
|
|
116
|
+
super.connectedCallback();
|
|
117
|
+
this.hasLabel = Array.from(this.childNodes).some((node) => (node.textContent ?? '').trim().length > 0);
|
|
118
|
+
this.updateValidity();
|
|
119
|
+
}
|
|
120
|
+
updateValidity() {
|
|
121
|
+
this.validityController.setValidity(this.required && !this.checked ? { valueMissing: true } : {}, this.localize('radioRequired'));
|
|
122
|
+
}
|
|
123
|
+
syncFormState() {
|
|
124
|
+
this.internals.setFormValue(this.checked ? this.value : null, this.checked ? 'checked' : 'unchecked');
|
|
125
|
+
this.updateValidity();
|
|
126
|
+
}
|
|
127
|
+
group() {
|
|
128
|
+
return this.closest(tag('radio-group'));
|
|
129
|
+
}
|
|
130
|
+
select() {
|
|
131
|
+
if (this.effectiveDisabled || this.checked)
|
|
132
|
+
return;
|
|
133
|
+
const group = this.group();
|
|
134
|
+
if (group?.selectRadio)
|
|
135
|
+
group.selectRadio(this);
|
|
136
|
+
else
|
|
137
|
+
this.checked = true;
|
|
138
|
+
this.emit('input');
|
|
139
|
+
this.emit('change');
|
|
140
|
+
this.emit('lyra-change', { checked: true, value: this.value });
|
|
141
|
+
}
|
|
142
|
+
render() {
|
|
143
|
+
return html `
|
|
144
|
+
<span part="base" role="radio" tabindex=${this.effectiveDisabled ? '-1' : '0'}
|
|
145
|
+
aria-checked=${this.checked ? 'true' : 'false'}
|
|
146
|
+
aria-disabled=${this.effectiveDisabled ? 'true' : 'false'}
|
|
147
|
+
aria-required=${this.required ? 'true' : 'false'}
|
|
148
|
+
aria-label=${this.getAttribute('aria-label') || nothing}
|
|
149
|
+
@click=${this.onClick} @keydown=${this.onKeyDown} @focus=${this.onFocus} @blur=${this.onBlur}>
|
|
150
|
+
<span part="circle">${this.checked ? html `<span part="dot"></span>` : nothing}</span>
|
|
151
|
+
<span part="label" ?hidden=${!this.hasLabel}><slot @slotchange=${this.onSlotChange}></slot></span>
|
|
152
|
+
</span>
|
|
153
|
+
`;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
__decorate([
|
|
157
|
+
state()
|
|
158
|
+
], LyraRadio.prototype, "hasLabel", void 0);
|
|
159
|
+
//# sourceMappingURL=radio.class.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.class.js","sourceRoot":"","sources":["../../../src/components/radio/radio.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/radio/radio.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.styles.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAsDlB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `
|
|
3
|
+
:host {
|
|
4
|
+
display: inline-block;
|
|
5
|
+
}
|
|
6
|
+
[part='base'] {
|
|
7
|
+
display: inline-flex;
|
|
8
|
+
align-items: center;
|
|
9
|
+
gap: var(--lyra-space-s);
|
|
10
|
+
cursor: pointer;
|
|
11
|
+
-webkit-tap-highlight-color: transparent;
|
|
12
|
+
}
|
|
13
|
+
[part='base']:focus-visible {
|
|
14
|
+
outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
|
|
15
|
+
outline-offset: var(--lyra-focus-ring-offset);
|
|
16
|
+
}
|
|
17
|
+
:host([disabled]) [part='base'] {
|
|
18
|
+
cursor: not-allowed;
|
|
19
|
+
opacity: var(--lyra-opacity-disabled);
|
|
20
|
+
}
|
|
21
|
+
[part='circle'] {
|
|
22
|
+
display: inline-flex;
|
|
23
|
+
align-items: center;
|
|
24
|
+
justify-content: center;
|
|
25
|
+
flex: 0 0 auto;
|
|
26
|
+
inline-size: min(var(--lyra-icon-button-size), var(--lyra-size-1-75rem));
|
|
27
|
+
block-size: min(var(--lyra-icon-button-size), var(--lyra-size-1-75rem));
|
|
28
|
+
box-sizing: border-box;
|
|
29
|
+
border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
|
|
30
|
+
border-radius: var(--lyra-radius-pill);
|
|
31
|
+
background: var(--lyra-color-surface);
|
|
32
|
+
transition: border-color var(--lyra-transition-fast), background-color var(--lyra-transition-fast);
|
|
33
|
+
}
|
|
34
|
+
:host(:not([disabled])) [part='base']:hover [part='circle'] {
|
|
35
|
+
border-color: var(--lyra-color-brand);
|
|
36
|
+
}
|
|
37
|
+
:host([checked]) [part='circle'] {
|
|
38
|
+
border-color: var(--lyra-color-brand);
|
|
39
|
+
}
|
|
40
|
+
[part='dot'] {
|
|
41
|
+
inline-size: var(--lyra-size-0-75rem);
|
|
42
|
+
block-size: var(--lyra-size-0-75rem);
|
|
43
|
+
border-radius: var(--lyra-radius-pill);
|
|
44
|
+
background: var(--lyra-color-brand);
|
|
45
|
+
}
|
|
46
|
+
[part='label'][hidden] {
|
|
47
|
+
display: none;
|
|
48
|
+
}
|
|
49
|
+
[part='label'] {
|
|
50
|
+
color: var(--lyra-color-text);
|
|
51
|
+
font-size: var(--lyra-font-size-md-sm);
|
|
52
|
+
}
|
|
53
|
+
@media (prefers-reduced-motion: reduce) {
|
|
54
|
+
[part='circle'] { transition: none !important; }
|
|
55
|
+
}
|
|
56
|
+
`;
|
|
57
|
+
//# sourceMappingURL=radio.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.styles.js","sourceRoot":"","sources":["../../../src/components/radio/radio.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDxB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type TemplateResult } from 'lit';
|
|
2
|
+
import { LyraElement } from '../../internal/lyra-element.js';
|
|
3
|
+
export interface LyraRatingEventMap {
|
|
4
|
+
'lyra-change': CustomEvent<{
|
|
5
|
+
value: number;
|
|
6
|
+
}>;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* `<lyra-rating>` — a keyboard-accessible star rating control.
|
|
10
|
+
*
|
|
11
|
+
* @customElement lyra-rating
|
|
12
|
+
* @event lyra-change - The rating changed. `detail: { value }`.
|
|
13
|
+
* @csspart base - The slider-like rating control.
|
|
14
|
+
* @csspart star - Each visual star.
|
|
15
|
+
*/
|
|
16
|
+
export declare class LyraRating extends LyraElement<LyraRatingEventMap> {
|
|
17
|
+
static styles: import("lit").CSSResultGroup[];
|
|
18
|
+
value: number;
|
|
19
|
+
max: number;
|
|
20
|
+
precision: number;
|
|
21
|
+
readonly: boolean;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
accessibleLabel: string;
|
|
24
|
+
private setValue;
|
|
25
|
+
private onClick;
|
|
26
|
+
private onKeyDown;
|
|
27
|
+
render(): TemplateResult;
|
|
28
|
+
}
|
|
29
|
+
declare global {
|
|
30
|
+
interface HTMLElementTagNameMap {
|
|
31
|
+
'lyra-rating': LyraRating;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=rating.class.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rating.class.d.ts","sourceRoot":"","sources":["../../../src/components/rating/rating.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,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;AAEtF;;;;;;;GAOG;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;IAMhB,OAAO,CAAC,OAAO,CAGb;IACF,OAAO,CAAC,SAAS,CAKf;IACF,MAAM,IAAI,cAAc,CAYvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,aAAa,EAAE,UAAU,CAAC;KAAE;CAAE"}
|