@eunomia/elements 1.0.0-beta.5 → 1.0.0-beta.6
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 +1 -1
- package/dist/breakpoints.d.ts +37 -10
- package/dist/breakpoints.js +38 -10
- package/dist/cdn/components/chunks/{chunk-MMLIPCOY.js → chunk-22D3SRFR.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-OW7XKDCH.js → chunk-2Y2EU2CI.js} +16 -16
- package/dist/cdn/components/chunks/{chunk-LFCXUVDO.js → chunk-4PI6RDUS.js} +1 -1
- package/dist/cdn/components/chunks/chunk-624VJYNA.js +1 -0
- package/dist/cdn/components/chunks/{chunk-5XJLIHAU.js → chunk-7KKWYPHY.js} +4 -2
- package/dist/cdn/components/chunks/chunk-A3X4KD2X.js +1 -0
- package/dist/cdn/components/chunks/chunk-BKZGTCMF.js +1 -0
- package/dist/cdn/components/chunks/{chunk-GW3VP2L7.js → chunk-BO3JOEWM.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-EAKYD33D.js → chunk-BQFJR2UP.js} +4 -4
- package/dist/cdn/components/chunks/chunk-EUWUDCBZ.js +1 -0
- package/dist/cdn/components/chunks/{chunk-P32B7BFD.js → chunk-FF3I7C3C.js} +15 -15
- package/dist/cdn/components/chunks/{chunk-74AOAB4X.js → chunk-FOILAXLL.js} +6 -5
- package/dist/cdn/components/chunks/{chunk-E4IS25H7.js → chunk-G5SBDQQ3.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-LGLQ36QB.js → chunk-GDBPWZN6.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-S2UCEWNG.js → chunk-JYIIWN2P.js} +13 -11
- package/dist/cdn/components/chunks/{chunk-IDKZKLJR.js → chunk-KDN4O5W2.js} +24 -11
- package/dist/cdn/components/chunks/chunk-KSZRQRN4.js +1 -0
- package/dist/cdn/components/chunks/{chunk-PED5ATYN.js → chunk-L2ADCEN7.js} +1 -1
- package/dist/cdn/components/chunks/chunk-LMVW522V.js +1 -0
- package/dist/cdn/components/chunks/{chunk-5XJGYXW7.js → chunk-MOMYII3P.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-2XASWWKR.js → chunk-MQQ4BGVJ.js} +5 -5
- package/dist/cdn/components/chunks/{chunk-A4EQSU36.js → chunk-O7PHBLH2.js} +1 -1
- package/dist/cdn/components/chunks/chunk-PD62MBOJ.js +1 -0
- package/dist/cdn/components/chunks/{chunk-KBH5PCUO.js → chunk-PE4DAXHQ.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-6ETDXUH2.js → chunk-PMPSJG5V.js} +7 -7
- package/dist/cdn/components/chunks/{chunk-5EVP7YNE.js → chunk-PPCHQG7P.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-AIS3UICU.js → chunk-QZ5SHR3I.js} +9 -5
- package/dist/cdn/components/chunks/{chunk-32DTNR52.js → chunk-RS7TWEMQ.js} +1 -1
- package/dist/cdn/components/chunks/chunk-SMTIDNGW.js +1 -0
- package/dist/cdn/components/chunks/{chunk-MPQP4R54.js → chunk-SZYEBMG6.js} +10 -9
- package/dist/cdn/components/chunks/{chunk-JRGM3W7I.js → chunk-UDVB4LAE.js} +5 -2
- package/dist/cdn/components/chunks/{chunk-L65WUTXM.js → chunk-UYZR4JXZ.js} +12 -7
- package/dist/cdn/components/chunks/chunk-VG6NAAIV.js +1 -0
- package/dist/cdn/components/chunks/chunk-VJCNHMQZ.js +10 -0
- package/dist/cdn/components/chunks/chunk-VOTRXBDS.js +38 -0
- package/dist/cdn/components/chunks/{chunk-DKOPI7QA.js → chunk-VYFR364B.js} +73 -63
- package/dist/cdn/components/chunks/{chunk-SD2WHGPF.js → chunk-XDPRWUKN.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-XH6NREVZ.js → chunk-YITWLCD3.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-BQHYZB2W.js → chunk-ZBN4HTWP.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-NBIENHLV.js → chunk-ZKZV2YG5.js} +18 -18
- package/dist/cdn/components/eun-alert.js +24 -16
- package/dist/cdn/components/eun-animate.js +12 -8
- package/dist/cdn/components/eun-badge.js +1 -1
- package/dist/cdn/components/eun-breadcrumb.js +25 -41
- package/dist/cdn/components/eun-button.js +1 -1
- package/dist/cdn/components/eun-calendar.js +67 -65
- package/dist/cdn/components/eun-card.js +32 -17
- package/dist/cdn/components/eun-carousel.js +66 -35
- package/dist/cdn/components/eun-check-card.js +13 -6
- package/dist/cdn/components/eun-checkbox-list.js +4 -4
- package/dist/cdn/components/eun-checkbox.js +1 -1
- package/dist/cdn/components/eun-chip.js +1 -1
- package/dist/cdn/components/eun-collapse.js +56 -27
- package/dist/cdn/components/eun-color-picker.js +53 -52
- package/dist/cdn/components/eun-counter.js +9 -8
- package/dist/cdn/components/eun-date-picker.js +59 -56
- package/dist/cdn/components/eun-description-list.js +152 -0
- package/dist/cdn/components/eun-divider.js +1 -1
- package/dist/cdn/components/eun-drawer.js +32 -18
- package/dist/cdn/components/eun-dropdown-button.js +1 -1
- package/dist/cdn/components/eun-dropdown-item.js +6 -5
- package/dist/cdn/components/eun-fab.js +17 -16
- package/dist/cdn/components/eun-icon.js +1 -1
- package/dist/cdn/components/eun-image-card.js +79 -22
- package/dist/cdn/components/eun-image-carousel.js +92 -47
- package/dist/cdn/components/eun-infinite-list.js +23 -11
- package/dist/cdn/components/eun-input-file.js +14 -13
- package/dist/cdn/components/eun-input-phone.js +15 -15
- package/dist/cdn/components/eun-input.js +1 -1
- package/dist/cdn/components/eun-label.js +4 -4
- package/dist/cdn/components/eun-link.js +78 -29
- package/dist/cdn/components/eun-loader.js +1 -1
- package/dist/cdn/components/eun-modal.js +17 -10
- package/dist/cdn/components/eun-pagination.js +17 -12
- package/dist/cdn/components/eun-password-strength.js +6 -2
- package/dist/cdn/components/eun-progress-bar.js +13 -5
- package/dist/cdn/components/eun-radio-card.js +16 -9
- package/dist/cdn/components/eun-radio-list.js +4 -4
- package/dist/cdn/components/eun-radio.js +1 -1
- package/dist/cdn/components/eun-scheduler-event-editor.js +1 -1
- package/dist/cdn/components/eun-scheduler-event.js +1 -1
- package/dist/cdn/components/eun-scheduler.js +36 -36
- package/dist/cdn/components/eun-search.js +11 -10
- package/dist/cdn/components/eun-select.js +12 -11
- package/dist/cdn/components/eun-sidebar.js +34 -20
- package/dist/cdn/components/eun-skeleton.js +1 -1
- package/dist/cdn/components/eun-slider.js +15 -14
- package/dist/cdn/components/eun-sliding-card.js +8 -4
- package/dist/cdn/components/eun-step.js +17 -6
- package/dist/cdn/components/eun-stepper.js +17 -6
- package/dist/cdn/components/eun-switch.js +10 -8
- package/dist/cdn/components/eun-tab-group.js +22 -17
- package/dist/cdn/components/eun-tab-panel.js +11 -3
- package/dist/cdn/components/eun-tab.js +1 -1
- package/dist/cdn/components/eun-table-action-bar.js +1 -1
- package/dist/cdn/components/eun-table.js +572 -31
- package/dist/cdn/components/eun-tag.js +13 -7
- package/dist/cdn/components/eun-textarea.js +23 -23
- package/dist/cdn/components/eun-time-picker.js +17 -15
- package/dist/cdn/components/eun-toast.js +36 -16
- package/dist/cdn/components/eun-toggle-group.js +53 -34
- package/dist/cdn/components/eun-toggle-item.js +16 -15
- package/dist/cdn/components/eun-toggle.js +12 -10
- package/dist/cdn/components/eun-toolbar.js +62 -52
- package/dist/cdn/components/eun-tooltip.js +30 -14
- package/dist/cdn/styles/breakpoints.scss +8 -0
- package/dist/cdn/styles/eunomia-grid.scss +6 -0
- package/dist/cdn/styles/eunomia-themes.css +1 -1
- package/dist/cdn/styles/themes/eunomia-theme.css +1 -1
- package/dist/cdn/styles/themes/eunomia-theme.scss +4 -3
- package/dist/cdn/styles/themes/mixins/eunomia-a11y-color.mixin.scss +34 -1
- package/dist/cdn/styles/themes/mixins/eunomia-neutrals.mixin.scss +4 -0
- package/dist/cdn/styles/themes/mixins/eunomia-states.mixin.scss +36 -12
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss +3 -2
- package/dist/cdn/styles/tools/indexes/eunomia-media-queries.index.scss +1 -3
- package/dist/cdn/styles/tools/indexes/eunomia-tools.index.scss +1 -0
- package/dist/cdn/styles/tools/mixins/layout/eunomia-grid.mixin.scss +117 -53
- package/dist/cdn/styles/tools/mixins/media-queries/eunomia-media-queries.mixin.scss +69 -0
- package/dist/cdn/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +28 -4
- package/dist/cdn/styles/tools/mixins/settings/eunomia-motion.mixin.scss +9 -0
- package/dist/cdn/styles/tools/variables/eunomia.breakpoints.scss +4 -0
- package/dist/components/action/button/button.d.ts +7 -2
- package/dist/components/action/button/button.js +7 -2
- package/dist/components/action/button/button.styles.js +51 -36
- package/dist/components/action/dropdown-button/dropdown-button.d.ts +2 -2
- package/dist/components/action/dropdown-button/dropdown-button.js +11 -10
- package/dist/components/action/dropdown-button/dropdown-button.styles.js +3 -2
- package/dist/components/action/dropdown-button/dropdown-item.js +5 -6
- package/dist/components/action/dropdown-button/dropdown-item.styles.js +3 -2
- package/dist/components/action/fab/fab.styles.js +14 -13
- package/dist/components/action/link/link.d.ts +7 -3
- package/dist/components/action/link/link.js +11 -7
- package/dist/components/action/link/link.styles.js +66 -15
- package/dist/components/action/shared-styles/button-palette.styles.js +15 -15
- package/dist/components/action/toggle/toggle-group.d.ts +2 -0
- package/dist/components/action/toggle/toggle-group.js +5 -3
- package/dist/components/action/toggle/toggle-group.styles.d.ts +2 -0
- package/dist/components/action/toggle/toggle-group.styles.js +42 -21
- package/dist/components/action/toggle/toggle-item.styles.js +13 -12
- package/dist/components/action/toggle/toggle.d.ts +2 -0
- package/dist/components/action/toggle/toggle.js +2 -0
- package/dist/components/action/toggle/toggle.styles.d.ts +2 -0
- package/dist/components/action/toggle/toggle.styles.js +12 -8
- package/dist/components/alert/alert/alert.d.ts +2 -0
- package/dist/components/alert/alert/alert.js +2 -0
- package/dist/components/alert/alert/alert.styles.js +23 -13
- package/dist/components/alert/drawer/drawer.d.ts +3 -1
- package/dist/components/alert/drawer/drawer.js +4 -2
- package/dist/components/alert/drawer/drawer.styles.js +25 -9
- package/dist/components/alert/modal/modal.d.ts +3 -1
- package/dist/components/alert/modal/modal.js +4 -2
- package/dist/components/alert/modal/modal.styles.js +16 -7
- package/dist/components/alert/toast/toast.d.ts +2 -0
- package/dist/components/alert/toast/toast.js +2 -0
- package/dist/components/alert/toast/toast.styles.js +37 -15
- package/dist/components/content/card/card.d.ts +7 -3
- package/dist/components/content/card/card.js +7 -3
- package/dist/components/content/card/card.styles.js +26 -11
- package/dist/components/content/card/image-card.d.ts +60 -6
- package/dist/components/content/card/image-card.js +120 -11
- package/dist/components/content/card/image-card.styles.js +66 -15
- package/dist/components/content/card/sliding-card.d.ts +2 -0
- package/dist/components/content/card/sliding-card.js +2 -0
- package/dist/components/content/card/sliding-card.styles.js +5 -1
- package/dist/components/content/collapse/collapse.d.ts +10 -1
- package/dist/components/content/collapse/collapse.js +12 -2
- package/dist/components/content/collapse/collapse.styles.d.ts +10 -1
- package/dist/components/content/collapse/collapse.styles.js +56 -18
- package/dist/components/content/description-list/description-list.d.ts +87 -0
- package/dist/components/content/description-list/description-list.js +107 -0
- package/dist/components/content/description-list/description-list.styles.d.ts +1 -0
- package/dist/components/content/description-list/description-list.styles.js +185 -0
- package/dist/components/content/icon/icon.d.ts +2 -0
- package/dist/components/content/icon/icon.js +2 -0
- package/dist/components/content/icon/icon.style.js +4 -1
- package/dist/components/content/image-carousel/image-carousel.d.ts +30 -19
- package/dist/components/content/image-carousel/image-carousel.js +48 -45
- package/dist/components/content/image-carousel/image-carousel.styles.js +69 -30
- package/dist/components/content/password-strength/password-strength.styles.js +5 -1
- package/dist/components/content/progress-bar/progress-bar.styles.js +12 -4
- package/dist/components/content/shared-styles/card-link.styles.js +4 -3
- package/dist/components/content/shared-styles/tone-surface.styles.d.ts +5 -0
- package/dist/components/content/shared-styles/tone-surface.styles.js +19 -14
- package/dist/components/content/tag/tag.d.ts +4 -0
- package/dist/components/content/tag/tag.js +4 -0
- package/dist/components/content/tag/tag.styles.js +14 -4
- package/dist/components/content/tooltip/tooltip.d.ts +3 -2
- package/dist/components/content/tooltip/tooltip.js +9 -16
- package/dist/components/content/tooltip/tooltip.styles.js +25 -7
- package/dist/components/form/checkbox/check-card.d.ts +4 -1
- package/dist/components/form/checkbox/check-card.js +4 -1
- package/dist/components/form/checkbox/check-card.styles.js +13 -4
- package/dist/components/form/checkbox/checkbox-list.d.ts +4 -1
- package/dist/components/form/checkbox/checkbox-list.js +11 -7
- package/dist/components/form/checkbox/checkbox.d.ts +4 -1
- package/dist/components/form/checkbox/checkbox.js +4 -1
- package/dist/components/form/checkbox/checkbox.styles.js +2 -2
- package/dist/components/form/color-picker/color-picker.d.ts +7 -1
- package/dist/components/form/color-picker/color-picker.js +19 -21
- package/dist/components/form/color-picker/color-picker.styles.js +6 -5
- package/dist/components/form/counter/counter.d.ts +4 -1
- package/dist/components/form/counter/counter.js +5 -2
- package/dist/components/form/counter/counter.styles.js +5 -4
- package/dist/components/form/date-picker/date-picker.d.ts +37 -33
- package/dist/components/form/date-picker/date-picker.js +32 -42
- package/dist/components/form/date-picker/date-picker.styles.js +8 -5
- package/dist/components/form/input/input.d.ts +7 -1
- package/dist/components/form/input/input.js +8 -2
- package/dist/components/form/input-file/input-file.d.ts +4 -1
- package/dist/components/form/input-file/input-file.js +8 -5
- package/dist/components/form/input-file/input-file.styles.js +3 -2
- package/dist/components/form/input-phone/input-phone.d.ts +8 -2
- package/dist/components/form/input-phone/input-phone.js +13 -17
- package/dist/components/form/input-phone/input-phone.styles.js +4 -4
- package/dist/components/form/label/label.styles.js +3 -3
- package/dist/components/form/radio/radio-card.d.ts +5 -2
- package/dist/components/form/radio/radio-card.js +5 -2
- package/dist/components/form/radio/radio-card.styles.js +14 -5
- package/dist/components/form/radio/radio-list.d.ts +5 -2
- package/dist/components/form/radio/radio-list.js +14 -10
- package/dist/components/form/radio/radio.d.ts +5 -2
- package/dist/components/form/radio/radio.js +5 -2
- package/dist/components/form/radio/radio.styles.js +4 -4
- package/dist/components/form/search/search.d.ts +2 -1
- package/dist/components/form/search/search.js +6 -15
- package/dist/components/form/search/search.styles.js +5 -4
- package/dist/components/form/select/select.d.ts +9 -2
- package/dist/components/form/select/select.js +15 -18
- package/dist/components/form/select/select.styles.js +3 -2
- package/dist/components/form/shared-styles/card.styles.js +5 -4
- package/dist/components/form/shared-styles/field.styles.js +16 -6
- package/dist/components/form/shared-styles/form-labels.styles.js +1 -1
- package/dist/components/form/slider/slider.d.ts +4 -1
- package/dist/components/form/slider/slider.js +5 -2
- package/dist/components/form/slider/slider.styles.js +8 -7
- package/dist/components/form/switch/switch.d.ts +4 -1
- package/dist/components/form/switch/switch.js +4 -1
- package/dist/components/form/switch/switch.styles.js +7 -5
- package/dist/components/form/textarea/textarea.d.ts +7 -1
- package/dist/components/form/textarea/textarea.js +14 -8
- package/dist/components/form/time-picker/time-picker-columns.styles.js +4 -2
- package/dist/components/form/time-picker/time-picker-list.styles.js +2 -1
- package/dist/components/form/time-picker/time-picker.d.ts +6 -2
- package/dist/components/form/time-picker/time-picker.js +22 -26
- package/dist/components/form/time-picker/time-picker.styles.js +4 -3
- package/dist/components/layout/animate/animate.d.ts +37 -15
- package/dist/components/layout/animate/animate.js +35 -15
- package/dist/components/layout/animate/animate.styles.js +9 -16
- package/dist/components/layout/infinite-list/infinite-list.d.ts +33 -10
- package/dist/components/layout/infinite-list/infinite-list.js +115 -18
- package/dist/components/layout/infinite-list/infinite-list.styles.d.ts +3 -0
- package/dist/components/layout/infinite-list/infinite-list.styles.js +17 -5
- package/dist/components/loader/loader/loader.styles.js +3 -1
- package/dist/components/navigation/breadcrumb/breadcrumb.d.ts +31 -45
- package/dist/components/navigation/breadcrumb/breadcrumb.js +111 -77
- package/dist/components/navigation/breadcrumb/breadcrumb.styles.d.ts +3 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.styles.js +22 -26
- package/dist/components/navigation/carousel/carousel.d.ts +30 -10
- package/dist/components/navigation/carousel/carousel.js +37 -18
- package/dist/components/navigation/carousel/carousel.styles.js +60 -20
- package/dist/components/navigation/pagination/pagination.styles.js +8 -3
- package/dist/components/navigation/sidebar/sidebar.d.ts +2 -0
- package/dist/components/navigation/sidebar/sidebar.js +2 -0
- package/dist/components/navigation/sidebar/sidebar.styles.js +27 -11
- package/dist/components/navigation/stepper/step.styles.js +16 -5
- package/dist/components/navigation/stepper/stepper.styles.js +16 -5
- package/dist/components/navigation/tabs/tab/tab.d.ts +11 -0
- package/dist/components/navigation/tabs/tab/tab.js +11 -0
- package/dist/components/navigation/tabs/tab/tab.styles.js +22 -16
- package/dist/components/navigation/tabs/tab-group/tab-group.js +7 -8
- package/dist/components/navigation/tabs/tab-group/tab-group.styles.js +19 -14
- package/dist/components/navigation/tabs/tab-panel/tab-panel.d.ts +4 -0
- package/dist/components/navigation/tabs/tab-panel/tab-panel.js +4 -0
- package/dist/components/navigation/tabs/tab-panel/tab-panel.styles.js +18 -1
- package/dist/components/navigation/toolbar/toolbar.d.ts +17 -49
- package/dist/components/navigation/toolbar/toolbar.js +23 -71
- package/dist/components/navigation/toolbar/toolbar.styles.js +59 -36
- package/dist/events/table-row-click.event.d.ts +5 -4
- package/dist/events/table-row-click.event.js +10 -5
- package/dist/features/scheduler/calendar/calendar.d.ts +6 -6
- package/dist/features/scheduler/calendar/calendar.js +6 -5
- package/dist/features/scheduler/calendar/calendar.styles.js +8 -6
- package/dist/features/scheduler/scheduler/scheduler.d.ts +1 -1
- package/dist/features/scheduler/scheduler/scheduler.js +9 -23
- package/dist/features/scheduler/scheduler/scheduler.styles.js +6 -4
- package/dist/features/scheduler/scheduler-event/scheduler-event.d.ts +2 -0
- package/dist/features/scheduler/scheduler-event/scheduler-event.js +2 -0
- package/dist/features/scheduler/scheduler-event/scheduler-event.styles.js +10 -4
- package/dist/features/scheduler/shared/scheduler-hour-grid.styles.js +3 -3
- package/dist/features/scheduler/shared/scheduler-month-view.styles.js +2 -2
- package/dist/features/scheduler/shared/scheduler-year-view.styles.js +2 -2
- package/dist/features/table/table/table-native.styles.d.ts +28 -0
- package/dist/features/table/table/table-native.styles.js +502 -0
- package/dist/features/table/table/table.d.ts +342 -294
- package/dist/features/table/table/table.js +820 -546
- package/dist/features/table/table/table.styles.js +31 -17
- package/dist/features/table/table/table.types.d.ts +11 -20
- package/dist/features/table/table/table.utils.d.ts +6 -36
- package/dist/features/table/table/table.utils.js +16 -65
- package/dist/features/table/table-action-bar/table-action-bar.d.ts +33 -16
- package/dist/features/table/table-action-bar/table-action-bar.js +15 -22
- package/dist/features/table/table-action-bar/table-action-bar.styles.js +15 -3
- package/dist/i18n/en.d.ts +31 -0
- package/dist/i18n/en.js +31 -0
- package/dist/i18n/fr.js +35 -0
- package/dist/index.d.ts +4 -10
- package/dist/index.js +6 -10
- package/dist/mixins/check.mixin.js +4 -5
- package/dist/mixins/form.mixin.d.ts +17 -1
- package/dist/mixins/form.mixin.js +80 -25
- package/dist/mixins/radio.mixin.js +4 -5
- package/dist/mixins/validators.mixin.d.ts +7 -1
- package/dist/mixins/validators.mixin.js +36 -17
- package/dist/ssr/animate-ssr.css +3 -2
- package/dist/ssr/button-ssr.css +319 -0
- package/dist/ssr/card-ssr.css +184 -0
- package/dist/ssr/description-list-ssr.css +150 -0
- package/dist/ssr/links-ssr.css +1 -1
- package/dist/ssr/table-ssr.css +472 -0
- package/dist/ssr/tag-ssr.css +197 -0
- package/dist/ssr/toolbar-ssr.css +5 -1
- package/dist/utils/drag-drop.utils.js +18 -2
- package/dist/utils/dropdown-menu.utils.d.ts +2 -2
- package/dist/utils/dropdown-menu.utils.js +4 -14
- package/dist/utils/light-dom-styles.utils.d.ts +14 -0
- package/dist/utils/light-dom-styles.utils.js +37 -0
- package/dist/utils/media.styles.d.ts +19 -0
- package/dist/utils/media.styles.js +23 -0
- package/dist/utils/motion.utils.d.ts +40 -0
- package/dist/utils/motion.utils.js +51 -0
- package/dist/utils/theme-generator.utils.d.ts +6 -1
- package/dist/utils/theme-generator.utils.js +59 -20
- package/package.json +17 -28
- package/styles/breakpoints.scss +8 -0
- package/styles/eunomia-grid.scss +6 -0
- package/styles/themes/eunomia-theme.scss +4 -3
- package/styles/themes/mixins/eunomia-a11y-color.mixin.scss +34 -1
- package/styles/themes/mixins/eunomia-neutrals.mixin.scss +4 -0
- package/styles/themes/mixins/eunomia-states.mixin.scss +36 -12
- package/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss +3 -2
- package/styles/tools/indexes/eunomia-media-queries.index.scss +1 -3
- package/styles/tools/indexes/eunomia-tools.index.scss +1 -0
- package/styles/tools/mixins/layout/eunomia-grid.mixin.scss +117 -53
- package/styles/tools/mixins/media-queries/eunomia-media-queries.mixin.scss +69 -0
- package/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +28 -4
- package/styles/tools/mixins/settings/eunomia-motion.mixin.scss +9 -0
- package/styles/tools/variables/eunomia.breakpoints.scss +4 -0
- package/dist/cdn/components/chunks/chunk-A6KGFALA.js +0 -132
- package/dist/cdn/components/chunks/chunk-CEDHJUUH.js +0 -1
- package/dist/cdn/components/chunks/chunk-D2M4BV5Y.js +0 -328
- package/dist/cdn/components/chunks/chunk-E74CM7UG.js +0 -66
- package/dist/cdn/components/chunks/chunk-EST3M4AO.js +0 -1
- package/dist/cdn/components/chunks/chunk-GU6BVMFJ.js +0 -1
- package/dist/cdn/components/chunks/chunk-KVYUNKUO.js +0 -27
- package/dist/cdn/components/chunks/chunk-OAULRKHQ.js +0 -38
- package/dist/cdn/components/chunks/chunk-PCM7D3YF.js +0 -84
- package/dist/cdn/components/chunks/chunk-SJWRE6PW.js +0 -1
- package/dist/cdn/components/chunks/chunk-T4PTHUYF.js +0 -10
- package/dist/cdn/components/chunks/chunk-VRGRCYIO.js +0 -1
- package/dist/cdn/components/chunks/chunk-X2AUBZD2.js +0 -30
- package/dist/cdn/components/eun-breadcrumb-item.js +0 -93
- package/dist/cdn/components/eun-table-cell.js +0 -1
- package/dist/cdn/components/eun-table-column.js +0 -1
- package/dist/cdn/components/eun-table-header.js +0 -1
- package/dist/cdn/components/eun-table-item.js +0 -1
- package/dist/cdn/components/eun-table-skeleton-row.js +0 -1
- package/dist/cdn/styles/tools/mixins/media-queries/eunomia-device.mixin.scss +0 -14
- package/dist/cdn/styles/tools/mixins/media-queries/eunomia-gte.mixin.scss +0 -26
- package/dist/cdn/styles/tools/mixins/media-queries/eunomia-lte.mixin.scss +0 -26
- package/dist/components/navigation/breadcrumb/breadcrumb-item.d.ts +0 -77
- package/dist/components/navigation/breadcrumb/breadcrumb-item.js +0 -130
- package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.d.ts +0 -6
- package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.js +0 -78
- package/dist/features/table/native-table.css +0 -276
- package/dist/features/table/shared-styles/table-row.styles.d.ts +0 -7
- package/dist/features/table/shared-styles/table-row.styles.js +0 -47
- package/dist/features/table/shared-styles/table-shared.styles.d.ts +0 -23
- package/dist/features/table/shared-styles/table-shared.styles.js +0 -33
- package/dist/features/table/table-cell/table-cell.d.ts +0 -59
- package/dist/features/table/table-cell/table-cell.js +0 -73
- package/dist/features/table/table-cell/table-cell.styles.d.ts +0 -1
- package/dist/features/table/table-cell/table-cell.styles.js +0 -46
- package/dist/features/table/table-column/table-column.d.ts +0 -73
- package/dist/features/table/table-column/table-column.js +0 -89
- package/dist/features/table/table-column/table-column.styles.d.ts +0 -1
- package/dist/features/table/table-column/table-column.styles.js +0 -51
- package/dist/features/table/table-header/table-header.d.ts +0 -102
- package/dist/features/table/table-header/table-header.js +0 -165
- package/dist/features/table/table-header/table-header.styles.d.ts +0 -1
- package/dist/features/table/table-header/table-header.styles.js +0 -147
- package/dist/features/table/table-item/table-item.d.ts +0 -179
- package/dist/features/table/table-item/table-item.js +0 -291
- package/dist/features/table/table-item/table-item.styles.d.ts +0 -1
- package/dist/features/table/table-item/table-item.styles.js +0 -404
- package/dist/features/table/table-managed/table-managed.d.ts +0 -19
- package/dist/features/table/table-managed/table-managed.js +0 -128
- package/dist/features/table/table-skeleton-row/table-skeleton-row.d.ts +0 -46
- package/dist/features/table/table-skeleton-row/table-skeleton-row.js +0 -110
- package/dist/features/table/table-skeleton-row/table-skeleton-row.styles.d.ts +0 -12
- package/dist/features/table/table-skeleton-row/table-skeleton-row.styles.js +0 -65
- package/dist/mixins/table-row.mixin.d.ts +0 -37
- package/dist/mixins/table-row.mixin.js +0 -103
- package/styles/tools/mixins/media-queries/eunomia-device.mixin.scss +0 -14
- package/styles/tools/mixins/media-queries/eunomia-gte.mixin.scss +0 -26
- package/styles/tools/mixins/media-queries/eunomia-lte.mixin.scss +0 -26
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as g,b as x,c as m}from"./chunk-2Y2EU2CI.js";import{a as w}from"./chunk-RS7TWEMQ.js";import{a as _}from"./chunk-UP4M7TER.js";import{a as z}from"./chunk-3MTUVMM5.js";import{a as k,b as y}from"./chunk-5GKM5DIB.js";import{a as t}from"./chunk-PPCHQG7P.js";import{a as S}from"./chunk-LMVW522V.js";import{a as i,b as c,c as b,d as v,f as p,h as r,j as s,p as n,r as h,u as f}from"./chunk-YITWLCD3.js";var C=r`
|
|
2
2
|
:host {
|
|
3
3
|
--_focusIndicator: var(--button-focus-outline, var(--_ring));
|
|
4
4
|
--_hoverFromCustom: color-mix(in srgb, var(--button-background) 88%, black);
|
|
@@ -8,17 +8,23 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
8
8
|
black
|
|
9
9
|
);
|
|
10
10
|
--_defaultBorderRadius: var(--eun-border-radius-m, 8px);
|
|
11
|
-
--
|
|
12
|
-
|
|
11
|
+
--_defaultPaddingBlock: var(--eun-space-s, 8px);
|
|
12
|
+
--_defaultPaddingInline: calc(var(--eun-space-l, 32px) / 2);
|
|
13
13
|
--_borderRadius: var(--button-border-radius, var(--_defaultBorderRadius));
|
|
14
|
-
--_padding: var(
|
|
14
|
+
--_padding: var(
|
|
15
|
+
--button-padding,
|
|
16
|
+
var(--button-padding-block, var(--_defaultPaddingBlock))
|
|
17
|
+
var(--button-padding-inline, var(--_defaultPaddingInline))
|
|
18
|
+
);
|
|
15
19
|
--_boxShadow: var(--button-shadow, none);
|
|
16
20
|
--_boxShadow-hover: var(--button-shadow-hover, var(--_boxShadow));
|
|
17
|
-
--_transition: var(--button-transition,
|
|
21
|
+
--_transition: var(--button-transition, var(--eun-duration-m, 200ms));
|
|
18
22
|
--_borderSize: var(--button-border-size, 1.5px);
|
|
19
|
-
--
|
|
23
|
+
--_defaultFontSize: var(--eun-font-size-s, 14px);
|
|
24
|
+
--_fontSize: var(--button-font-size, var(--_defaultFontSize));
|
|
20
25
|
--_gap: var(--eun-space-xs, 4px);
|
|
21
|
-
--
|
|
26
|
+
--_defaultLineHeight: 1rem;
|
|
27
|
+
--_lineHeight: var(--button-line-height, var(--_defaultLineHeight));
|
|
22
28
|
--icon-size: var(--_lineHeight);
|
|
23
29
|
--_before-display: none;
|
|
24
30
|
--_cursor: pointer;
|
|
@@ -28,7 +34,9 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
28
34
|
user-select: none;
|
|
29
35
|
cursor: var(--_cursor);
|
|
30
36
|
outline: 2px solid transparent;
|
|
31
|
-
transition:
|
|
37
|
+
transition:
|
|
38
|
+
outline var(--eun-easing-out, ease-out) var(--_transition),
|
|
39
|
+
outline-offset var(--eun-easing-out, ease-out) var(--_transition);
|
|
32
40
|
border-radius: var(--_borderRadius);
|
|
33
41
|
z-index: 0;
|
|
34
42
|
}
|
|
@@ -41,30 +49,32 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
41
49
|
outline-color: var(--_focusIndicator);
|
|
42
50
|
}
|
|
43
51
|
:host([size="xs"]) {
|
|
44
|
-
--
|
|
45
|
-
--
|
|
46
|
-
--
|
|
52
|
+
--_defaultFontSize: var(--eun-font-size-xs, 10px);
|
|
53
|
+
--_defaultPaddingBlock: var(--eun-space-xxs, 1.6px);
|
|
54
|
+
--_defaultPaddingInline: var(--eun-space-xs, 4px);
|
|
55
|
+
--_defaultLineHeight: 10px;
|
|
47
56
|
--_defaultBorderRadius: var(--eun-border-radius-s, 999px);
|
|
48
57
|
}
|
|
49
58
|
:host([size="s"]) {
|
|
50
|
-
--
|
|
51
|
-
--
|
|
52
|
-
--
|
|
59
|
+
--_defaultFontSize: var(--eun-font-size-xs, 10px);
|
|
60
|
+
--_defaultPaddingBlock: calc(var(--eun-space-s) / 2);
|
|
61
|
+
--_defaultPaddingInline: var(--eun-space-s);
|
|
62
|
+
--_defaultLineHeight: 10px;
|
|
53
63
|
--_defaultBorderRadius: var(--eun-border-radius-s, 999px);
|
|
54
64
|
}
|
|
55
65
|
:host([size="l"]) {
|
|
56
|
-
--
|
|
66
|
+
--_defaultFontSize: var(--eun-font-size-m, 16px);
|
|
57
67
|
--_gap: var(--eun-space-m, 16px);
|
|
58
|
-
--
|
|
59
|
-
|
|
60
|
-
--
|
|
68
|
+
--_defaultPaddingBlock: calc(var(--eun-space-s, 8px) * 1.25);
|
|
69
|
+
--_defaultPaddingInline: var(--eun-space-l, 32px);
|
|
70
|
+
--_defaultLineHeight: 1.1rem;
|
|
61
71
|
}
|
|
62
72
|
:host([size="xl"]) {
|
|
63
|
-
--
|
|
73
|
+
--_defaultFontSize: var(--eun-font-size-l, 1.3rem);
|
|
64
74
|
--_gap: var(--eun-space-m, 16px);
|
|
65
|
-
--
|
|
66
|
-
|
|
67
|
-
--
|
|
75
|
+
--_defaultPaddingBlock: calc(var(--eun-space-s, 8px) * 1.5);
|
|
76
|
+
--_defaultPaddingInline: var(--eun-space-l, 32px);
|
|
77
|
+
--_defaultLineHeight: 1.3rem;
|
|
68
78
|
}
|
|
69
79
|
:host([rounded]) {
|
|
70
80
|
--_defaultBorderRadius: var(--eun-border-radius-xl, 999px);
|
|
@@ -97,11 +107,13 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
97
107
|
outline: 2px solid transparent;
|
|
98
108
|
padding: var(--_padding);
|
|
99
109
|
gap: var(--_gap);
|
|
100
|
-
transition: all ease-out var(--_transition);
|
|
110
|
+
transition: all var(--eun-easing-out, ease-out) var(--_transition);
|
|
101
111
|
font-size: var(--_fontSize);
|
|
112
|
+
font-weight: var(--button-font-weight, inherit);
|
|
102
113
|
line-height: var(--_lineHeight);
|
|
103
114
|
text-decoration: none;
|
|
104
115
|
align-items: center;
|
|
116
|
+
justify-content: center;
|
|
105
117
|
white-space: nowrap;
|
|
106
118
|
}
|
|
107
119
|
#button:hover,
|
|
@@ -148,7 +160,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
148
160
|
white-space: nowrap;
|
|
149
161
|
border: 0;
|
|
150
162
|
}
|
|
151
|
-
|
|
163
|
+
`,$=r`
|
|
152
164
|
#button.slotted-link {
|
|
153
165
|
position: relative;
|
|
154
166
|
}
|
|
@@ -163,7 +175,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
163
175
|
inset: calc(-1 * var(--_borderSize));
|
|
164
176
|
border-radius: var(--_borderRadius);
|
|
165
177
|
outline: 2px solid transparent;
|
|
166
|
-
transition: outline ease-out var(--_transition);
|
|
178
|
+
transition: outline var(--eun-easing-out, ease-out) var(--_transition);
|
|
167
179
|
}
|
|
168
180
|
::slotted(a:focus-visible)::after {
|
|
169
181
|
outline-offset: 2px;
|
|
@@ -194,7 +206,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
194
206
|
pointer-events: none;
|
|
195
207
|
cursor: inherit;
|
|
196
208
|
}
|
|
197
|
-
`,
|
|
209
|
+
`,A=r`
|
|
198
210
|
:host([appearance="fill"]),
|
|
199
211
|
:host(:not([appearance])) {
|
|
200
212
|
--_bg: var(--_solid);
|
|
@@ -211,6 +223,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
211
223
|
--_bd: transparent;
|
|
212
224
|
}
|
|
213
225
|
:host([appearance="outline"]) {
|
|
226
|
+
--_borderSize: var(--button-border-size, 1px);
|
|
214
227
|
--_bg: transparent;
|
|
215
228
|
--_bg-hover: var(--_wash-hover);
|
|
216
229
|
--_bg-active: var(--_wash-active);
|
|
@@ -237,13 +250,14 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
237
250
|
--_bd: transparent;
|
|
238
251
|
--_boxShadow: var(
|
|
239
252
|
--button-shadow,
|
|
240
|
-
var(--eun-shadow-s,
|
|
253
|
+
var(--eun-shadow-s, rgba(149, 157, 165, 0.2) 0px 8px 24px)
|
|
241
254
|
);
|
|
242
255
|
--_boxShadow-hover: var(
|
|
243
256
|
--button-shadow-hover,
|
|
244
257
|
var(
|
|
245
258
|
--eun-shadow-m,
|
|
246
|
-
|
|
259
|
+
rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
|
|
260
|
+
rgba(0, 0, 0, 0.05) 0px 4px 6px -2px
|
|
247
261
|
)
|
|
248
262
|
);
|
|
249
263
|
}
|
|
@@ -271,7 +285,8 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
271
285
|
:host([appearance="raised"]:not([disabled])) #button:active {
|
|
272
286
|
box-shadow: var(
|
|
273
287
|
--eun-shadow-l,
|
|
274
|
-
|
|
288
|
+
rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
|
|
289
|
+
rgba(0, 0, 0, 0.05) 0px 4px 6px -2px
|
|
275
290
|
);
|
|
276
291
|
}
|
|
277
292
|
|
|
@@ -298,7 +313,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
298
313
|
:host([appearance="fill"][color="warning"]:not([disabled])) #button:active {
|
|
299
314
|
filter: brightness(0.8);
|
|
300
315
|
}
|
|
301
|
-
`,T=
|
|
316
|
+
`,T=r`
|
|
302
317
|
:host([disabled]) {
|
|
303
318
|
--_bg: var(--eun-disabled-color, #ecedf0);
|
|
304
319
|
--_bg-hover: var(--eun-disabled-color, #ecedf0);
|
|
@@ -316,7 +331,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
316
331
|
border-color: var(--_bd);
|
|
317
332
|
pointer-events: none;
|
|
318
333
|
}
|
|
319
|
-
`,
|
|
334
|
+
`,I=r`
|
|
320
335
|
:host([slide]) {
|
|
321
336
|
width: auto;
|
|
322
337
|
}
|
|
@@ -326,7 +341,8 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
326
341
|
gap: 0;
|
|
327
342
|
align-items: center;
|
|
328
343
|
justify-content: start;
|
|
329
|
-
transition: grid-template-columns
|
|
344
|
+
transition: grid-template-columns var(--eun-easing-default, ease)
|
|
345
|
+
var(--_transition);
|
|
330
346
|
}
|
|
331
347
|
:host([slide]:hover) #button,
|
|
332
348
|
:host([slide]:focus-visible) #button,
|
|
@@ -341,8 +357,8 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
341
357
|
margin-left: 0;
|
|
342
358
|
opacity: 0;
|
|
343
359
|
transition:
|
|
344
|
-
margin-left ease var(--_transition),
|
|
345
|
-
opacity ease var(--_transition);
|
|
360
|
+
margin-left var(--eun-easing-default, ease) var(--_transition),
|
|
361
|
+
opacity var(--eun-easing-default, ease) var(--_transition);
|
|
346
362
|
}
|
|
347
363
|
:host([slide]:hover) slot:not([name]),
|
|
348
364
|
:host([slide]:focus-visible) slot:not([name]),
|
|
@@ -350,39 +366,33 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
350
366
|
margin-left: var(--_gap);
|
|
351
367
|
opacity: 1;
|
|
352
368
|
}
|
|
353
|
-
`,
|
|
369
|
+
`,H=r`
|
|
354
370
|
:host([full]) {
|
|
355
371
|
display: flex;
|
|
356
372
|
width: 100%;
|
|
357
373
|
}
|
|
358
|
-
|
|
359
|
-
justify-content: center;
|
|
360
|
-
}
|
|
361
|
-
`,I=n`
|
|
374
|
+
`,R=r`
|
|
362
375
|
@supports (width: if(style(--a: b): 1px; else: 2px)) {
|
|
363
376
|
:host {
|
|
364
377
|
width: if(style(--button-full: true): 100%; else: fit-content);
|
|
365
378
|
}
|
|
366
|
-
#button {
|
|
367
|
-
justify-content: if(style(--button-full: true): center; else: normal);
|
|
368
|
-
}
|
|
369
379
|
}
|
|
370
|
-
`,
|
|
380
|
+
`,L=[x,C,A,T,I,$,R,H];var B="eun-button",l,u,o=class extends g(m(w(S(f)))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026";this.appearance="fill";this.full=!1;b(this,l);b(this,u,new z(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleDefaultSlotChange=()=>{this.requestUpdate()}}updated(e){super.updated(e);let a=this.slottedAnchor;if(a){this.removeAttribute("tabindex"),this.syncSlottedAnchor(a),y(this);return}if(e.has("href")||e.has("disabled")||e.has("loading")){let d=this.disabled||this.loading;this.href&&!d?this.removeAttribute("tabindex"):this.setAttribute("tabindex",d?"-1":"0")}}get slottedAnchor(){return this.href?null:this.querySelector(":scope > a")}syncSlottedAnchor(e){this.disabled||this.loading?(e.setAttribute("aria-disabled","true"),e.setAttribute("tabindex","-1"),v(this,l,e)):c(this,l)===e&&(e.removeAttribute("aria-disabled"),e.removeAttribute("tabindex"),v(this,l,void 0))}renderEndContent(){let e=!!this.href&&this.target==="_blank",a=this.dictionary.link.opensInNewTab;return!e&&!c(this,u).isBlank?n`<slot name="end"></slot>`:n`
|
|
371
381
|
<span id="external-link-icon">
|
|
372
382
|
<eun-icon name="arrow_forward" shape="round" size="12"></eun-icon>
|
|
373
|
-
${!
|
|
383
|
+
${!e||this.ariaLabel?h:n`<span class="sr-only"> (${a})</span>`}
|
|
374
384
|
</span>
|
|
375
|
-
`}renderContent(){let
|
|
385
|
+
`}renderContent(){let e=_(this.icon,this.severity),a=n`
|
|
376
386
|
<slot name="start">
|
|
377
|
-
${
|
|
387
|
+
${e?n`<eun-icon
|
|
378
388
|
class="auto-icon"
|
|
379
|
-
name=${
|
|
389
|
+
name=${e}
|
|
380
390
|
size="16"
|
|
381
|
-
></eun-icon>`:
|
|
391
|
+
></eun-icon>`:h}
|
|
382
392
|
</slot>
|
|
383
393
|
<slot @slotchange=${this.handleDefaultSlotChange}></slot>
|
|
384
394
|
${this.renderEndContent()}
|
|
385
|
-
`;return this.loading?
|
|
395
|
+
`;return this.loading?n`
|
|
386
396
|
<span id="content-hidden" aria-hidden="true">${a}</span>
|
|
387
397
|
<span id="loader-overlay">
|
|
388
398
|
<eun-loader label=${this.loadingLabel}></eun-loader>
|
|
@@ -390,26 +400,26 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
|
|
|
390
400
|
>${this.loadingLabel}</span
|
|
391
401
|
>
|
|
392
402
|
</span>
|
|
393
|
-
`:a}handleLinkClick(
|
|
403
|
+
`:a}handleLinkClick(e){this.download||k(this,e,this.href,this.target)}render(){let e=this.renderContent(),a=this.disabled||this.loading;if(this.href){let d=this.target==="_blank";return n`
|
|
394
404
|
<a
|
|
395
405
|
id="button"
|
|
396
|
-
href=${
|
|
397
|
-
target=${
|
|
398
|
-
rel=${
|
|
399
|
-
download=${
|
|
400
|
-
aria-label=${
|
|
401
|
-
aria-disabled=${
|
|
402
|
-
aria-busy=${
|
|
406
|
+
href=${t(a?void 0:this.href)}
|
|
407
|
+
target=${t(this.target)}
|
|
408
|
+
rel=${t(d?"noopener noreferrer":void 0)}
|
|
409
|
+
download=${t(this.download)}
|
|
410
|
+
aria-label=${t(d&&this.ariaLabel?`${this.ariaLabel} (${this.dictionary.link.opensInNewTab})`:this.ariaLabel??void 0)}
|
|
411
|
+
aria-disabled=${t(this.disabled?"true":void 0)}
|
|
412
|
+
aria-busy=${t(this.loading?"true":void 0)}
|
|
403
413
|
@click=${this.handleLinkClick}
|
|
404
414
|
>
|
|
405
|
-
${
|
|
415
|
+
${e}
|
|
406
416
|
</a>
|
|
407
|
-
`}return
|
|
417
|
+
`}return n`
|
|
408
418
|
<div
|
|
409
419
|
id="button"
|
|
410
|
-
class=${
|
|
411
|
-
aria-busy=${
|
|
420
|
+
class=${t(this.slottedAnchor?"slotted-link":void 0)}
|
|
421
|
+
aria-busy=${t(this.loading?"true":void 0)}
|
|
412
422
|
>
|
|
413
|
-
${
|
|
423
|
+
${e}
|
|
414
424
|
</div>
|
|
415
|
-
`}};l=new WeakMap,u=new WeakMap,o.styles=
|
|
425
|
+
`}};l=new WeakMap,u=new WeakMap,o.styles=L,i([s({attribute:"loading-label"})],o.prototype,"loadingLabel",2),i([s()],o.prototype,"icon",2),i([s({reflect:!0})],o.prototype,"severity",2),i([s({reflect:!0})],o.prototype,"appearance",2),i([s({type:Boolean,reflect:!0})],o.prototype,"full",2),o=i([p(B)],o);export{B as a,o as b};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as l}from"./chunk-5GKM5DIB.js";import{a as t}from"./chunk-PPCHQG7P.js";import{a as d}from"./chunk-LMVW522V.js";import{a as r,h as s,j as i,p as a,r as o}from"./chunk-YITWLCD3.js";var w=p=>{class n extends d(p){get isExternal(){return this.target==="_blank"}get linkAriaLabel(){let e=this.ariaLabel??void 0;return this.isExternal&&e?`${e} (${this.dictionary.link.opensInNewTab})`:e}handleCardLinkClick(e){this.download||l(this,e,this.href,this.target)}renderNewTabHint(){if(!(this.href&&this.isExternal)||this.ariaLabel)return o;let e=this.dictionary.link.opensInNewTab;return a`<span class="sr-only"> (${e})</span>`}renderExternalLinkBadge(e=!1){return!(this.href&&this.isExternal)&&!e?o:a`
|
|
2
2
|
<span id="external-link-badge" aria-hidden="true">
|
|
3
3
|
<eun-icon name="arrow_forward" shape="round" size="12"></eun-icon>
|
|
4
4
|
</span>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var At=Object.defineProperty;var gt=Object.getOwnPropertyDescriptor;var tt=i=>{throw TypeError(i)};var jt=(i,t,e,s)=>{for(var r=s>1?void 0:s?gt(t,e):t,o=i.length-1,n;o>=0;o--)(n=i[o])&&(r=(s?n(t,e,r):n(r))||r);return s&&r&&At(t,e,r),r};var V=(i,t,e)=>t.has(i)||tt("Cannot "+e);var qt=(i,t,e)=>(V(i,t,"read from private field"),e?e.call(i):t.get(i)),Dt=(i,t,e)=>t.has(i)?tt("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(i):t.set(i,e),Lt=(i,t,e,s)=>(V(i,t,"write to private field"),s?s.call(i,e):t.set(i,e),e),kt=(i,t,e)=>(V(i,t,"access private method"),e);var Bt=i=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,t)}):customElements.define(i,t)};var T=globalThis,H=T.ShadowRoot&&(T.ShadyCSS===void 0||T.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,W=Symbol(),et=new WeakMap,C=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==W)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(H&&t===void 0){let s=e!==void 0&&e.length===1;s&&(t=et.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&et.set(e,t))}return t}toString(){return this.cssText}},st=i=>new C(typeof i=="string"?i:i+"",void 0,W),vt=(i,...t)=>{let e=i.length===1?i[0]:t.reduce((s,r,o)=>s+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[o+1],i[0]);return new C(e,i,W)},it=(i,t)=>{if(H)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let s=document.createElement("style"),r=T.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)}},K=H?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(let s of t.cssRules)e+=s.cssText;return st(e)})(i):i;var{is:St,defineProperty:Et,getOwnPropertyDescriptor:bt,getOwnPropertyNames:xt,getOwnPropertySymbols:Ct,getPrototypeOf:wt}=Object,j=globalThis,rt=j.trustedTypes,Pt=rt?rt.emptyScript:"",Ut=j.reactiveElementPolyfillSupport,w=(i,t)=>i,P={toAttribute(i,t){switch(t){case Boolean:i=i?Pt:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},q=(i,t)=>!St(i,t),ot={attribute:!0,type:String,converter:P,reflect:!1,useDefault:!1,hasChanged:q};Symbol.metadata??=Symbol("metadata"),j.litPropertyMetadata??=new WeakMap;var f=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=ot){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){let s=Symbol(),r=this.getPropertyDescriptor(t,s,e);r!==void 0&&Et(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){let{get:r,set:o}=bt(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get:r,set(n){let a=r?.call(this);o?.call(this,n),this.requestUpdate(t,a,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??ot}static _$Ei(){if(this.hasOwnProperty(w("elementProperties")))return;let t=wt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(w("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(w("properties"))){let e=this.properties,s=[...xt(e),...Ct(e)];for(let r of s)this.createProperty(r,e[r])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[s,r]of e)this.elementProperties.set(s,r)}this._$Eh=new Map;for(let[e,s]of this.elementProperties){let r=this._$Eu(e,s);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let s=new Set(t.flat(1/0).reverse());for(let r of s)e.unshift(K(r))}else t!==void 0&&e.push(K(t));return e}static _$Eu(t,e){let s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return it(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){let s=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,s);if(r!==void 0&&s.reflect===!0){let o=(s.converter?.toAttribute!==void 0?s.converter:P).toAttribute(e,s.type);this._$Em=t,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){let s=this.constructor,r=s._$Eh.get(t);if(r!==void 0&&this._$Em!==r){let o=s.getPropertyOptions(r),n=typeof o.converter=="function"?{fromAttribute:o.converter}:o.converter?.fromAttribute!==void 0?o.converter:P;this._$Em=r;let a=n.fromAttribute(e,o.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(t,e,s,r=!1,o){if(t!==void 0){let n=this.constructor;if(r===!1&&(o=this[t]),s??=n.getPropertyOptions(t),!((s.hasChanged??q)(o,e)||s.useDefault&&s.reflect&&o===this._$Ej?.get(t)&&!this.hasAttribute(n._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:r,wrapped:o},n){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,n??e??this[t]),o!==!0||n!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),r===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[r,o]of this._$Ep)this[r]=o;this._$Ep=void 0}let s=this.constructor.elementProperties;if(s.size>0)for(let[r,o]of s){let{wrapped:n}=o,a=this[r];n!==!0||this._$AL.has(r)||a===void 0||this.C(r,void 0,o,a)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(s=>s.hostUpdate?.()),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(t){}firstUpdated(t){}};f.elementStyles=[],f.shadowRootOptions={mode:"open"},f[w("elementProperties")]=new Map,f[w("finalized")]=new Map,Ut?.({ReactiveElement:f}),(j.reactiveElementVersions??=[]).push("2.1.2");var Ot={attribute:!0,type:String,converter:P,reflect:!1,hasChanged:q},Rt=(i=Ot,t,e)=>{let{kind:s,metadata:r}=e,o=globalThis.litPropertyMetadata.get(r);if(o===void 0&&globalThis.litPropertyMetadata.set(r,o=new Map),s==="setter"&&((i=Object.create(i)).wrapped=!0),o.set(e.name,i),s==="accessor"){let{name:n}=e;return{set(a){let h=t.get.call(this);t.set.call(this,a),this.requestUpdate(n,h,i,!0,a)},init(a){return a!==void 0&&this.C(n,void 0,i,a),a}}}if(s==="setter"){let{name:n}=e;return function(a){let h=this[n];t.call(this,a),this.requestUpdate(n,h,i,!0,a)}}throw Error("Unsupported decorator location: "+s)};function nt(i){return(t,e)=>typeof e=="object"?Rt(i,t,e):((s,r,o)=>{let n=r.hasOwnProperty(o);return r.constructor.createProperty(o,s),n?Object.getOwnPropertyDescriptor(r,o):void 0})(i,t,e)}function Qt(i){return nt({...i,state:!0,attribute:!1})}var u=(i,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(i,t,e),e);function ee(i,t){return(e,s,r)=>{let o=n=>n.renderRoot?.querySelector(i)??null;if(t){let{get:n,set:a}=typeof s=="object"?e:r??(()=>{let h=Symbol();return{get(){return this[h]},set(c){this[h]=c}}})();return u(e,s,{get(){let h=n.call(this);return h===void 0&&(h=o(this),(h!==null||this.hasUpdated)&&a.call(this,h)),h}})}return u(e,s,{get(){return o(this)}})}}var Mt;function re(i){return(t,e)=>u(t,e,{get(){return(this.renderRoot??(Mt??=document.createDocumentFragment())).querySelectorAll(i)}})}function he(i){return(t,e)=>{let{slot:s,selector:r}=i??{},o="slot"+(s?`[name=${s}]`:":not([name])");return u(t,e,{get(){let n=this.renderRoot?.querySelector(o),a=n?.assignedElements(i)??[];return r===void 0?a:a.filter(h=>h.matches(r))}})}}function ce(i){return(t,e)=>{let{slot:s}=i??{},r="slot"+(s?`[name=${s}]`:":not([name])");return u(t,e,{get(){return this.renderRoot?.querySelector(r)?.assignedNodes(i)??[]}})}}var J=globalThis,ht=i=>i,D=J.trustedTypes,at=D?D.createPolicy("lit-html",{createHTML:i=>i}):void 0,Z="$lit$",m=`lit$${Math.random().toFixed(9).slice(2)}$`,G="?"+m,Nt=`<${G}>`,g=document,O=()=>g.createComment(""),R=i=>i===null||typeof i!="object"&&typeof i!="function",Q=Array.isArray,$t=i=>Q(i)||typeof i?.[Symbol.iterator]=="function",F=`[
|
|
2
2
|
\f\r]`,U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,lt=/-->/g,ct=/>/g,y=RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),pt=/'/g,dt=/"/g,ft=/^(?:script|style|textarea|title)$/i,X=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),xe=X(1),Ce=X(2),we=X(3),v=Symbol.for("lit-noChange"),p=Symbol.for("lit-nothing"),ut=new WeakMap,A=g.createTreeWalker(g,129);function mt(i,t){if(!Q(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return at!==void 0?at.createHTML(t):t}var _t=(i,t)=>{let e=i.length-1,s=[],r,o=t===2?"<svg>":t===3?"<math>":"",n=U;for(let a=0;a<e;a++){let h=i[a],c,d,l=-1,$=0;for(;$<h.length&&(n.lastIndex=$,d=n.exec(h),d!==null);)$=n.lastIndex,n===U?d[1]==="!--"?n=lt:d[1]!==void 0?n=ct:d[2]!==void 0?(ft.test(d[2])&&(r=RegExp("</"+d[2],"g")),n=y):d[3]!==void 0&&(n=y):n===y?d[0]===">"?(n=r??U,l=-1):d[1]===void 0?l=-2:(l=n.lastIndex-d[2].length,c=d[1],n=d[3]===void 0?y:d[3]==='"'?dt:pt):n===dt||n===pt?n=y:n===lt||n===ct?n=U:(n=y,r=void 0);let _=n===y&&i[a+1].startsWith("/>")?" ":"";o+=n===U?h+Nt:l>=0?(s.push(c),h.slice(0,l)+Z+h.slice(l)+m+_):h+m+(l===-2?a:_)}return[mt(i,o+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]},M=class i{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let o=0,n=0,a=t.length-1,h=this.parts,[c,d]=_t(t,e);if(this.el=i.createElement(c,s),A.currentNode=this.el.content,e===2||e===3){let l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(r=A.nextNode())!==null&&h.length<a;){if(r.nodeType===1){if(r.hasAttributes())for(let l of r.getAttributeNames())if(l.endsWith(Z)){let $=d[n++],_=r.getAttribute(l).split(m),N=/([.?@])?(.*)/.exec($);h.push({type:1,index:o,name:N[2],strings:_,ctor:N[1]==="."?k:N[1]==="?"?z:N[1]==="@"?B:E}),r.removeAttribute(l)}else l.startsWith(m)&&(h.push({type:6,index:o}),r.removeAttribute(l));if(ft.test(r.tagName)){let l=r.textContent.split(m),$=l.length-1;if($>0){r.textContent=D?D.emptyScript:"";for(let _=0;_<$;_++)r.append(l[_],O()),A.nextNode(),h.push({type:2,index:++o});r.append(l[$],O())}}}else if(r.nodeType===8)if(r.data===G)h.push({type:2,index:o});else{let l=-1;for(;(l=r.data.indexOf(m,l+1))!==-1;)h.push({type:7,index:o}),l+=m.length-1}o++}}static createElement(t,e){let s=g.createElement("template");return s.innerHTML=t,s}};function S(i,t,e=i,s){if(t===v)return t;let r=s!==void 0?e._$Co?.[s]:e._$Cl,o=R(t)?void 0:t._$litDirective$;return r?.constructor!==o&&(r?._$AO?.(!1),o===void 0?r=void 0:(r=new o(i),r._$AT(i,e,s)),s!==void 0?(e._$Co??=[])[s]=r:e._$Cl=r),r!==void 0&&(t=S(i,r._$AS(i,t.values),r,s)),t}var L=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:s}=this._$AD,r=(t?.creationScope??g).importNode(e,!0);A.currentNode=r;let o=A.nextNode(),n=0,a=0,h=s[0];for(;h!==void 0;){if(n===h.index){let c;h.type===2?c=new b(o,o.nextSibling,this,t):h.type===1?c=new h.ctor(o,h.name,h.strings,this,t):h.type===6&&(c=new I(o,this,t)),this._$AV.push(c),h=s[++a]}n!==h?.index&&(o=A.nextNode(),n++)}return A.currentNode=g,r}p(t){let e=0;for(let s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}},b=class i{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,r){this.type=2,this._$AH=p,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=S(this,t,e),R(t)?t===p||t==null||t===""?(this._$AH!==p&&this._$AR(),this._$AH=p):t!==this._$AH&&t!==v&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):$t(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==p&&R(this._$AH)?this._$AA.nextSibling.data=t:this.T(g.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=M.createElement(mt(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===r)this._$AH.p(e);else{let o=new L(r,this),n=o.u(this.options);o.p(e),this.T(n),this._$AH=o}}_$AC(t){let e=ut.get(t.strings);return e===void 0&&ut.set(t.strings,e=new M(t)),e}k(t){Q(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,s,r=0;for(let o of t)r===e.length?e.push(s=new i(this.O(O()),this.O(O()),this,this.options)):s=e[r],s._$AI(o),r++;r<e.length&&(this._$AR(s&&s._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let s=ht(t).nextSibling;ht(t).remove(),t=s}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},E=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,r,o){this.type=1,this._$AH=p,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=o,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=p}_$AI(t,e=this,s,r){let o=this.strings,n=!1;if(o===void 0)t=S(this,t,e,0),n=!R(t)||t!==this._$AH&&t!==v,n&&(this._$AH=t);else{let a=t,h,c;for(t=o[0],h=0;h<o.length-1;h++)c=S(this,a[s+h],e,h),c===v&&(c=this._$AH[h]),n||=!R(c)||c!==this._$AH[h],c===p?t=p:t!==p&&(t+=(c??"")+o[h+1]),this._$AH[h]=c}n&&!r&&this.j(t)}j(t){t===p?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},k=class extends E{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===p?void 0:t}},z=class extends E{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==p)}},B=class extends E{constructor(t,e,s,r,o){super(t,e,s,r,o),this.type=5}_$AI(t,e=this){if((t=S(this,t,e,0)??p)===v)return;let s=this._$AH,r=t===p&&s!==p||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==p&&(s===p||r);r&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},I=class{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t)}},Pe={M:Z,P:m,A:G,C:1,L:_t,R:L,D:$t,V:S,I:b,H:E,N:z,U:B,B:k,F:I},Tt=J.litHtmlPolyfillSupport;Tt?.(M,b),(J.litHtmlVersions??=[]).push("3.3.3");var yt=(i,t,e)=>{let s=e?.renderBefore??t,r=s._$litPart$;if(r===void 0){let o=e?.renderBefore??null;s._$litPart$=r=new b(t.insertBefore(O(),o),o,void 0,e??{})}return r._$AI(i),r};var Y=globalThis,x=class extends f{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=yt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return v}};x._$litElement$=!0,x.finalized=!0,Y.litElementHydrateSupport?.({LitElement:x});var Ht=Y.litElementPolyfillSupport;Ht?.({LitElement:x});(Y.litElementVersions??=[]).push("4.2.2");export{jt as a,qt as b,Dt as c,Lt as d,kt as e,Bt as f,
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),pt=/'/g,dt=/"/g,ft=/^(?:script|style|textarea|title)$/i,X=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),xe=X(1),Ce=X(2),we=X(3),v=Symbol.for("lit-noChange"),p=Symbol.for("lit-nothing"),ut=new WeakMap,A=g.createTreeWalker(g,129);function mt(i,t){if(!Q(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return at!==void 0?at.createHTML(t):t}var _t=(i,t)=>{let e=i.length-1,s=[],r,o=t===2?"<svg>":t===3?"<math>":"",n=U;for(let a=0;a<e;a++){let h=i[a],c,d,l=-1,$=0;for(;$<h.length&&(n.lastIndex=$,d=n.exec(h),d!==null);)$=n.lastIndex,n===U?d[1]==="!--"?n=lt:d[1]!==void 0?n=ct:d[2]!==void 0?(ft.test(d[2])&&(r=RegExp("</"+d[2],"g")),n=y):d[3]!==void 0&&(n=y):n===y?d[0]===">"?(n=r??U,l=-1):d[1]===void 0?l=-2:(l=n.lastIndex-d[2].length,c=d[1],n=d[3]===void 0?y:d[3]==='"'?dt:pt):n===dt||n===pt?n=y:n===lt||n===ct?n=U:(n=y,r=void 0);let _=n===y&&i[a+1].startsWith("/>")?" ":"";o+=n===U?h+Nt:l>=0?(s.push(c),h.slice(0,l)+Z+h.slice(l)+m+_):h+m+(l===-2?a:_)}return[mt(i,o+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]},M=class i{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let o=0,n=0,a=t.length-1,h=this.parts,[c,d]=_t(t,e);if(this.el=i.createElement(c,s),A.currentNode=this.el.content,e===2||e===3){let l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(r=A.nextNode())!==null&&h.length<a;){if(r.nodeType===1){if(r.hasAttributes())for(let l of r.getAttributeNames())if(l.endsWith(Z)){let $=d[n++],_=r.getAttribute(l).split(m),N=/([.?@])?(.*)/.exec($);h.push({type:1,index:o,name:N[2],strings:_,ctor:N[1]==="."?k:N[1]==="?"?z:N[1]==="@"?B:E}),r.removeAttribute(l)}else l.startsWith(m)&&(h.push({type:6,index:o}),r.removeAttribute(l));if(ft.test(r.tagName)){let l=r.textContent.split(m),$=l.length-1;if($>0){r.textContent=D?D.emptyScript:"";for(let _=0;_<$;_++)r.append(l[_],O()),A.nextNode(),h.push({type:2,index:++o});r.append(l[$],O())}}}else if(r.nodeType===8)if(r.data===G)h.push({type:2,index:o});else{let l=-1;for(;(l=r.data.indexOf(m,l+1))!==-1;)h.push({type:7,index:o}),l+=m.length-1}o++}}static createElement(t,e){let s=g.createElement("template");return s.innerHTML=t,s}};function S(i,t,e=i,s){if(t===v)return t;let r=s!==void 0?e._$Co?.[s]:e._$Cl,o=R(t)?void 0:t._$litDirective$;return r?.constructor!==o&&(r?._$AO?.(!1),o===void 0?r=void 0:(r=new o(i),r._$AT(i,e,s)),s!==void 0?(e._$Co??=[])[s]=r:e._$Cl=r),r!==void 0&&(t=S(i,r._$AS(i,t.values),r,s)),t}var L=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:s}=this._$AD,r=(t?.creationScope??g).importNode(e,!0);A.currentNode=r;let o=A.nextNode(),n=0,a=0,h=s[0];for(;h!==void 0;){if(n===h.index){let c;h.type===2?c=new b(o,o.nextSibling,this,t):h.type===1?c=new h.ctor(o,h.name,h.strings,this,t):h.type===6&&(c=new I(o,this,t)),this._$AV.push(c),h=s[++a]}n!==h?.index&&(o=A.nextNode(),n++)}return A.currentNode=g,r}p(t){let e=0;for(let s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}},b=class i{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,r){this.type=2,this._$AH=p,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=S(this,t,e),R(t)?t===p||t==null||t===""?(this._$AH!==p&&this._$AR(),this._$AH=p):t!==this._$AH&&t!==v&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):$t(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==p&&R(this._$AH)?this._$AA.nextSibling.data=t:this.T(g.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=M.createElement(mt(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===r)this._$AH.p(e);else{let o=new L(r,this),n=o.u(this.options);o.p(e),this.T(n),this._$AH=o}}_$AC(t){let e=ut.get(t.strings);return e===void 0&&ut.set(t.strings,e=new M(t)),e}k(t){Q(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,s,r=0;for(let o of t)r===e.length?e.push(s=new i(this.O(O()),this.O(O()),this,this.options)):s=e[r],s._$AI(o),r++;r<e.length&&(this._$AR(s&&s._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let s=ht(t).nextSibling;ht(t).remove(),t=s}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},E=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,r,o){this.type=1,this._$AH=p,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=o,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=p}_$AI(t,e=this,s,r){let o=this.strings,n=!1;if(o===void 0)t=S(this,t,e,0),n=!R(t)||t!==this._$AH&&t!==v,n&&(this._$AH=t);else{let a=t,h,c;for(t=o[0],h=0;h<o.length-1;h++)c=S(this,a[s+h],e,h),c===v&&(c=this._$AH[h]),n||=!R(c)||c!==this._$AH[h],c===p?t=p:t!==p&&(t+=(c??"")+o[h+1]),this._$AH[h]=c}n&&!r&&this.j(t)}j(t){t===p?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},k=class extends E{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===p?void 0:t}},z=class extends E{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==p)}},B=class extends E{constructor(t,e,s,r,o){super(t,e,s,r,o),this.type=5}_$AI(t,e=this){if((t=S(this,t,e,0)??p)===v)return;let s=this._$AH,r=t===p&&s!==p||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==p&&(s===p||r);r&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},I=class{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t)}},Pe={M:Z,P:m,A:G,C:1,L:_t,R:L,D:$t,V:S,I:b,H:E,N:z,U:B,B:k,F:I},Tt=J.litHtmlPolyfillSupport;Tt?.(M,b),(J.litHtmlVersions??=[]).push("3.3.3");var yt=(i,t,e)=>{let s=e?.renderBefore??t,r=s._$litPart$;if(r===void 0){let o=e?.renderBefore??null;s._$litPart$=r=new b(t.insertBefore(O(),o),o,void 0,e??{})}return r._$AI(i),r};var Y=globalThis,x=class extends f{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=yt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return v}};x._$litElement$=!0,x.finalized=!0,Y.litElementHydrateSupport?.({LitElement:x});var Ht=Y.litElementPolyfillSupport;Ht?.({LitElement:x});(Y.litElementVersions??=[]).push("4.2.2");export{jt as a,qt as b,Dt as c,Lt as d,kt as e,Bt as f,st as g,vt as h,f as i,nt as j,Qt as k,ee as l,re as m,he as n,ce as o,xe as p,v as q,p as r,Pe as s,yt as t,x as u};
|
|
4
4
|
/*! Bundled license information:
|
|
5
5
|
|
|
6
6
|
@lit/reactive-element/decorators/custom-element.js:
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as b}from"./chunk-RS7TWEMQ.js";import{b as c}from"./chunk-PD62MBOJ.js";import{a,f as s,h as n,j as r,n as o,p as i,r as d,u as l}from"./chunk-YITWLCD3.js";var h=n`
|
|
2
2
|
:host {
|
|
3
3
|
--_textColor: var(--tab-text-color, var(--eun-text-color, #071621));
|
|
4
4
|
--_textColor-hover: var(
|
|
@@ -12,14 +12,15 @@ import{a as c}from"./chunk-32DTNR52.js";import{a as b}from"./chunk-VRGRCYIO.js";
|
|
|
12
12
|
--_background: var(--tab-background-color, transparent);
|
|
13
13
|
--_padding: var(
|
|
14
14
|
--tab-padding,
|
|
15
|
-
var(--
|
|
15
|
+
var(--tab-padding-block, var(--eun-space-s, 8px))
|
|
16
|
+
var(--tab-padding-inline, var(--eun-space-m, 16px))
|
|
16
17
|
);
|
|
17
18
|
--_border: var(--tab-border);
|
|
18
19
|
--_border-radius: var(--tab-border-radius, 8px);
|
|
19
20
|
--_pointerEvents: all;
|
|
20
|
-
font-size: var(--eun-font-size-s, 14px);
|
|
21
|
-
font-weight: var(--eun-font-weight-m, 500);
|
|
22
|
-
outline: none;
|
|
21
|
+
font-size: var(--tab-font-size, var(--eun-font-size-s, 14px));
|
|
22
|
+
font-weight: var(--tab-font-weight, var(--eun-font-weight-m, 500));
|
|
23
|
+
outline: none !important;
|
|
23
24
|
font-family: var(--eun-font-family, "Mulish", sans-serif);
|
|
24
25
|
z-index: 1;
|
|
25
26
|
}
|
|
@@ -59,16 +60,19 @@ import{a as c}from"./chunk-32DTNR52.js";import{a as b}from"./chunk-VRGRCYIO.js";
|
|
|
59
60
|
border: var(--_border);
|
|
60
61
|
border-radius: var(--_border-radius);
|
|
61
62
|
background: var(--_background);
|
|
62
|
-
outline: 2px solid transparent;
|
|
63
|
-
outline-offset: -
|
|
63
|
+
outline: var(--tab-focus-outline-width, 2px) solid transparent;
|
|
64
|
+
outline-offset: var(--tab-focus-outline-offset, -2px);
|
|
64
65
|
user-select: none;
|
|
65
|
-
transition: all
|
|
66
|
+
transition: all var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out);
|
|
66
67
|
color: var(--_textColor);
|
|
67
68
|
fill: var(--_textColor);
|
|
68
69
|
}
|
|
69
70
|
:host(:focus-visible) div {
|
|
70
|
-
outline-offset: var(--tab-focus-outline-offset, -6px);
|
|
71
71
|
outline-color: var(--_focusIndicator);
|
|
72
|
+
background: var(
|
|
73
|
+
--tab-focus-background-color,
|
|
74
|
+
var(--eun-color-primary-alpha-10, #3d6fff1a)
|
|
75
|
+
);
|
|
72
76
|
}
|
|
73
77
|
:host([badge]) div,
|
|
74
78
|
div[has-badge] {
|
|
@@ -117,13 +121,12 @@ import{a as c}from"./chunk-32DTNR52.js";import{a as b}from"./chunk-VRGRCYIO.js";
|
|
|
117
121
|
var(--eun-color-critical-100, #aa0014)
|
|
118
122
|
);
|
|
119
123
|
border-radius: var(--eun-border-radius-xl, 999px);
|
|
120
|
-
transition: scale
|
|
124
|
+
transition: scale var(--eun-duration-m, 200ms)
|
|
125
|
+
cubic-bezier(0.35, 0.92, 0.65, 1.28);
|
|
121
126
|
scale: 1;
|
|
122
127
|
place-self: var(--_badge-place, start);
|
|
123
128
|
translate: var(--_y-correction, 0 -2px);
|
|
124
129
|
}
|
|
125
|
-
/* A real slotted badge (slot="badge") takes priority over the plain
|
|
126
|
-
dot indicator when both are present, rather than rendering both. */
|
|
127
130
|
:host([badge]) div[has-badge]::after {
|
|
128
131
|
display: none;
|
|
129
132
|
}
|
|
@@ -142,10 +145,7 @@ import{a as c}from"./chunk-32DTNR52.js";import{a as b}from"./chunk-VRGRCYIO.js";
|
|
|
142
145
|
}
|
|
143
146
|
}
|
|
144
147
|
|
|
145
|
-
@media
|
|
146
|
-
:host {
|
|
147
|
-
font-size: var(--eun-font-size-s, 14px);
|
|
148
|
-
}
|
|
148
|
+
@media ${c("tablet")} {
|
|
149
149
|
:host([badge]) div::after {
|
|
150
150
|
--_y-correction: none;
|
|
151
151
|
}
|
|
@@ -162,7 +162,7 @@ import{a as c}from"./chunk-32DTNR52.js";import{a as b}from"./chunk-VRGRCYIO.js";
|
|
|
162
162
|
--_badge-place: start;
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
|
-
`,h
|
|
165
|
+
`,v=h;var u="eun-tab",e=class extends b(l){constructor(){super(...arguments);this.active=!1;this.badge=!1;this.resizebserver=new ResizeObserver(()=>{this.closest("eun-tab-group")?.updateIndicator()})}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","tab"),this.hasAttribute("aria-controls")||this.setAttribute("aria-controls",this.panel),this.hasAttribute("id")||this.setAttribute("id",`tab-${this.panel}`),this.addEventListener("click",this.activateTab)}disconnectedCallback(){this.removeEventListener("click",this.activateTab),super.disconnectedCallback?.()}activateTab(){this.disabled||this.closest("eun-tab-group")?.activate(this)}firstUpdated(t){this.resizebserver.observe(this)}updated(t){super.updated(t),!(!t.has("active")||this.disabled)&&(this.setAttribute("aria-selected",String(this.active)),this.setAttribute("tabindex",this.active?"0":"-1"),this.active&&this.activateTab())}handleIconChange(){let t=this.shadowRoot.querySelector("div");t&&t.toggleAttribute("has-icon",!!this.slotIcon?.length)}handleBadgeSlotChange(){let t=this.shadowRoot.querySelector("div");t&&t.toggleAttribute("has-badge",!!this.slotBadge?.length)}render(){return i`
|
|
166
166
|
<div>
|
|
167
167
|
<slot name="icon" @slotchange=${this.handleIconChange}>
|
|
168
168
|
${this.icon?i`<eun-icon name=${this.icon}></eun-icon>`:d}
|
|
@@ -170,4 +170,4 @@ import{a as c}from"./chunk-32DTNR52.js";import{a as b}from"./chunk-VRGRCYIO.js";
|
|
|
170
170
|
<slot></slot>
|
|
171
171
|
<slot name="badge" @slotchange=${this.handleBadgeSlotChange}></slot>
|
|
172
172
|
</div>
|
|
173
|
-
`}};e.styles=
|
|
173
|
+
`}};e.styles=v,a([r({reflect:!0})],e.prototype,"panel",2),a([r({type:Boolean,reflect:!0})],e.prototype,"active",2),a([r({reflect:!0})],e.prototype,"icon",2),a([r({type:Boolean,reflect:!0})],e.prototype,"badge",2),a([o({slot:"icon"})],e.prototype,"slotIcon",2),a([o({slot:"badge"})],e.prototype,"slotBadge",2),e=a([s(u)],e);export{u as a,e as b};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as h}from"./chunks/chunk-YQU6RVX4.js";import{e as f}from"./chunks/chunk-GDBPWZN6.js";import{a as g}from"./chunks/chunk-UP4M7TER.js";import{a as v}from"./chunks/chunk-PPCHQG7P.js";import{a as n}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as r,f as s,h as d,j as o,n as i,o as u,p as a,r as t,u as p}from"./chunks/chunk-YITWLCD3.js";var m=d`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
width: 100%;
|
|
@@ -13,25 +13,25 @@ import{a as f}from"./chunks/chunk-YQU6RVX4.js";import{e as h}from"./chunks/chunk
|
|
|
13
13
|
--_titleColor: var(--eun-text-color, #071621);
|
|
14
14
|
}
|
|
15
15
|
:host([severity="info"]) {
|
|
16
|
-
--_background: var(--eun-color-info-
|
|
16
|
+
--_background: var(--eun-color-info-alpha-5, #097faf0d);
|
|
17
17
|
--_backgroundFilled: var(--eun-color-info-100, #097faf);
|
|
18
18
|
--_borderColor: var(--eun-color-info-100, #097faf);
|
|
19
19
|
--_titleColor: var(--eun-color-info-100, #097faf);
|
|
20
20
|
}
|
|
21
21
|
:host([severity="success"]) {
|
|
22
|
-
--_background: var(--eun-color-success-
|
|
22
|
+
--_background: var(--eun-color-success-alpha-5, #1a99480d);
|
|
23
23
|
--_backgroundFilled: var(--eun-color-success-100, #1a9948);
|
|
24
24
|
--_borderColor: var(--eun-color-success-100, #1a9948);
|
|
25
25
|
--_titleColor: var(--eun-color-success-100, #1a9948);
|
|
26
26
|
}
|
|
27
27
|
:host([severity="warning"]) {
|
|
28
|
-
--_background: var(--eun-color-warning-
|
|
28
|
+
--_background: var(--eun-color-warning-alpha-5, #c852070d);
|
|
29
29
|
--_backgroundFilled: var(--eun-color-warning-100, #c85207);
|
|
30
30
|
--_borderColor: var(--eun-color-warning-100, #c85207);
|
|
31
31
|
--_titleColor: var(--eun-color-warning-100, #c85207);
|
|
32
32
|
}
|
|
33
33
|
:host([severity="critical"]) {
|
|
34
|
-
--_background: var(--eun-color-critical-
|
|
34
|
+
--_background: var(--eun-color-critical-alpha-5, #aa00140d);
|
|
35
35
|
--_backgroundFilled: var(--eun-color-critical-100, #aa0014);
|
|
36
36
|
--_borderColor: var(--eun-color-critical-100, #aa0014);
|
|
37
37
|
--_titleColor: var(--eun-color-critical-100, #aa0014);
|
|
@@ -54,14 +54,18 @@ import{a as f}from"./chunks/chunk-YQU6RVX4.js";import{e as h}from"./chunks/chunk
|
|
|
54
54
|
width: 100%;
|
|
55
55
|
box-sizing: border-box;
|
|
56
56
|
--_bw: var(--alert-border-width, var(--eun-border-width-s, 1px));
|
|
57
|
-
/* Every appearance carries the same border box (transparent unless
|
|
58
|
-
drawn), taken out of the padding, so switching appearance or adding a
|
|
59
|
-
--alert-border-* never changes the size. */
|
|
60
57
|
border: var(--_bw) solid
|
|
61
58
|
var(--alert-border-color, var(--_frame, transparent));
|
|
62
59
|
padding: var(
|
|
63
60
|
--alert-padding,
|
|
64
|
-
|
|
61
|
+
var(
|
|
62
|
+
--alert-padding-block,
|
|
63
|
+
max(0px, calc(var(--eun-space-m, 16px) - var(--_bw)))
|
|
64
|
+
)
|
|
65
|
+
var(
|
|
66
|
+
--alert-padding-inline,
|
|
67
|
+
max(0px, calc(var(--eun-space-m, 16px) - var(--_bw)))
|
|
68
|
+
)
|
|
65
69
|
);
|
|
66
70
|
border-radius: var(--alert-border-radius, var(--eun-border-radius-m, 8px));
|
|
67
71
|
font-size: var(--eun-font-size-s, 14px);
|
|
@@ -77,10 +81,11 @@ import{a as f}from"./chunks/chunk-YQU6RVX4.js";import{e as h}from"./chunks/chunk
|
|
|
77
81
|
|
|
78
82
|
:host([appearance="default"]) #alert {
|
|
79
83
|
background: linear-gradient(
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
+
to right,
|
|
85
|
+
var(--alert-border-color, var(--_borderColor)) 4px,
|
|
86
|
+
var(--alert-background-color, var(--_background)) 4px
|
|
87
|
+
)
|
|
88
|
+
border-box;
|
|
84
89
|
}
|
|
85
90
|
:host([appearance="flat"]) #alert {
|
|
86
91
|
background: var(--alert-background-color, var(--_background));
|
|
@@ -172,7 +177,10 @@ import{a as f}from"./chunks/chunk-YQU6RVX4.js";import{e as h}from"./chunks/chunk
|
|
|
172
177
|
padding-right: calc(
|
|
173
178
|
var(
|
|
174
179
|
--alert-padding,
|
|
175
|
-
|
|
180
|
+
var(
|
|
181
|
+
--alert-padding-inline,
|
|
182
|
+
max(0px, calc(var(--eun-space-m, 16px) - var(--_bw)))
|
|
183
|
+
)
|
|
176
184
|
) +
|
|
177
185
|
var(--eun-space-l, 32px)
|
|
178
186
|
);
|
|
@@ -194,7 +202,7 @@ import{a as f}from"./chunks/chunk-YQU6RVX4.js";import{e as h}from"./chunks/chunk
|
|
|
194
202
|
:host([appearance="fill"]) #close-button {
|
|
195
203
|
--button-text: var(--alert-color, var(--_onFilled, #fff));
|
|
196
204
|
}
|
|
197
|
-
`,b=m;var _="eun-alert",e=class extends p{constructor(){super(...arguments);this.appearance="default";this.hideIcon=!1;this.closeable=!1;this.ariaLabelClose="Close";this.handleSlotChange=()=>{this.requestUpdate()};this.handleClose=()=>{this.dispatchEvent(new
|
|
205
|
+
`,b=m;var _="eun-alert",e=class extends p{constructor(){super(...arguments);this.appearance="default";this.hideIcon=!1;this.closeable=!1;this.ariaLabelClose="Close";this.handleSlotChange=()=>{this.requestUpdate()};this.handleClose=()=>{this.dispatchEvent(new h)}}getIconName(){return g(this.icon,this.severity,"severity")}shouldHideIcon(){return this.hideIcon?!0:this.iconSlotEls.length>0||this.severity?!1:!this.icon}hasDescription(){return!!this.richText||this.descriptionSlotEls.length>0||!!this.heading&&this.hasDefaultSlotContent()}hasDefaultSlotContent(){return this.defaultSlotNodes.some(l=>l.nodeType!==Node.TEXT_NODE||!!l.textContent?.trim())}hasAction(){return this.actionSlotEls.length>0}render(){let l=this.severity==="warning"||this.severity==="critical"?"alert":"status",c=this.shouldHideIcon();return a`
|
|
198
206
|
<div id="alert" role=${l} class=${n({"no-icon":c})}>
|
|
199
207
|
${this.closeable?a`
|
|
200
208
|
<eun-button
|
|
@@ -225,7 +233,7 @@ import{a as f}from"./chunks/chunk-YQU6RVX4.js";import{e as h}from"./chunks/chunk
|
|
|
225
233
|
id="description"
|
|
226
234
|
class=${n({hidden:!this.hasDescription()})}
|
|
227
235
|
>
|
|
228
|
-
${this.richText?a`<div id="rich-text">${
|
|
236
|
+
${this.richText?a`<div id="rich-text">${f(this.richText)}</div>`:t}
|
|
229
237
|
${this.heading?a`<slot
|
|
230
238
|
id="default-description"
|
|
231
239
|
@slotchange=${this.handleSlotChange}
|