@sondor-technology/sondor-components 1.0.9 → 1.0.10
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/dist/components/accordion/accordion.constants.d.ts +5 -0
- package/dist/components/accordion/accordion.constants.d.ts.map +1 -0
- package/dist/components/accordion/accordion.constants.js +3 -0
- package/dist/components/accordion/accordion.constants.js.map +1 -0
- package/dist/components/accordion/accordion.d.ts +29 -0
- package/dist/components/accordion/accordion.d.ts.map +1 -0
- package/dist/components/accordion/accordion.js +226 -0
- package/dist/components/accordion/accordion.js.map +1 -0
- package/dist/components/alert/alert.constants.d.ts +2 -0
- package/dist/components/alert/alert.constants.d.ts.map +1 -1
- package/dist/components/alert/alert.d.ts +50 -2
- package/dist/components/alert/alert.d.ts.map +1 -1
- package/dist/components/alert/alert.js +285 -16
- package/dist/components/alert/alert.js.map +1 -1
- package/dist/components/avatar/avatar.d.ts +20 -0
- package/dist/components/avatar/avatar.d.ts.map +1 -0
- package/dist/components/avatar/avatar.js +100 -0
- package/dist/components/avatar/avatar.js.map +1 -0
- package/dist/components/back-to-top/back-to-top.d.ts +29 -0
- package/dist/components/back-to-top/back-to-top.d.ts.map +1 -0
- package/dist/components/back-to-top/back-to-top.js +149 -0
- package/dist/components/back-to-top/back-to-top.js.map +1 -0
- package/dist/components/bar-chart/bar-chart.d.ts +42 -0
- package/dist/components/bar-chart/bar-chart.d.ts.map +1 -0
- package/dist/components/bar-chart/bar-chart.js +298 -0
- package/dist/components/bar-chart/bar-chart.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.js +2 -2
- package/dist/components/button/button.d.ts +1 -0
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +8 -8
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/button-group/button-group.js +4 -4
- package/dist/components/calendar/calendar.d.ts.map +1 -1
- package/dist/components/calendar/calendar.js +11 -9
- package/dist/components/calendar/calendar.js.map +1 -1
- package/dist/components/chart/chart-base.d.ts +59 -0
- package/dist/components/chart/chart-base.d.ts.map +1 -0
- package/dist/components/chart/chart-base.js +261 -0
- package/dist/components/chart/chart-base.js.map +1 -0
- package/dist/components/chart/chart.utils.d.ts +27 -0
- package/dist/components/chart/chart.utils.d.ts.map +1 -0
- package/dist/components/chart/chart.utils.js +117 -0
- package/dist/components/chart/chart.utils.js.map +1 -0
- package/dist/components/code-block/code-block.d.ts +5 -0
- package/dist/components/code-block/code-block.d.ts.map +1 -1
- package/dist/components/code-block/code-block.js +34 -24
- package/dist/components/code-block/code-block.js.map +1 -1
- package/dist/components/consent/consent.d.ts +63 -0
- package/dist/components/consent/consent.d.ts.map +1 -0
- package/dist/components/consent/consent.js +327 -0
- package/dist/components/consent/consent.js.map +1 -0
- package/dist/components/consent/consent.utils.d.ts +36 -0
- package/dist/components/consent/consent.utils.d.ts.map +1 -0
- package/dist/components/consent/consent.utils.js +82 -0
- package/dist/components/consent/consent.utils.js.map +1 -0
- package/dist/components/contact/contact.d.ts +22 -0
- package/dist/components/contact/contact.d.ts.map +1 -0
- package/dist/components/contact/contact.js +83 -0
- package/dist/components/contact/contact.js.map +1 -0
- package/dist/components/container/container.d.ts +20 -0
- package/dist/components/container/container.d.ts.map +1 -0
- package/dist/components/container/container.js +68 -0
- package/dist/components/container/container.js.map +1 -0
- package/dist/components/content-card/content-card.js +4 -4
- package/dist/components/context-menu/context-menu.d.ts +89 -0
- package/dist/components/context-menu/context-menu.d.ts.map +1 -0
- package/dist/components/context-menu/context-menu.js +414 -0
- package/dist/components/context-menu/context-menu.js.map +1 -0
- package/dist/components/cron-builder/cron-builder.d.ts.map +1 -1
- package/dist/components/cron-builder/cron-builder.js +13 -11
- package/dist/components/cron-builder/cron-builder.js.map +1 -1
- package/dist/components/cta/cta.d.ts +20 -0
- package/dist/components/cta/cta.d.ts.map +1 -0
- package/dist/components/cta/cta.js +64 -0
- package/dist/components/cta/cta.js.map +1 -0
- package/dist/components/drawer/drawer.js +6 -6
- package/dist/components/faq/faq-item.d.ts +22 -0
- package/dist/components/faq/faq-item.d.ts.map +1 -0
- package/dist/components/faq/faq-item.js +117 -0
- package/dist/components/faq/faq-item.js.map +1 -0
- package/dist/components/faq/faq.d.ts +18 -0
- package/dist/components/faq/faq.d.ts.map +1 -0
- package/dist/components/faq/faq.js +38 -0
- package/dist/components/faq/faq.js.map +1 -0
- package/dist/components/feature-grid/feature-grid.d.ts +22 -0
- package/dist/components/feature-grid/feature-grid.d.ts.map +1 -0
- package/dist/components/feature-grid/feature-grid.js +55 -0
- package/dist/components/feature-grid/feature-grid.js.map +1 -0
- package/dist/components/feature-grid/feature.d.ts +18 -0
- package/dist/components/feature-grid/feature.d.ts.map +1 -0
- package/dist/components/feature-grid/feature.js +91 -0
- package/dist/components/feature-grid/feature.js.map +1 -0
- package/dist/components/field/field.js +2 -2
- package/dist/components/footer/footer.js +4 -4
- package/dist/components/form/form-reset.d.ts +7 -0
- package/dist/components/form/form-reset.d.ts.map +1 -0
- package/dist/components/form/form-reset.js +47 -0
- package/dist/components/form/form-reset.js.map +1 -0
- package/dist/components/form/form.d.ts +5 -0
- package/dist/components/form/form.d.ts.map +1 -1
- package/dist/components/form/form.js +17 -3
- package/dist/components/form/form.js.map +1 -1
- package/dist/components/grid/grid.d.ts +5 -0
- package/dist/components/grid/grid.d.ts.map +1 -1
- package/dist/components/grid/grid.js +86 -4
- package/dist/components/grid/grid.js.map +1 -1
- package/dist/components/heat-map/heat-map.d.ts +39 -0
- package/dist/components/heat-map/heat-map.d.ts.map +1 -0
- package/dist/components/heat-map/heat-map.js +306 -0
- package/dist/components/heat-map/heat-map.js.map +1 -0
- package/dist/components/hero/hero.d.ts +26 -0
- package/dist/components/hero/hero.d.ts.map +1 -0
- package/dist/components/hero/hero.js +132 -0
- package/dist/components/hero/hero.js.map +1 -0
- package/dist/components/icon/icon-paths.d.ts +84 -0
- package/dist/components/icon/icon-paths.d.ts.map +1 -1
- package/dist/components/icon/icon-paths.js +89 -0
- package/dist/components/icon/icon-paths.js.map +1 -1
- package/dist/components/icon/icon.d.ts +2 -0
- package/dist/components/icon/icon.d.ts.map +1 -1
- package/dist/components/icon/icon.js +10 -1
- package/dist/components/icon/icon.js.map +1 -1
- package/dist/components/image/image.d.ts +31 -0
- package/dist/components/image/image.d.ts.map +1 -0
- package/dist/components/image/image.js +179 -0
- package/dist/components/image/image.js.map +1 -0
- package/dist/components/input/input.js +4 -4
- package/dist/components/lazy/lazy.d.ts +34 -0
- package/dist/components/lazy/lazy.d.ts.map +1 -0
- package/dist/components/lazy/lazy.js +104 -0
- package/dist/components/lazy/lazy.js.map +1 -0
- package/dist/components/line-chart/line-chart.d.ts +37 -0
- package/dist/components/line-chart/line-chart.d.ts.map +1 -0
- package/dist/components/line-chart/line-chart.js +271 -0
- package/dist/components/line-chart/line-chart.js.map +1 -0
- package/dist/components/list/list-item.d.ts +45 -0
- package/dist/components/list/list-item.d.ts.map +1 -0
- package/dist/components/list/list-item.js +263 -0
- package/dist/components/list/list-item.js.map +1 -0
- package/dist/components/list/list.d.ts +50 -0
- package/dist/components/list/list.d.ts.map +1 -0
- package/dist/components/list/list.js +161 -0
- package/dist/components/list/list.js.map +1 -0
- package/dist/components/logo-cloud/logo-cloud.d.ts +19 -0
- package/dist/components/logo-cloud/logo-cloud.d.ts.map +1 -0
- package/dist/components/logo-cloud/logo-cloud.js +66 -0
- package/dist/components/logo-cloud/logo-cloud.js.map +1 -0
- package/dist/components/modal/modal.d.ts +12 -0
- package/dist/components/modal/modal.d.ts.map +1 -1
- package/dist/components/modal/modal.js +40 -11
- package/dist/components/modal/modal.js.map +1 -1
- package/dist/components/page-layout/page-layout.js +8 -8
- package/dist/components/pagination/pagination.d.ts +15 -0
- package/dist/components/pagination/pagination.d.ts.map +1 -0
- package/dist/components/pagination/pagination.js +126 -0
- package/dist/components/pagination/pagination.js.map +1 -0
- package/dist/components/pagination/pagination.utils.d.ts +3 -0
- package/dist/components/pagination/pagination.utils.d.ts.map +1 -0
- package/dist/components/pagination/pagination.utils.js +19 -0
- package/dist/components/pagination/pagination.utils.js.map +1 -0
- package/dist/components/pie-chart/pie-chart.d.ts +33 -0
- package/dist/components/pie-chart/pie-chart.d.ts.map +1 -0
- package/dist/components/pie-chart/pie-chart.js +233 -0
- package/dist/components/pie-chart/pie-chart.js.map +1 -0
- package/dist/components/pin-input/pin-input.js +4 -4
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/popover/popover.js +1 -3
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/post-list/post-card.d.ts +16 -0
- package/dist/components/post-list/post-card.d.ts.map +1 -0
- package/dist/components/post-list/post-card.js +22 -0
- package/dist/components/post-list/post-card.js.map +1 -0
- package/dist/components/post-list/post-list.d.ts +17 -0
- package/dist/components/post-list/post-list.d.ts.map +1 -0
- package/dist/components/post-list/post-list.js +23 -0
- package/dist/components/post-list/post-list.js.map +1 -0
- package/dist/components/pricing/pricing-tier.d.ts +23 -0
- package/dist/components/pricing/pricing-tier.d.ts.map +1 -0
- package/dist/components/pricing/pricing-tier.js +144 -0
- package/dist/components/pricing/pricing-tier.js.map +1 -0
- package/dist/components/pricing/pricing.d.ts +18 -0
- package/dist/components/pricing/pricing.d.ts.map +1 -0
- package/dist/components/pricing/pricing.js +38 -0
- package/dist/components/pricing/pricing.js.map +1 -0
- package/dist/components/progress/progress.d.ts +17 -0
- package/dist/components/progress/progress.d.ts.map +1 -0
- package/dist/components/progress/progress.js +109 -0
- package/dist/components/progress/progress.js.map +1 -0
- package/dist/components/project-grid/project-card.d.ts +17 -0
- package/dist/components/project-grid/project-card.d.ts.map +1 -0
- package/dist/components/project-grid/project-card.js +23 -0
- package/dist/components/project-grid/project-card.js.map +1 -0
- package/dist/components/project-grid/project-grid.d.ts +17 -0
- package/dist/components/project-grid/project-grid.d.ts.map +1 -0
- package/dist/components/project-grid/project-grid.js +23 -0
- package/dist/components/project-grid/project-grid.js.map +1 -0
- package/dist/components/radio/radio.js +1 -1
- package/dist/components/reveal/reveal.constants.d.ts +10 -0
- package/dist/components/reveal/reveal.constants.d.ts.map +1 -0
- package/dist/components/reveal/reveal.constants.js +11 -0
- package/dist/components/reveal/reveal.constants.js.map +1 -0
- package/dist/components/reveal/reveal.d.ts +64 -0
- package/dist/components/reveal/reveal.d.ts.map +1 -0
- package/dist/components/reveal/reveal.js +352 -0
- package/dist/components/reveal/reveal.js.map +1 -0
- package/dist/components/scroll-progress/scroll-progress.d.ts +32 -0
- package/dist/components/scroll-progress/scroll-progress.d.ts.map +1 -0
- package/dist/components/scroll-progress/scroll-progress.js +120 -0
- package/dist/components/scroll-progress/scroll-progress.js.map +1 -0
- package/dist/components/section/card-row.d.ts +30 -0
- package/dist/components/section/card-row.d.ts.map +1 -0
- package/dist/components/section/card-row.js +174 -0
- package/dist/components/section/card-row.js.map +1 -0
- package/dist/components/section/card.d.ts +27 -0
- package/dist/components/section/card.d.ts.map +1 -0
- package/dist/components/section/card.js +205 -0
- package/dist/components/section/card.js.map +1 -0
- package/dist/components/section/row-item.d.ts +22 -0
- package/dist/components/section/row-item.d.ts.map +1 -0
- package/dist/components/section/row-item.js +53 -0
- package/dist/components/section/row-item.js.map +1 -0
- package/dist/components/section/section.d.ts +70 -0
- package/dist/components/section/section.d.ts.map +1 -0
- package/dist/components/section/section.js +240 -0
- package/dist/components/section/section.js.map +1 -0
- package/dist/components/select/select.js +3 -3
- package/dist/components/series-nav/series-nav.d.ts +29 -0
- package/dist/components/series-nav/series-nav.d.ts.map +1 -0
- package/dist/components/series-nav/series-nav.js +178 -0
- package/dist/components/series-nav/series-nav.js.map +1 -0
- package/dist/components/site-header/site-header.d.ts +51 -0
- package/dist/components/site-header/site-header.d.ts.map +1 -0
- package/dist/components/site-header/site-header.js +296 -0
- package/dist/components/site-header/site-header.js.map +1 -0
- package/dist/components/skeleton/skeleton.js +7 -7
- package/dist/components/sparkline/sparkline.d.ts +19 -0
- package/dist/components/sparkline/sparkline.d.ts.map +1 -0
- package/dist/components/sparkline/sparkline.js +99 -0
- package/dist/components/sparkline/sparkline.js.map +1 -0
- package/dist/components/spinner/spinner.d.ts +13 -0
- package/dist/components/spinner/spinner.d.ts.map +1 -0
- package/dist/components/spinner/spinner.js +65 -0
- package/dist/components/spinner/spinner.js.map +1 -0
- package/dist/components/split/split.d.ts +23 -0
- package/dist/components/split/split.d.ts.map +1 -0
- package/dist/components/split/split.js +104 -0
- package/dist/components/split/split.js.map +1 -0
- package/dist/components/stack/stack.d.ts +21 -0
- package/dist/components/stack/stack.d.ts.map +1 -0
- package/dist/components/stack/stack.js +102 -0
- package/dist/components/stack/stack.js.map +1 -0
- package/dist/components/stat-card/stat-card.d.ts +35 -0
- package/dist/components/stat-card/stat-card.d.ts.map +1 -0
- package/dist/components/stat-card/stat-card.js +199 -0
- package/dist/components/stat-card/stat-card.js.map +1 -0
- package/dist/components/stats/stat.d.ts +16 -0
- package/dist/components/stats/stat.d.ts.map +1 -0
- package/dist/components/stats/stat.js +51 -0
- package/dist/components/stats/stat.js.map +1 -0
- package/dist/components/stats/stats.d.ts +19 -0
- package/dist/components/stats/stats.d.ts.map +1 -0
- package/dist/components/stats/stats.js +45 -0
- package/dist/components/stats/stats.js.map +1 -0
- package/dist/components/switch/switch.js +2 -2
- package/dist/components/table/data-table.d.ts +115 -27
- package/dist/components/table/data-table.d.ts.map +1 -1
- package/dist/components/table/data-table.js +1012 -411
- package/dist/components/table/data-table.js.map +1 -1
- package/dist/components/table/data-table.utils.d.ts +81 -0
- package/dist/components/table/data-table.utils.d.ts.map +1 -0
- package/dist/components/table/data-table.utils.js +208 -0
- package/dist/components/table/data-table.utils.js.map +1 -0
- package/dist/components/table/table.d.ts +28 -0
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.js +161 -33
- package/dist/components/table/table.js.map +1 -1
- package/dist/components/team/person.d.ts +19 -0
- package/dist/components/team/person.d.ts.map +1 -0
- package/dist/components/team/person.js +123 -0
- package/dist/components/team/person.js.map +1 -0
- package/dist/components/team/team.d.ts +18 -0
- package/dist/components/team/team.d.ts.map +1 -0
- package/dist/components/team/team.js +36 -0
- package/dist/components/team/team.js.map +1 -0
- package/dist/components/testimonials/testimonial.d.ts +18 -0
- package/dist/components/testimonials/testimonial.d.ts.map +1 -0
- package/dist/components/testimonials/testimonial.js +115 -0
- package/dist/components/testimonials/testimonial.js.map +1 -0
- package/dist/components/testimonials/testimonials.d.ts +18 -0
- package/dist/components/testimonials/testimonials.d.ts.map +1 -0
- package/dist/components/testimonials/testimonials.js +36 -0
- package/dist/components/testimonials/testimonials.js.map +1 -0
- package/dist/components/textarea/textarea.js +3 -3
- package/dist/components/theme-toggle/theme-toggle.js +1 -1
- package/dist/components/time-picker/time-picker.js +3 -3
- package/dist/components/timeline/timeline-item.d.ts +18 -0
- package/dist/components/timeline/timeline-item.d.ts.map +1 -0
- package/dist/components/timeline/timeline-item.js +102 -0
- package/dist/components/timeline/timeline-item.js.map +1 -0
- package/dist/components/timeline/timeline.d.ts +18 -0
- package/dist/components/timeline/timeline.d.ts.map +1 -0
- package/dist/components/timeline/timeline.js +30 -0
- package/dist/components/timeline/timeline.js.map +1 -0
- package/dist/components/toast/toast.d.ts +33 -0
- package/dist/components/toast/toast.d.ts.map +1 -0
- package/dist/components/toast/toast.js +147 -0
- package/dist/components/toast/toast.js.map +1 -0
- package/dist/components/toggle-group/toggle-button.d.ts +2 -0
- package/dist/components/toggle-group/toggle-button.d.ts.map +1 -1
- package/dist/components/toggle-group/toggle-button.js +12 -4
- package/dist/components/toggle-group/toggle-button.js.map +1 -1
- package/dist/components/toggle-group/toggle-group.js +4 -4
- package/dist/components/tooltip/tooltip.js +21 -21
- package/dist/components/vertical-nav/vertical-nav-group.js +3 -3
- package/dist/components/vertical-nav/vertical-nav-item.js +4 -4
- package/dist/components/video-embed/video-embed.d.ts +37 -0
- package/dist/components/video-embed/video-embed.d.ts.map +1 -0
- package/dist/components/video-embed/video-embed.js +183 -0
- package/dist/components/video-embed/video-embed.js.map +1 -0
- package/dist/index.d.ts +107 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +104 -0
- package/dist/index.js.map +1 -0
- package/dist/styles/index.css +205 -2
- package/dist/styles/reset.d.ts.map +1 -1
- package/dist/styles/reset.js +5 -0
- package/dist/styles/reset.js.map +1 -1
- package/package.json +210 -7
- package/src/components/accordion/accordion.constants.ts +5 -0
- package/src/components/accordion/accordion.ts +209 -0
- package/src/components/alert/alert.constants.ts +3 -0
- package/src/components/alert/alert.ts +284 -17
- package/src/components/avatar/avatar.ts +84 -0
- package/src/components/back-to-top/back-to-top.ts +140 -0
- package/src/components/bar-chart/bar-chart.ts +295 -0
- package/src/components/breadcrumb/breadcrumb.ts +2 -2
- package/src/components/button/button.ts +9 -8
- package/src/components/button-group/button-group.ts +4 -4
- package/src/components/calendar/calendar.ts +12 -9
- package/src/components/chart/chart-base.ts +275 -0
- package/src/components/chart/chart.utils.ts +140 -0
- package/src/components/code-block/code-block.ts +35 -24
- package/src/components/consent/consent.ts +312 -0
- package/src/components/consent/consent.utils.ts +110 -0
- package/src/components/contact/contact.ts +83 -0
- package/src/components/container/container.ts +60 -0
- package/src/components/content-card/content-card.ts +4 -4
- package/src/components/context-menu/context-menu.ts +426 -0
- package/src/components/cron-builder/cron-builder.ts +21 -18
- package/src/components/cta/cta.ts +64 -0
- package/src/components/drawer/drawer.ts +6 -6
- package/src/components/faq/faq-item.ts +110 -0
- package/src/components/faq/faq.ts +40 -0
- package/src/components/feature-grid/feature-grid.ts +52 -0
- package/src/components/feature-grid/feature.ts +84 -0
- package/src/components/field/field.ts +2 -2
- package/src/components/footer/footer.ts +4 -4
- package/src/components/form/form-reset.ts +45 -0
- package/src/components/form/form.ts +17 -3
- package/src/components/grid/grid.ts +73 -4
- package/src/components/heat-map/heat-map.ts +292 -0
- package/src/components/hero/hero.ts +132 -0
- package/src/components/icon/icon-paths.ts +92 -1
- package/src/components/icon/icon.ts +8 -1
- package/src/components/image/image.ts +165 -0
- package/src/components/input/input.ts +4 -4
- package/src/components/lazy/lazy.ts +94 -0
- package/src/components/line-chart/line-chart.ts +271 -0
- package/src/components/list/list-item.ts +225 -0
- package/src/components/list/list.ts +157 -0
- package/src/components/logo-cloud/logo-cloud.ts +65 -0
- package/src/components/modal/modal.ts +37 -11
- package/src/components/page-layout/page-layout.ts +8 -8
- package/src/components/pagination/pagination.ts +120 -0
- package/src/components/pagination/pagination.utils.ts +14 -0
- package/src/components/pie-chart/pie-chart.ts +230 -0
- package/src/components/pin-input/pin-input.ts +4 -4
- package/src/components/popover/popover.ts +1 -3
- package/src/components/post-list/post-card.ts +18 -0
- package/src/components/post-list/post-list.ts +19 -0
- package/src/components/pricing/pricing-tier.ts +132 -0
- package/src/components/pricing/pricing.ts +39 -0
- package/src/components/progress/progress.ts +95 -0
- package/src/components/project-grid/project-card.ts +19 -0
- package/src/components/project-grid/project-grid.ts +19 -0
- package/src/components/radio/radio.ts +1 -1
- package/src/components/reveal/reveal.constants.ts +20 -0
- package/src/components/reveal/reveal.ts +344 -0
- package/src/components/scroll-progress/scroll-progress.ts +119 -0
- package/src/components/section/card-row.ts +152 -0
- package/src/components/section/card.ts +197 -0
- package/src/components/section/row-item.ts +38 -0
- package/src/components/section/section.ts +232 -0
- package/src/components/select/select.ts +3 -3
- package/src/components/series-nav/series-nav.ts +164 -0
- package/src/components/site-header/site-header.ts +276 -0
- package/src/components/skeleton/skeleton.ts +7 -7
- package/src/components/sparkline/sparkline.ts +83 -0
- package/src/components/spinner/spinner.ts +55 -0
- package/src/components/split/split.ts +106 -0
- package/src/components/stack/stack.ts +88 -0
- package/src/components/stat-card/stat-card.ts +179 -0
- package/src/components/stats/stat.ts +49 -0
- package/src/components/stats/stats.ts +47 -0
- package/src/components/switch/switch.ts +2 -2
- package/src/components/table/data-table.ts +1015 -425
- package/src/components/table/data-table.utils.ts +276 -0
- package/src/components/table/table.ts +168 -38
- package/src/components/team/person.ts +113 -0
- package/src/components/team/team.ts +37 -0
- package/src/components/testimonials/testimonial.ts +108 -0
- package/src/components/testimonials/testimonials.ts +37 -0
- package/src/components/textarea/textarea.ts +3 -3
- package/src/components/theme-toggle/theme-toggle.ts +1 -1
- package/src/components/time-picker/time-picker.ts +3 -3
- package/src/components/timeline/timeline-item.ts +100 -0
- package/src/components/timeline/timeline.ts +31 -0
- package/src/components/toast/toast.ts +153 -0
- package/src/components/toggle-group/toggle-button.ts +9 -4
- package/src/components/toggle-group/toggle-group.ts +4 -4
- package/src/components/tooltip/tooltip.ts +21 -21
- package/src/components/vertical-nav/vertical-nav-group.ts +3 -3
- package/src/components/vertical-nav/vertical-nav-item.ts +4 -4
- package/src/components/video-embed/video-embed.ts +162 -0
- package/src/index.ts +108 -0
- package/src/styles/globals.css +63 -0
- package/src/styles/index.css +3 -1
- package/src/styles/prose.css +154 -0
- package/src/styles/reset.ts +5 -0
- package/src/styles/theme.css +53 -1
- package/src/styles/typography.css +1 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const accordionColors: readonly ["default", "primary", "info", "success", "warning", "error"];
|
|
2
|
+
export type AccordionColor = (typeof accordionColors)[number];
|
|
3
|
+
export declare const accordionVariants: readonly ["soft", "solid", "outline"];
|
|
4
|
+
export type AccordionVariant = (typeof accordionVariants)[number];
|
|
5
|
+
//# sourceMappingURL=accordion.constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.constants.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,YAAI,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC;AACtG,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,iBAAiB,YAAI,MAAM,EAAE,OAAO,EAAE,SAAS,CAAU,CAAC;AACvE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.constants.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC;AAGtG,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAU,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { LitElement, PropertyValues } from "lit";
|
|
2
|
+
import { AccordionColor, AccordionVariant } from "./accordion.constants.js";
|
|
3
|
+
import "../icon/icon.js";
|
|
4
|
+
/**
|
|
5
|
+
* Collapsible section. The header is a disclosure button and the content is a labelled region
|
|
6
|
+
* that animates open and closed (respecting `prefers-reduced-motion`).
|
|
7
|
+
*/
|
|
8
|
+
export declare class StAccordion extends LitElement {
|
|
9
|
+
heading: string;
|
|
10
|
+
open: boolean;
|
|
11
|
+
/** Accordions sharing the same `group` close each other. */
|
|
12
|
+
group: string;
|
|
13
|
+
/** Optional icon name shown before the heading. */
|
|
14
|
+
icon: string;
|
|
15
|
+
color: AccordionColor;
|
|
16
|
+
variant: AccordionVariant;
|
|
17
|
+
private readonly _id;
|
|
18
|
+
private _hasUpdated;
|
|
19
|
+
static styles: import("lit").CSSResult[];
|
|
20
|
+
protected updated(changed: PropertyValues<this>): void;
|
|
21
|
+
private _closeGroupSiblings;
|
|
22
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
23
|
+
}
|
|
24
|
+
declare global {
|
|
25
|
+
interface HTMLElementTagNameMap {
|
|
26
|
+
"st-accordion": StAccordion;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAsB,cAAc,EAAC,MAAM,KAAK,CAAC;AAGnE,OAAO,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;AAC1E,OAAO,iBAAiB,CAAC;AAIzB;;;GAGG;AACH,qBACa,WAAY,SAAQ,UAAU;IACf,OAAO,SAAM;IACG,IAAI,UAAS;IACvD,4DAA4D;IAClC,KAAK,SAAM;IACrC,mDAAmD;IACzB,IAAI,SAAM;IACK,KAAK,EAAE,cAAc,CAAa;IAClC,OAAO,EAAE,gBAAgB,CAAU;IAE5E,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA8B;IAClD,OAAO,CAAC,WAAW,CAAS;IAE5B,MAAM,CAAC,MAAM,4BAkIX;IAEF,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,QAQ9C;IAED,OAAO,CAAC,mBAAmB;IAS3B,MAAM,yCAwBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
|
|
@@ -0,0 +1,226 @@
|
|
|
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 { LitElement, html, css, nothing } from "lit";
|
|
8
|
+
import { customElement, property } from "lit/decorators.js";
|
|
9
|
+
import { resetStyles } from "../../styles/reset.js";
|
|
10
|
+
import "../icon/icon.js";
|
|
11
|
+
let nextId = 0;
|
|
12
|
+
/**
|
|
13
|
+
* Collapsible section. The header is a disclosure button and the content is a labelled region
|
|
14
|
+
* that animates open and closed (respecting `prefers-reduced-motion`).
|
|
15
|
+
*/
|
|
16
|
+
let StAccordion = class StAccordion extends LitElement {
|
|
17
|
+
constructor() {
|
|
18
|
+
super(...arguments);
|
|
19
|
+
this.heading = "";
|
|
20
|
+
this.open = false;
|
|
21
|
+
/** Accordions sharing the same `group` close each other. */
|
|
22
|
+
this.group = "";
|
|
23
|
+
/** Optional icon name shown before the heading. */
|
|
24
|
+
this.icon = "";
|
|
25
|
+
this.color = "default";
|
|
26
|
+
this.variant = "soft";
|
|
27
|
+
this._id = `st-accordion-${nextId++}`;
|
|
28
|
+
this._hasUpdated = false;
|
|
29
|
+
}
|
|
30
|
+
updated(changed) {
|
|
31
|
+
if (changed.has("open") && this._hasUpdated) {
|
|
32
|
+
this.dispatchEvent(new CustomEvent("st-toggle", { detail: { open: this.open }, bubbles: true, composed: true }));
|
|
33
|
+
if (this.open && this.group)
|
|
34
|
+
this._closeGroupSiblings();
|
|
35
|
+
}
|
|
36
|
+
this._hasUpdated = true;
|
|
37
|
+
}
|
|
38
|
+
_closeGroupSiblings() {
|
|
39
|
+
const root = this.getRootNode();
|
|
40
|
+
root
|
|
41
|
+
.querySelectorAll(`st-accordion[group="${CSS.escape(this.group)}"]`)
|
|
42
|
+
.forEach((el) => {
|
|
43
|
+
if (el !== this)
|
|
44
|
+
el.open = false;
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
render() {
|
|
48
|
+
const headerId = `${this._id}-header`;
|
|
49
|
+
const panelId = `${this._id}-panel`;
|
|
50
|
+
return html `
|
|
51
|
+
<button
|
|
52
|
+
class="header"
|
|
53
|
+
id=${headerId}
|
|
54
|
+
type="button"
|
|
55
|
+
aria-expanded=${this.open ? "true" : "false"}
|
|
56
|
+
aria-controls=${panelId}
|
|
57
|
+
@click=${() => (this.open = !this.open)}
|
|
58
|
+
>
|
|
59
|
+
${this.icon
|
|
60
|
+
? html `<st-icon name=${this.icon} size="sm" aria-hidden="true"></st-icon>`
|
|
61
|
+
: nothing}
|
|
62
|
+
<span class="title">${this.heading}</span>
|
|
63
|
+
<st-icon class="chevron" name="angle-down" size="sm" aria-hidden="true"></st-icon>
|
|
64
|
+
</button>
|
|
65
|
+
<div class="panel" id=${panelId} role="region" aria-labelledby=${headerId}>
|
|
66
|
+
<div class="panel-inner">
|
|
67
|
+
<div class="content"><slot></slot></div>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
`;
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
StAccordion.styles = [
|
|
74
|
+
resetStyles,
|
|
75
|
+
css `
|
|
76
|
+
:host {
|
|
77
|
+
display: block;
|
|
78
|
+
overflow: hidden;
|
|
79
|
+
border: 1px solid var(--_accent);
|
|
80
|
+
border-radius: var(--st-radius-md);
|
|
81
|
+
background: var(--st-color-bg);
|
|
82
|
+
|
|
83
|
+
/* Default (neutral) palette */
|
|
84
|
+
--_accent: var(--st-color-border);
|
|
85
|
+
--_accent-text: var(--st-color-text);
|
|
86
|
+
--_soft-bg: var(--st-color-surface-muted);
|
|
87
|
+
--_on-accent: var(--st-color-text);
|
|
88
|
+
}
|
|
89
|
+
:host([color="primary"]) {
|
|
90
|
+
--_accent: var(--st-color-primary);
|
|
91
|
+
--_accent-text: var(--st-color-primary-text);
|
|
92
|
+
--_soft-bg: var(--st-color-primary-bg);
|
|
93
|
+
--_on-accent: var(--st-color-on-primary);
|
|
94
|
+
}
|
|
95
|
+
:host([color="info"]) {
|
|
96
|
+
--_accent: var(--st-color-info);
|
|
97
|
+
--_accent-text: var(--st-color-info-text);
|
|
98
|
+
--_soft-bg: var(--st-color-info-bg);
|
|
99
|
+
--_on-accent: var(--st-color-on-info);
|
|
100
|
+
}
|
|
101
|
+
:host([color="success"]) {
|
|
102
|
+
--_accent: var(--st-color-success);
|
|
103
|
+
--_accent-text: var(--st-color-success);
|
|
104
|
+
--_soft-bg: var(--st-color-success-bg);
|
|
105
|
+
--_on-accent: var(--st-color-on-success);
|
|
106
|
+
}
|
|
107
|
+
:host([color="warning"]) {
|
|
108
|
+
--_accent: var(--st-color-warning);
|
|
109
|
+
--_accent-text: var(--st-color-warning);
|
|
110
|
+
--_soft-bg: var(--st-color-warning-bg);
|
|
111
|
+
--_on-accent: var(--st-color-on-warning);
|
|
112
|
+
}
|
|
113
|
+
:host([color="error"]) {
|
|
114
|
+
--_accent: var(--st-color-error);
|
|
115
|
+
--_accent-text: var(--st-color-error-text);
|
|
116
|
+
--_soft-bg: var(--st-color-error-bg);
|
|
117
|
+
--_on-accent: var(--st-color-on-danger);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
/* Header colors per variant */
|
|
121
|
+
.header {
|
|
122
|
+
--_header-bg: var(--_soft-bg);
|
|
123
|
+
--_header-text: var(--_accent-text);
|
|
124
|
+
}
|
|
125
|
+
:host([variant="solid"]) .header {
|
|
126
|
+
--_header-bg: var(--_accent);
|
|
127
|
+
--_header-text: var(--_on-accent);
|
|
128
|
+
}
|
|
129
|
+
:host([variant="solid"][color="default"]) .header {
|
|
130
|
+
--_header-bg: var(--st-color-surface-hover);
|
|
131
|
+
--_header-text: var(--st-color-text);
|
|
132
|
+
}
|
|
133
|
+
:host([variant="outline"]) .header {
|
|
134
|
+
--_header-bg: transparent;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.header {
|
|
138
|
+
display: flex;
|
|
139
|
+
align-items: center;
|
|
140
|
+
gap: var(--st-spacing-sm);
|
|
141
|
+
width: 100%;
|
|
142
|
+
padding: var(--st-spacing-md);
|
|
143
|
+
border: 0;
|
|
144
|
+
background: var(--_header-bg);
|
|
145
|
+
color: var(--_header-text);
|
|
146
|
+
font-weight: var(--st-font-weight-medium);
|
|
147
|
+
text-align: left;
|
|
148
|
+
cursor: pointer;
|
|
149
|
+
}
|
|
150
|
+
.header:hover {
|
|
151
|
+
filter: brightness(var(--st-hover-brightness));
|
|
152
|
+
}
|
|
153
|
+
.header:focus-visible {
|
|
154
|
+
outline: 2px solid var(--st-color-primary);
|
|
155
|
+
outline-offset: -2px;
|
|
156
|
+
}
|
|
157
|
+
.title {
|
|
158
|
+
flex: 1;
|
|
159
|
+
}
|
|
160
|
+
.chevron {
|
|
161
|
+
transition: transform 0.25s ease;
|
|
162
|
+
}
|
|
163
|
+
:host([open]) .chevron {
|
|
164
|
+
transform: rotate(180deg);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
/* Animated panel: grid rows animate 0fr -> 1fr without measuring heights in JS */
|
|
168
|
+
.panel {
|
|
169
|
+
display: grid;
|
|
170
|
+
grid-template-rows: 0fr;
|
|
171
|
+
visibility: hidden;
|
|
172
|
+
transition:
|
|
173
|
+
grid-template-rows 0.25s ease,
|
|
174
|
+
visibility 0s linear 0.25s;
|
|
175
|
+
}
|
|
176
|
+
:host([open]) .panel {
|
|
177
|
+
grid-template-rows: 1fr;
|
|
178
|
+
visibility: visible;
|
|
179
|
+
transition:
|
|
180
|
+
grid-template-rows 0.25s ease,
|
|
181
|
+
visibility 0s;
|
|
182
|
+
}
|
|
183
|
+
.panel-inner {
|
|
184
|
+
min-height: 0;
|
|
185
|
+
overflow: hidden;
|
|
186
|
+
}
|
|
187
|
+
/* Distinct content surface so it never blends with the header */
|
|
188
|
+
.content {
|
|
189
|
+
padding: var(--st-spacing-md);
|
|
190
|
+
background: var(--st-color-bg);
|
|
191
|
+
color: var(--st-color-text);
|
|
192
|
+
border-top: 1px solid var(--_accent);
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
@media (prefers-reduced-motion: reduce) {
|
|
196
|
+
.chevron,
|
|
197
|
+
.panel,
|
|
198
|
+
:host([open]) .panel {
|
|
199
|
+
transition: none;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
`,
|
|
203
|
+
];
|
|
204
|
+
__decorate([
|
|
205
|
+
property({ type: String })
|
|
206
|
+
], StAccordion.prototype, "heading", void 0);
|
|
207
|
+
__decorate([
|
|
208
|
+
property({ type: Boolean, reflect: true })
|
|
209
|
+
], StAccordion.prototype, "open", void 0);
|
|
210
|
+
__decorate([
|
|
211
|
+
property({ type: String })
|
|
212
|
+
], StAccordion.prototype, "group", void 0);
|
|
213
|
+
__decorate([
|
|
214
|
+
property({ type: String })
|
|
215
|
+
], StAccordion.prototype, "icon", void 0);
|
|
216
|
+
__decorate([
|
|
217
|
+
property({ type: String, reflect: true })
|
|
218
|
+
], StAccordion.prototype, "color", void 0);
|
|
219
|
+
__decorate([
|
|
220
|
+
property({ type: String, reflect: true })
|
|
221
|
+
], StAccordion.prototype, "variant", void 0);
|
|
222
|
+
StAccordion = __decorate([
|
|
223
|
+
customElement("st-accordion")
|
|
224
|
+
], StAccordion);
|
|
225
|
+
export { StAccordion };
|
|
226
|
+
//# sourceMappingURL=accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
export declare const alertColors: readonly ["info", "success", "warning", "error"];
|
|
2
2
|
export type AlertColor = typeof alertColors[number];
|
|
3
|
+
/** Why an alert closed, reported in `st-close`. */
|
|
4
|
+
export type AlertCloseReason = "dismiss" | "timeout" | "api";
|
|
3
5
|
//# sourceMappingURL=alert.constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.constants.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,YAAI,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC;AAC5E,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"alert.constants.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,YAAI,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC;AAC5E,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;AAEpD,mDAAmD;AACnD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,CAAC"}
|
|
@@ -1,9 +1,57 @@
|
|
|
1
|
-
import { LitElement } from "lit";
|
|
2
|
-
import { AlertColor } from "./alert.constants.js";
|
|
1
|
+
import { LitElement, PropertyValues } from "lit";
|
|
2
|
+
import { AlertColor, AlertCloseReason } from "./alert.constants.js";
|
|
3
|
+
import "../icon/icon.js";
|
|
4
|
+
/**
|
|
5
|
+
* Inline message with an icon, content, a `confirm` action under the message and a dismiss
|
|
6
|
+
* `action` at the end. It can also hide itself after `timeout` milliseconds. Hiding always
|
|
7
|
+
* animates (unless the user prefers reduced motion).
|
|
8
|
+
*
|
|
9
|
+
* Slots: `icon` (start), default (message), `confirm` (below the message, bottom-left, e.g. a
|
|
10
|
+
* "Renew" or "Undo" button) and `action` (top-right, the dismiss control). Set `dismissible` for
|
|
11
|
+
* a ready-made dismiss button, or slot your own into `action`.
|
|
12
|
+
* Dismissing: call `dismiss()`, set `open = false`, click the built-in button, or add a
|
|
13
|
+
* `data-dismiss` attribute to any slotted element, which closes the alert when clicked.
|
|
14
|
+
* Events: `st-close` (bubbles, composed) with `detail.reason` of "dismiss", "timeout" or "api",
|
|
15
|
+
* fired once the alert has finished hiding.
|
|
16
|
+
*/
|
|
3
17
|
export declare class StAlert extends LitElement {
|
|
4
18
|
color: AlertColor;
|
|
19
|
+
/** Whether the alert is shown. Setting it to false hides it with an animation. */
|
|
20
|
+
open: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Hides the alert automatically after this many milliseconds (0 keeps it). The countdown
|
|
23
|
+
* pauses while the pointer or keyboard focus is inside, so people have time to read and act.
|
|
24
|
+
*/
|
|
25
|
+
timeout: number;
|
|
26
|
+
/** Shows a built-in dismiss button in the `action` slot (your own slotted content replaces it). */
|
|
27
|
+
dismissible: boolean;
|
|
28
|
+
dismissLabel: string;
|
|
29
|
+
private _phase;
|
|
30
|
+
private _hasAction;
|
|
31
|
+
private _hasConfirm;
|
|
32
|
+
private _reason;
|
|
33
|
+
private _timer?;
|
|
34
|
+
private _fallback?;
|
|
35
|
+
private _remaining;
|
|
36
|
+
private _deadline;
|
|
37
|
+
private _paused;
|
|
5
38
|
static styles: import("lit").CSSResult[];
|
|
6
39
|
connectedCallback(): void;
|
|
40
|
+
disconnectedCallback(): void;
|
|
41
|
+
/** Hides the alert with an animation. Resolves nothing; listen for `st-close`. */
|
|
42
|
+
dismiss(reason?: AlertCloseReason): void;
|
|
43
|
+
protected willUpdate(changed: PropertyValues<this>): void;
|
|
44
|
+
protected updated(changed: PropertyValues<this>): void;
|
|
45
|
+
private _beginClose;
|
|
46
|
+
private _onTransitionEnd;
|
|
47
|
+
private _finishClose;
|
|
48
|
+
private _clearTimers;
|
|
49
|
+
private _restartTimer;
|
|
50
|
+
private _startTimer;
|
|
51
|
+
private _pause;
|
|
52
|
+
private _resume;
|
|
53
|
+
private _onFocusOut;
|
|
54
|
+
private _onClick;
|
|
7
55
|
render(): import("lit-html").TemplateResult<1>;
|
|
8
56
|
}
|
|
9
57
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAsB,cAAc,EAAC,MAAM,KAAK,CAAC;AAGnE,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAClE,OAAO,iBAAiB,CAAC;AAOzB;;;;;;;;;;;;GAYG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACI,KAAK,EAAE,UAAU,CAAU;IACpE,kFAAkF;IACxC,IAAI,UAAQ;IACtD;;;OAGG;IACuB,OAAO,SAAK;IACtC,mGAAmG;IACzD,WAAW,UAAS;IACR,YAAY,SAAa;IAEtE,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAS;IAErC,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,MAAM,CAAC,CAAS;IACxB,OAAO,CAAC,SAAS,CAAC,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,OAAO,CAAS;IAExB,MAAM,CAAC,MAAM,4BAmJX;IAEF,iBAAiB,SAWhB;IAED,oBAAoB,SAQnB;IAED,kFAAkF;IAClF,OAAO,CAAC,MAAM,GAAE,gBAAwB,QAIvC;IAED,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,QASjD;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,QAM9C;IAID,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,MAAM,CAMZ;IAEF,OAAO,CAAC,OAAO,CAKb;IAEF,OAAO,CAAC,WAAW,CAGjB;IAIF,OAAO,CAAC,QAAQ,CAKd;IAEF,MAAM,yCAwCL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|