@eunomia/elements 1.0.0-beta.2 → 1.0.0-beta.4
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/cdn/components/chunks/chunk-2JLDJFYD.js +48 -0
- package/dist/cdn/components/chunks/chunk-4MXL6PZC.js +124 -0
- package/dist/cdn/components/chunks/{chunk-32KRPOPV.js → chunk-5XJGYXW7.js} +6 -6
- package/dist/cdn/components/chunks/{chunk-O2HNWH65.js → chunk-5XJLIHAU.js} +7 -7
- package/dist/cdn/components/chunks/{chunk-5GF2Q3NR.js → chunk-74AOAB4X.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-WYMBUIKX.js → chunk-A6KGFALA.js} +4 -4
- package/dist/cdn/components/chunks/chunk-BMQOI7HX.js +371 -0
- package/dist/cdn/components/chunks/{chunk-LJYTHDZP.js → chunk-D2M4BV5Y.js} +6 -6
- package/dist/cdn/components/chunks/{chunk-NEYBPT3D.js → chunk-EJIX2D4Z.js} +2 -2
- package/dist/cdn/components/chunks/{chunk-BYBUXKXC.js → chunk-EOWBYZV7.js} +2 -2
- package/dist/cdn/components/chunks/chunk-EST3M4AO.js +1 -0
- package/dist/cdn/components/chunks/{chunk-AQQMW353.js → chunk-GSJEJLFA.js} +3 -3
- package/dist/cdn/components/chunks/chunk-GU6BVMFJ.js +1 -0
- package/dist/cdn/components/chunks/{chunk-5RCCZVFZ.js → chunk-IJ5WFMK4.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-RWONCXTF.js → chunk-KVYUNKUO.js} +2 -2
- package/dist/cdn/components/chunks/chunk-LGLQ36QB.js +16 -0
- package/dist/cdn/components/chunks/{chunk-74HHV4CX.js → chunk-NHFWATVN.js} +2 -2
- package/dist/cdn/components/chunks/chunk-OAULRKHQ.js +38 -0
- package/dist/cdn/components/chunks/chunk-P32B7BFD.js +118 -0
- package/dist/cdn/components/chunks/{chunk-ZPFHTJSS.js → chunk-PCM7D3YF.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-ABYEBP57.js → chunk-PED5ATYN.js} +11 -8
- package/dist/cdn/components/chunks/{chunk-ON42P6FI.js → chunk-RJCJXB7Y.js} +5 -5
- package/dist/cdn/components/chunks/{chunk-5C7YND22.js → chunk-S2UCEWNG.js} +8 -8
- package/dist/cdn/components/chunks/{chunk-7WTSHE7M.js → chunk-SIHZFOTK.js} +9 -9
- package/dist/cdn/components/chunks/{chunk-6UPI7GHJ.js → chunk-UAGCQF23.js} +7 -7
- package/dist/cdn/components/chunks/{chunk-6IILPCSQ.js → chunk-X2AUBZD2.js} +3 -3
- package/dist/cdn/components/chunks/chunk-YGUJJ25C.js +263 -0
- package/dist/cdn/components/chunks/chunk-YYCEPZUN.js +1 -0
- package/dist/cdn/components/eun-alert.js +65 -45
- package/dist/cdn/components/eun-animate.js +178 -2
- package/dist/cdn/components/eun-badge.js +1 -1
- package/dist/cdn/components/eun-breadcrumb-item.js +14 -10
- package/dist/cdn/components/eun-breadcrumb.js +11 -7
- package/dist/cdn/components/eun-button.js +1 -1
- package/dist/cdn/components/eun-calendar.js +16 -16
- package/dist/cdn/components/eun-card.js +29 -12
- package/dist/cdn/components/eun-carousel.js +36 -28
- package/dist/cdn/components/eun-check-card.js +3 -3
- package/dist/cdn/components/eun-checkbox-list.js +3 -3
- package/dist/cdn/components/eun-checkbox.js +1 -1
- package/dist/cdn/components/eun-chip.js +45 -210
- package/dist/cdn/components/eun-collapse.js +20 -26
- package/dist/cdn/components/eun-color-picker.js +28 -28
- package/dist/cdn/components/eun-counter.js +11 -11
- package/dist/cdn/components/eun-date-picker.js +50 -50
- package/dist/cdn/components/eun-drawer.js +3 -3
- package/dist/cdn/components/eun-dropdown-button.js +1 -1
- package/dist/cdn/components/eun-dropdown-item.js +6 -6
- package/dist/cdn/components/eun-fab.js +31 -53
- package/dist/cdn/components/eun-icon.js +1 -1
- package/dist/cdn/components/eun-image-card.js +18 -11
- package/dist/cdn/components/eun-image-carousel.js +16 -16
- package/dist/cdn/components/eun-infinite-list.js +1 -1
- package/dist/cdn/components/eun-input-file.js +20 -20
- package/dist/cdn/components/eun-input-phone.js +14 -14
- 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 +29 -11
- package/dist/cdn/components/eun-loader.js +1 -1
- package/dist/cdn/components/eun-modal.js +6 -6
- package/dist/cdn/components/eun-pagination.js +3 -3
- package/dist/cdn/components/eun-password-strength.js +9 -6
- package/dist/cdn/components/eun-progress-bar.js +13 -13
- package/dist/cdn/components/eun-radio-card.js +2 -2
- package/dist/cdn/components/eun-radio-list.js +3 -3
- package/dist/cdn/components/eun-radio.js +1 -1
- package/dist/cdn/components/eun-scheduler-event-editor.js +2 -2
- package/dist/cdn/components/eun-scheduler-event.js +1 -1
- package/dist/cdn/components/eun-scheduler.js +10 -10
- package/dist/cdn/components/eun-search.js +7 -7
- package/dist/cdn/components/eun-select.js +39 -18
- package/dist/cdn/components/eun-sidebar.js +10 -10
- package/dist/cdn/components/eun-skeleton.js +1 -1
- package/dist/cdn/components/eun-slider.js +9 -9
- package/dist/cdn/components/eun-sliding-card.js +7 -10
- package/dist/cdn/components/eun-step.js +8 -8
- package/dist/cdn/components/eun-stepper.js +8 -8
- package/dist/cdn/components/eun-switch.js +10 -10
- package/dist/cdn/components/eun-tab-group.js +19 -11
- package/dist/cdn/components/eun-tab-panel.js +1 -1
- 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-cell.js +1 -1
- package/dist/cdn/components/eun-table-column.js +1 -1
- package/dist/cdn/components/eun-table-header.js +1 -1
- package/dist/cdn/components/eun-table-item.js +1 -1
- package/dist/cdn/components/eun-table-skeleton-row.js +1 -1
- package/dist/cdn/components/eun-table.js +3 -3
- package/dist/cdn/components/eun-tag.js +34 -122
- package/dist/cdn/components/eun-textarea.js +28 -28
- package/dist/cdn/components/eun-time-picker.js +25 -25
- package/dist/cdn/components/eun-toast.js +40 -36
- package/dist/cdn/components/eun-toggle-group.js +199 -66
- package/dist/cdn/components/eun-toggle-item.js +42 -25
- package/dist/cdn/components/eun-toggle.js +13 -10
- package/dist/cdn/components/eun-toolbar.js +28 -19
- package/dist/cdn/components/eun-tooltip.js +122 -87
- 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 +1 -0
- package/dist/cdn/styles/themes/mixins/eunomia-neutrals.mixin.scss +71 -0
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +3 -13
- 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 +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +3 -13
- 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 +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +3 -13
- 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 +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +3 -13
- 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 +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +3 -13
- 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 +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +3 -13
- 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 +2 -0
- package/dist/cdn/styles/tools/indexes/eunomia-tools.index.scss +1 -0
- package/dist/cdn/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +39 -0
- package/dist/cdn/styles/tools/mixins/settings/eunomia-border.mixin.scss +3 -3
- package/dist/cdn/styles/tools/mixins/settings/eunomia-font.mixin.scss +12 -12
- package/dist/cdn/styles/tools/mixins/settings/eunomia-radius.mixin.scss +4 -4
- package/dist/components/action/button/button.d.ts +7 -6
- package/dist/components/action/button/button.js +7 -6
- package/dist/components/action/button/button.styles.js +143 -373
- package/dist/components/action/dropdown-button/dropdown-button.d.ts +7 -0
- package/dist/components/action/dropdown-button/dropdown-button.js +11 -0
- package/dist/components/action/dropdown-button/dropdown-button.styles.js +8 -8
- package/dist/components/action/dropdown-button/dropdown-item.styles.js +6 -6
- package/dist/components/action/fab/fab.d.ts +3 -1
- package/dist/components/action/fab/fab.js +3 -1
- package/dist/components/action/fab/fab.styles.js +26 -49
- package/dist/components/action/link/link.d.ts +50 -0
- package/dist/components/action/link/link.js +69 -1
- package/dist/components/action/link/link.styles.js +19 -2
- package/dist/components/action/shared-styles/button-palette.styles.d.ts +27 -0
- package/dist/components/action/shared-styles/button-palette.styles.js +151 -0
- package/dist/components/action/toggle/toggle-group.d.ts +41 -7
- package/dist/components/action/toggle/toggle-group.js +162 -46
- package/dist/components/action/toggle/toggle-group.styles.d.ts +6 -5
- package/dist/components/action/toggle/toggle-group.styles.js +152 -35
- package/dist/components/action/toggle/toggle-item.styles.js +38 -21
- package/dist/components/action/toggle/toggle.d.ts +1 -1
- package/dist/components/action/toggle/toggle.js +2 -2
- package/dist/components/action/toggle/toggle.styles.d.ts +2 -2
- package/dist/components/action/toggle/toggle.styles.js +13 -10
- package/dist/components/alert/alert/alert.d.ts +4 -3
- package/dist/components/alert/alert/alert.js +4 -3
- package/dist/components/alert/alert/alert.styles.js +57 -36
- package/dist/components/alert/drawer/drawer.styles.js +3 -3
- package/dist/components/alert/modal/modal.styles.js +6 -6
- package/dist/components/alert/toast/toast.d.ts +4 -3
- package/dist/components/alert/toast/toast.js +4 -3
- package/dist/components/alert/toast/toast.styles.js +41 -36
- package/dist/components/content/badge/badge.styles.js +1 -1
- package/dist/components/content/card/card.d.ts +4 -4
- package/dist/components/content/card/card.js +4 -4
- package/dist/components/content/card/card.styles.js +27 -10
- package/dist/components/content/card/image-card.d.ts +1 -1
- package/dist/components/content/card/image-card.js +1 -1
- package/dist/components/content/card/image-card.styles.js +17 -10
- package/dist/components/content/card/sliding-card.styles.js +3 -6
- package/dist/components/content/chip/chip.d.ts +16 -7
- package/dist/components/content/chip/chip.js +18 -6
- package/dist/components/content/chip/chip.styles.d.ts +1 -1
- package/dist/components/content/chip/chip.styles.js +43 -210
- package/dist/components/content/collapse/collapse.styles.js +10 -16
- package/dist/components/content/icon/icon.d.ts +48 -5
- package/dist/components/content/icon/icon.js +92 -20
- package/dist/components/content/icon/icon.style.js +1 -1
- package/dist/components/content/image-carousel/image-carousel.styles.js +14 -14
- package/dist/components/content/password-strength/password-strength.styles.js +7 -4
- package/dist/components/content/progress-bar/progress-bar.styles.js +9 -9
- package/dist/components/content/shared-styles/tone-surface.styles.d.ts +31 -0
- package/dist/components/content/shared-styles/tone-surface.styles.js +149 -0
- package/dist/components/content/tag/tag.d.ts +16 -6
- package/dist/components/content/tag/tag.js +19 -6
- package/dist/components/content/tag/tag.styles.d.ts +1 -1
- package/dist/components/content/tag/tag.styles.js +40 -121
- package/dist/components/content/tooltip/tooltip.d.ts +15 -4
- package/dist/components/content/tooltip/tooltip.js +21 -4
- package/dist/components/content/tooltip/tooltip.styles.js +115 -79
- package/dist/components/form/checkbox/check-card.styles.js +2 -2
- package/dist/components/form/checkbox/checkbox-list.d.ts +1 -1
- package/dist/components/form/checkbox/checkbox-list.js +1 -1
- package/dist/components/form/checkbox/checkbox.d.ts +1 -1
- package/dist/components/form/checkbox/checkbox.styles.js +6 -6
- package/dist/components/form/color-picker/color-picker.d.ts +1 -1
- package/dist/components/form/color-picker/color-picker.js +9 -7
- package/dist/components/form/color-picker/color-picker.styles.js +7 -7
- package/dist/components/form/counter/counter.d.ts +1 -1
- package/dist/components/form/counter/counter.js +3 -3
- package/dist/components/form/counter/counter.styles.js +7 -7
- package/dist/components/form/date-picker/date-picker-day-grid.styles.js +2 -2
- package/dist/components/form/date-picker/date-picker-grid.styles.js +15 -15
- package/dist/components/form/date-picker/date-picker-month-grid.styles.js +1 -1
- package/dist/components/form/date-picker/date-picker-year-grid.styles.js +1 -1
- package/dist/components/form/date-picker/date-picker.d.ts +1 -1
- package/dist/components/form/date-picker/date-picker.js +3 -3
- package/dist/components/form/date-picker/date-picker.styles.js +12 -12
- package/dist/components/form/input/input.d.ts +1 -1
- package/dist/components/form/input/input.js +2 -2
- package/dist/components/form/input-file/input-file.d.ts +1 -1
- package/dist/components/form/input-file/input-file.js +5 -5
- package/dist/components/form/input-file/input-file.styles.js +9 -9
- package/dist/components/form/input-phone/input-phone.d.ts +1 -1
- package/dist/components/form/input-phone/input-phone.js +3 -3
- package/dist/components/form/input-phone/input-phone.styles.js +7 -7
- package/dist/components/form/label/label.styles.js +4 -4
- package/dist/components/form/radio/radio-card.styles.js +1 -1
- package/dist/components/form/radio/radio-list.d.ts +1 -1
- package/dist/components/form/radio/radio-list.js +2 -2
- package/dist/components/form/radio/radio.d.ts +1 -1
- package/dist/components/form/radio/radio.styles.js +2 -2
- package/dist/components/form/search/search.styles.js +6 -6
- package/dist/components/form/select/select.d.ts +17 -1
- package/dist/components/form/select/select.js +28 -5
- package/dist/components/form/select/select.styles.js +16 -5
- package/dist/components/form/shared-styles/card.styles.js +1 -1
- package/dist/components/form/shared-styles/field.styles.js +7 -7
- package/dist/components/form/shared-styles/form-labels.styles.js +1 -1
- package/dist/components/form/shared-styles/listbox.styles.js +6 -6
- package/dist/components/form/slider/slider.d.ts +1 -1
- package/dist/components/form/slider/slider.js +2 -2
- package/dist/components/form/slider/slider.styles.js +6 -6
- package/dist/components/form/switch/switch.d.ts +1 -1
- package/dist/components/form/switch/switch.styles.js +8 -8
- package/dist/components/form/textarea/textarea.d.ts +1 -1
- package/dist/components/form/textarea/textarea.js +4 -4
- package/dist/components/form/textarea/textarea.styles.js +6 -6
- package/dist/components/form/time-picker/time-picker-columns.styles.js +6 -6
- package/dist/components/form/time-picker/time-picker-list.styles.js +2 -2
- package/dist/components/form/time-picker/time-picker.d.ts +1 -1
- package/dist/components/form/time-picker/time-picker.js +3 -3
- package/dist/components/form/time-picker/time-picker.styles.js +8 -8
- package/dist/components/layout/animate/animate.d.ts +40 -5
- package/dist/components/layout/animate/animate.js +30 -11
- package/dist/components/layout/animate/animate.styles.d.ts +1 -1
- package/dist/components/layout/animate/animate.styles.js +191 -1
- package/dist/components/loader/loader/loader.styles.js +2 -2
- package/dist/components/loader/skeleton/skeleton.styles.js +8 -5
- package/dist/components/navigation/breadcrumb/breadcrumb-item.d.ts +7 -0
- package/dist/components/navigation/breadcrumb/breadcrumb-item.js +15 -1
- package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.js +3 -3
- package/dist/components/navigation/breadcrumb/breadcrumb.d.ts +1 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.js +7 -1
- package/dist/components/navigation/breadcrumb/breadcrumb.styles.js +3 -3
- package/dist/components/navigation/carousel/carousel.d.ts +40 -6
- package/dist/components/navigation/carousel/carousel.js +61 -12
- package/dist/components/navigation/carousel/carousel.styles.js +20 -8
- package/dist/components/navigation/pagination/pagination.styles.js +3 -3
- package/dist/components/navigation/sidebar/sidebar.styles.js +9 -9
- package/dist/components/navigation/stepper/step.styles.js +8 -8
- package/dist/components/navigation/stepper/stepper.styles.js +8 -8
- package/dist/components/navigation/tabs/tab/tab.styles.js +5 -5
- package/dist/components/navigation/tabs/tab-group/tab-group.d.ts +9 -0
- package/dist/components/navigation/tabs/tab-group/tab-group.js +19 -2
- package/dist/components/navigation/tabs/tab-group/tab-group.styles.js +12 -4
- package/dist/components/navigation/tabs/tab-panel/tab-panel.styles.js +1 -1
- package/dist/components/navigation/toolbar/toolbar.d.ts +24 -0
- package/dist/components/navigation/toolbar/toolbar.js +30 -2
- package/dist/components/navigation/toolbar/toolbar.styles.js +20 -10
- package/dist/events/change.event.d.ts +13 -1
- package/dist/events/change.event.js +2 -1
- package/dist/features/scheduler/calendar/calendar.js +1 -1
- package/dist/features/scheduler/calendar/calendar.styles.js +3 -3
- package/dist/features/scheduler/scheduler/scheduler.styles.js +2 -2
- package/dist/features/scheduler/scheduler-event/scheduler-event.styles.js +2 -2
- package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.styles.js +2 -2
- package/dist/features/scheduler/shared/scheduler-event-popover.styles.js +4 -4
- package/dist/features/scheduler/shared/scheduler-hour-grid.styles.js +1 -1
- package/dist/features/scheduler/shared/scheduler-month-view.styles.js +1 -1
- package/dist/features/scheduler/shared/scheduler-year-view.styles.js +1 -1
- package/dist/features/table/native-table.css +11 -11
- package/dist/features/table/table/table.styles.js +2 -2
- package/dist/features/table/table-action-bar/table-action-bar.styles.js +2 -2
- package/dist/features/table/table-cell/table-cell.styles.js +2 -2
- package/dist/features/table/table-column/table-column.styles.js +3 -3
- package/dist/features/table/table-header/table-header.styles.js +4 -4
- package/dist/features/table/table-item/table-item.styles.js +6 -6
- package/dist/features/table/table-skeleton-row/table-skeleton-row.styles.js +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.js +6 -3
- package/dist/jsx.d.ts +18 -5
- package/dist/mixins/button.mixin.d.ts +1 -0
- package/dist/mixins/button.mixin.js +10 -0
- package/dist/mixins/check.mixin.d.ts +1 -1
- package/dist/mixins/check.mixin.js +6 -2
- package/dist/mixins/editable.mixin.d.ts +1 -1
- package/dist/mixins/form.mixin.d.ts +9 -1
- package/dist/mixins/form.mixin.js +110 -14
- package/dist/mixins/overflow-navigation.mixin.js +2 -1
- package/dist/mixins/radio.mixin.d.ts +1 -1
- package/dist/mixins/radio.mixin.js +6 -2
- package/dist/mixins/validators.mixin.d.ts +9 -3
- package/dist/ssr/animate-ssr.css +149 -0
- package/dist/ssr/overlay-ssr.css +57 -0
- package/dist/ssr/sidebar-ssr.css +57 -0
- package/dist/ssr/toolbar-ssr.css +41 -0
- package/dist/utils/rich-text.utils.d.ts +33 -0
- package/dist/utils/rich-text.utils.js +140 -49
- package/dist/utils/theme-generator.utils.d.ts +24 -3
- package/dist/utils/theme-generator.utils.js +66 -21
- package/package.json +14 -3
- package/styles/themes/eunomia-theme.scss +1 -0
- package/styles/themes/mixins/eunomia-neutrals.mixin.scss +71 -0
- package/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss +2 -0
- package/styles/tools/indexes/eunomia-tools.index.scss +1 -0
- package/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +39 -0
- package/styles/tools/mixins/settings/eunomia-border.mixin.scss +3 -3
- package/styles/tools/mixins/settings/eunomia-font.mixin.scss +12 -12
- package/styles/tools/mixins/settings/eunomia-radius.mixin.scss +4 -4
- package/dist/cdn/components/chunks/chunk-27Q2SLRY.js +0 -603
- package/dist/cdn/components/chunks/chunk-2IQUMAMI.js +0 -38
- package/dist/cdn/components/chunks/chunk-5TH3P53V.js +0 -16
- package/dist/cdn/components/chunks/chunk-7Q6AHVI5.js +0 -1
- package/dist/cdn/components/chunks/chunk-DENMN3WH.js +0 -48
- package/dist/cdn/components/chunks/chunk-MBF52GEL.js +0 -1
- package/dist/cdn/components/chunks/chunk-ONYUXQV2.js +0 -1
- package/dist/cdn/components/chunks/chunk-ZKPCO5RB.js +0 -262
- package/dist/components/layout/animate/animate-ssr.css +0 -64
|
@@ -0,0 +1,371 @@
|
|
|
1
|
+
import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk-T7WABJEJ.js";import{a as p}from"./chunk-UP4M7TER.js";import{a as o}from"./chunk-5EVP7YNE.js";import{a as b}from"./chunk-BKHD4S57.js";import{a as n,f as c,g as i,h as s,n as a,p as l,s as u}from"./chunk-XH6NREVZ.js";var x=i`
|
|
2
|
+
:host {
|
|
3
|
+
--_focusIndicator: var(--button-focus-outline, var(--_ring));
|
|
4
|
+
--_hoverFromCustom: color-mix(in srgb, var(--button-background) 88%, black);
|
|
5
|
+
--_activeFromCustom: color-mix(
|
|
6
|
+
in srgb,
|
|
7
|
+
var(--button-background) 76%,
|
|
8
|
+
black
|
|
9
|
+
);
|
|
10
|
+
--_borderRadius: var(
|
|
11
|
+
--button-border-radius,
|
|
12
|
+
var(--eun-border-radius-m, 8px)
|
|
13
|
+
);
|
|
14
|
+
--_padding: var(
|
|
15
|
+
--button-padding,
|
|
16
|
+
var(--eun-space-s, 8px) calc(var(--eun-space-l, 32px) / 2)
|
|
17
|
+
);
|
|
18
|
+
--_boxShadow: var(--button-shadow, none);
|
|
19
|
+
--_boxShadow-hover: var(--button-shadow-hover, var(--_boxShadow));
|
|
20
|
+
--_transition: var(--button-transition, 0.2s);
|
|
21
|
+
--_borderSize: var(--button-border-size, 1.5px);
|
|
22
|
+
--_fontSize: var(--eun-font-size-s, 14px);
|
|
23
|
+
--_gap: var(--eun-space-xs, 4px);
|
|
24
|
+
--_lineHeight: 1rem;
|
|
25
|
+
--icon-size: var(--_lineHeight);
|
|
26
|
+
--_before-display: none;
|
|
27
|
+
--_cursor: pointer;
|
|
28
|
+
display: inline-flex;
|
|
29
|
+
width: fit-content;
|
|
30
|
+
position: relative;
|
|
31
|
+
user-select: none;
|
|
32
|
+
cursor: var(--_cursor);
|
|
33
|
+
outline: 2px solid transparent;
|
|
34
|
+
transition: all ease-out var(--_transition);
|
|
35
|
+
border-radius: var(--_borderRadius);
|
|
36
|
+
z-index: 0;
|
|
37
|
+
}
|
|
38
|
+
:host(:focus-visible) {
|
|
39
|
+
outline-offset: 2px;
|
|
40
|
+
outline-color: var(--_focusIndicator);
|
|
41
|
+
}
|
|
42
|
+
#button:focus-visible {
|
|
43
|
+
outline-offset: 2px;
|
|
44
|
+
outline-color: var(--_focusIndicator);
|
|
45
|
+
}
|
|
46
|
+
:host([size="xs"]) {
|
|
47
|
+
--_fontSize: var(--eun-font-size-xs, 10px);
|
|
48
|
+
--_padding: var(--eun-space-xxs, 1.6px) var(--eun-space-xs, 4px);
|
|
49
|
+
--_lineHeight: 10px;
|
|
50
|
+
--_borderRadius: var(--eun-border-radius-s, 999px);
|
|
51
|
+
}
|
|
52
|
+
:host([size="s"]) {
|
|
53
|
+
--_fontSize: var(--eun-font-size-xs, 10px);
|
|
54
|
+
--_padding: calc(var(--eun-space-s) / 2) var(--eun-space-s);
|
|
55
|
+
--_lineHeight: 10px;
|
|
56
|
+
--_borderRadius: var(--eun-border-radius-s, 999px);
|
|
57
|
+
}
|
|
58
|
+
:host([size="l"]) {
|
|
59
|
+
--_fontSize: var(--eun-font-size-m, 16px);
|
|
60
|
+
--_gap: var(--eun-space-m, 16px);
|
|
61
|
+
--_padding: calc(var(--eun-space-s, 8px) * 1.25) var(--eun-space-l, 32px);
|
|
62
|
+
--_lineHeight: 1.1rem;
|
|
63
|
+
}
|
|
64
|
+
:host([size="xl"]) {
|
|
65
|
+
--_fontSize: var(--eun-font-size-l, 1.3rem);
|
|
66
|
+
--_gap: var(--eun-space-m, 16px);
|
|
67
|
+
--_padding: calc(var(--eun-space-s, 8px) * 1.5) var(--eun-space-l, 32px);
|
|
68
|
+
--_lineHeight: 1.3rem;
|
|
69
|
+
}
|
|
70
|
+
:host([rounded]) {
|
|
71
|
+
--_borderRadius: var(--eun-border-radius-xl, 999px);
|
|
72
|
+
}
|
|
73
|
+
slot::slotted(*) {
|
|
74
|
+
color: var(--_textColor);
|
|
75
|
+
}
|
|
76
|
+
slot::slotted(*:not([fill])),
|
|
77
|
+
slot::slotted(*[fill="currentColor"]) {
|
|
78
|
+
fill: var(--_textColor);
|
|
79
|
+
}
|
|
80
|
+
slot[name="start"]::slotted(eun-icon),
|
|
81
|
+
slot[name="end"]::slotted(eun-icon) {
|
|
82
|
+
flex-shrink: 0;
|
|
83
|
+
}
|
|
84
|
+
.auto-icon {
|
|
85
|
+
flex-shrink: 0;
|
|
86
|
+
}
|
|
87
|
+
#button {
|
|
88
|
+
font-family: var(--eun-font-family, "Mulish", sans-serif);
|
|
89
|
+
--_textColor: var(--button-text, var(--_fg));
|
|
90
|
+
background: var(--button-background, var(--_bg));
|
|
91
|
+
border-radius: var(--_borderRadius);
|
|
92
|
+
color: var(--_textColor);
|
|
93
|
+
box-shadow: var(--_boxShadow);
|
|
94
|
+
display: flex;
|
|
95
|
+
width: 100%;
|
|
96
|
+
height: fit-content;
|
|
97
|
+
border: var(--_borderSize) solid var(--button-border-color, var(--_bd));
|
|
98
|
+
outline: 2px solid transparent;
|
|
99
|
+
padding: var(--_padding);
|
|
100
|
+
gap: var(--_gap);
|
|
101
|
+
transition: all ease-out var(--_transition);
|
|
102
|
+
font-size: var(--_fontSize);
|
|
103
|
+
line-height: var(--_lineHeight);
|
|
104
|
+
text-decoration: none;
|
|
105
|
+
align-items: center;
|
|
106
|
+
white-space: nowrap;
|
|
107
|
+
}
|
|
108
|
+
#button:hover,
|
|
109
|
+
:host(:focus-visible) #button,
|
|
110
|
+
#button:focus-visible {
|
|
111
|
+
box-shadow: var(--_boxShadow-hover);
|
|
112
|
+
border-color: var(
|
|
113
|
+
--button-border-color-hover,
|
|
114
|
+
var(--button-border-color, var(--_bd))
|
|
115
|
+
);
|
|
116
|
+
}
|
|
117
|
+
#external-link-icon {
|
|
118
|
+
display: inline-flex;
|
|
119
|
+
align-items: center;
|
|
120
|
+
margin-inline: var(--eun-space-s) calc(-1 * var(--eun-space-xs));
|
|
121
|
+
transform: rotate(-45deg);
|
|
122
|
+
--icon-color: var(--_textColor);
|
|
123
|
+
}
|
|
124
|
+
#content-hidden {
|
|
125
|
+
display: flex;
|
|
126
|
+
align-items: center;
|
|
127
|
+
gap: var(--_gap);
|
|
128
|
+
visibility: hidden;
|
|
129
|
+
}
|
|
130
|
+
#loader-overlay {
|
|
131
|
+
position: absolute;
|
|
132
|
+
inset: 0;
|
|
133
|
+
display: flex;
|
|
134
|
+
align-items: center;
|
|
135
|
+
justify-content: center;
|
|
136
|
+
}
|
|
137
|
+
:host([loading]) #button {
|
|
138
|
+
cursor: wait;
|
|
139
|
+
pointer-events: none;
|
|
140
|
+
}
|
|
141
|
+
.sr-only {
|
|
142
|
+
position: absolute;
|
|
143
|
+
width: 1px;
|
|
144
|
+
height: 1px;
|
|
145
|
+
padding: 0;
|
|
146
|
+
margin: -1px;
|
|
147
|
+
overflow: hidden;
|
|
148
|
+
clip: rect(0 0 0 0);
|
|
149
|
+
white-space: nowrap;
|
|
150
|
+
border: 0;
|
|
151
|
+
}
|
|
152
|
+
`,m=i`
|
|
153
|
+
:host([appearance="fill"]),
|
|
154
|
+
:host(:not([appearance])) {
|
|
155
|
+
--_bg: var(--_solid);
|
|
156
|
+
--_bg-hover: var(--_solid-hover);
|
|
157
|
+
--_bg-active: var(--_solid-active);
|
|
158
|
+
--_fg: var(--_onSolid);
|
|
159
|
+
--_bd: transparent;
|
|
160
|
+
}
|
|
161
|
+
:host([appearance="default"]) {
|
|
162
|
+
--_bg: var(--_tint);
|
|
163
|
+
--_bg-hover: var(--_tint-hover);
|
|
164
|
+
--_bg-active: var(--_tint-active);
|
|
165
|
+
--_fg: var(--_fgTint);
|
|
166
|
+
--_bd: transparent;
|
|
167
|
+
}
|
|
168
|
+
:host([appearance="outline"]) {
|
|
169
|
+
--_bg: transparent;
|
|
170
|
+
--_bg-hover: var(--_wash-hover);
|
|
171
|
+
--_bg-active: var(--_wash-active);
|
|
172
|
+
--_fg: var(--_accent);
|
|
173
|
+
--_bd: var(--_solid);
|
|
174
|
+
}
|
|
175
|
+
:host([appearance="ghost"]) {
|
|
176
|
+
--_bg: transparent;
|
|
177
|
+
--_bg-hover: var(--_wash-hover);
|
|
178
|
+
--_bg-active: var(--_wash-active);
|
|
179
|
+
--_fg: var(--_accent);
|
|
180
|
+
--_bd: transparent;
|
|
181
|
+
}
|
|
182
|
+
:host([appearance="ghost"]:not([variant])) {
|
|
183
|
+
--_accent: var(--eun-text-secondary, #484e61);
|
|
184
|
+
--_wash-hover: var(--eun-content-hover, #edeff0);
|
|
185
|
+
--_wash-active: var(--eun-disabled-color, #ecedf0);
|
|
186
|
+
}
|
|
187
|
+
:host([appearance="raised"]) {
|
|
188
|
+
--_bg: transparent;
|
|
189
|
+
--_bg-hover: transparent;
|
|
190
|
+
--_bg-active: transparent;
|
|
191
|
+
--_fg: var(--_accent);
|
|
192
|
+
--_bd: transparent;
|
|
193
|
+
--_boxShadow: var(
|
|
194
|
+
--button-shadow,
|
|
195
|
+
var(--eun-shadow-s, "rgba(149, 157, 165, 0.2) 0px 8px 24px")
|
|
196
|
+
);
|
|
197
|
+
--_boxShadow-hover: var(
|
|
198
|
+
--button-shadow-hover,
|
|
199
|
+
var(
|
|
200
|
+
--eun-shadow-m,
|
|
201
|
+
"rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px"
|
|
202
|
+
)
|
|
203
|
+
);
|
|
204
|
+
}
|
|
205
|
+
:host([appearance="flat"]) {
|
|
206
|
+
--_bg: var(--_flat);
|
|
207
|
+
--_bg-hover: var(--_flat-hover);
|
|
208
|
+
--_bg-active: var(--_flat-hover);
|
|
209
|
+
--_fg: var(--_flatFg);
|
|
210
|
+
--_bd: transparent;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
/* States : a custom background wins, derived when only the rest one is set. */
|
|
214
|
+
:host(:not([disabled])) #button:is(:hover, :focus-visible),
|
|
215
|
+
:host(:not([disabled]):focus-visible) #button {
|
|
216
|
+
background: var(
|
|
217
|
+
--button-background-hover,
|
|
218
|
+
var(--_hoverFromCustom, var(--_bg-hover))
|
|
219
|
+
);
|
|
220
|
+
}
|
|
221
|
+
:host(:not([disabled])) #button:active {
|
|
222
|
+
background: var(
|
|
223
|
+
--button-background-active,
|
|
224
|
+
var(--_activeFromCustom, var(--_bg-active))
|
|
225
|
+
);
|
|
226
|
+
}
|
|
227
|
+
:host([appearance="raised"]:not([disabled])) #button:active {
|
|
228
|
+
box-shadow: var(
|
|
229
|
+
--eun-shadow-l,
|
|
230
|
+
"rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px"
|
|
231
|
+
);
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
/* A solid semantic button darkens instead of switching color. */
|
|
235
|
+
:host(
|
|
236
|
+
[appearance="fill"]:is(
|
|
237
|
+
[variant="critical"],
|
|
238
|
+
[variant="success"],
|
|
239
|
+
[variant="warning"]
|
|
240
|
+
):not([disabled]):is(:hover, :focus-visible)
|
|
241
|
+
)
|
|
242
|
+
#button,
|
|
243
|
+
:host(
|
|
244
|
+
[appearance="fill"]:is(
|
|
245
|
+
[variant="critical"],
|
|
246
|
+
[variant="success"],
|
|
247
|
+
[variant="warning"]
|
|
248
|
+
):not([disabled])
|
|
249
|
+
)
|
|
250
|
+
#button:is(:hover, :focus-visible) {
|
|
251
|
+
filter: brightness(0.9);
|
|
252
|
+
}
|
|
253
|
+
:host([appearance="fill"][variant="critical"]:not([disabled])) #button:active,
|
|
254
|
+
:host([appearance="fill"][variant="success"]:not([disabled])) #button:active,
|
|
255
|
+
:host([appearance="fill"][variant="warning"]:not([disabled])) #button:active {
|
|
256
|
+
filter: brightness(0.8);
|
|
257
|
+
}
|
|
258
|
+
`,w=i`
|
|
259
|
+
:host([disabled]) {
|
|
260
|
+
--_bg: var(--eun-disabled-color, #ecedf0);
|
|
261
|
+
--_bg-hover: var(--eun-disabled-color, #ecedf0);
|
|
262
|
+
--_bg-active: var(--eun-disabled-color, #ecedf0);
|
|
263
|
+
--_fg: var(--eun-text-disabled-color, #8d93aa);
|
|
264
|
+
--_bd: transparent;
|
|
265
|
+
--_boxShadow: none;
|
|
266
|
+
--_boxShadow-hover: none;
|
|
267
|
+
--_cursor: not-allowed;
|
|
268
|
+
}
|
|
269
|
+
:host([disabled]) #button {
|
|
270
|
+
--_icon-color: currentColor;
|
|
271
|
+
--_textColor: var(--_fg);
|
|
272
|
+
background: var(--_bg);
|
|
273
|
+
border-color: var(--_bd);
|
|
274
|
+
pointer-events: none;
|
|
275
|
+
}
|
|
276
|
+
`,y=i`
|
|
277
|
+
:host([slide]) {
|
|
278
|
+
width: auto;
|
|
279
|
+
}
|
|
280
|
+
:host([slide]) #button {
|
|
281
|
+
display: grid;
|
|
282
|
+
grid-template-columns: auto 0fr auto;
|
|
283
|
+
gap: 0;
|
|
284
|
+
align-items: center;
|
|
285
|
+
justify-content: start;
|
|
286
|
+
transition: grid-template-columns ease var(--_transition);
|
|
287
|
+
}
|
|
288
|
+
:host([slide]:hover) #button,
|
|
289
|
+
:host([slide]:focus-visible) #button,
|
|
290
|
+
:host([slide]) #button:focus-visible {
|
|
291
|
+
grid-template-columns: auto 1fr auto;
|
|
292
|
+
}
|
|
293
|
+
:host([slide]) slot:not([name]) {
|
|
294
|
+
display: inline-block;
|
|
295
|
+
overflow: hidden;
|
|
296
|
+
white-space: nowrap;
|
|
297
|
+
text-overflow: ellipsis;
|
|
298
|
+
margin-left: 0;
|
|
299
|
+
opacity: 0;
|
|
300
|
+
transition:
|
|
301
|
+
margin-left ease var(--_transition),
|
|
302
|
+
opacity ease var(--_transition);
|
|
303
|
+
}
|
|
304
|
+
:host([slide]:hover) slot:not([name]),
|
|
305
|
+
:host([slide]:focus-visible) slot:not([name]),
|
|
306
|
+
:host([slide]) #button:focus-visible slot:not([name]) {
|
|
307
|
+
margin-left: var(--_gap);
|
|
308
|
+
opacity: 1;
|
|
309
|
+
}
|
|
310
|
+
`,k=i`
|
|
311
|
+
:host([full]) {
|
|
312
|
+
display: flex;
|
|
313
|
+
width: 100%;
|
|
314
|
+
}
|
|
315
|
+
:host([full]) #button {
|
|
316
|
+
justify-content: center;
|
|
317
|
+
}
|
|
318
|
+
`,S=i`
|
|
319
|
+
@supports (width: if(style(--a: b): 1px; else: 2px)) {
|
|
320
|
+
:host {
|
|
321
|
+
width: if(style(--button-full: true): 100%; else: fit-content);
|
|
322
|
+
}
|
|
323
|
+
#button {
|
|
324
|
+
justify-content: if(style(--button-full: true): center; else: normal);
|
|
325
|
+
}
|
|
326
|
+
}
|
|
327
|
+
`,g=[h,x,m,w,y,S,k];var z="eun-button",t=class extends v(f(_(u))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026";this.appearance="fill";this.full=!1}updated(e){if(super.updated(e),e.has("href")||e.has("disabled")||e.has("loading")){let r=this.disabled||this.loading;this.href&&!r?this.removeAttribute("tabindex"):this.setAttribute("tabindex",r?"-1":"0")}}renderEndContent(){return this.href&&this.target==="_blank"?a`
|
|
328
|
+
<span id="external-link-icon">
|
|
329
|
+
<eun-icon name="arrow_forward" shape="round" size="12"></eun-icon>
|
|
330
|
+
${this.ariaLabel?l:a`<span class="sr-only"> (opens in a new tab)</span>`}
|
|
331
|
+
</span>
|
|
332
|
+
`:a`<slot name="end"></slot>`}renderContent(){let e=p(this.icon,this.severity),r=a`
|
|
333
|
+
<slot name="start">
|
|
334
|
+
${e?a`<eun-icon
|
|
335
|
+
class="auto-icon"
|
|
336
|
+
name=${e}
|
|
337
|
+
size="16"
|
|
338
|
+
></eun-icon>`:l}
|
|
339
|
+
</slot>
|
|
340
|
+
<slot></slot>
|
|
341
|
+
${this.renderEndContent()}
|
|
342
|
+
`;return this.loading?a`
|
|
343
|
+
<span id="content-hidden" aria-hidden="true">${r}</span>
|
|
344
|
+
<span id="loader-overlay">
|
|
345
|
+
<eun-loader label=${this.loadingLabel}></eun-loader>
|
|
346
|
+
<span class="sr-only" role="status" aria-live="polite"
|
|
347
|
+
>${this.loadingLabel}</span
|
|
348
|
+
>
|
|
349
|
+
</span>
|
|
350
|
+
`:r}handleLinkClick(e){this.download||b(this,e,this.href,this.target)}render(){let e=this.renderContent(),r=this.disabled||this.loading;if(this.href){let d=this.target==="_blank";return a`
|
|
351
|
+
<a
|
|
352
|
+
id="button"
|
|
353
|
+
href=${o(r?void 0:this.href)}
|
|
354
|
+
target=${o(this.target)}
|
|
355
|
+
rel=${o(d?"noopener noreferrer":void 0)}
|
|
356
|
+
download=${o(this.download)}
|
|
357
|
+
aria-label=${o(d&&this.ariaLabel?`${this.ariaLabel} (opens in a new tab)`:this.ariaLabel??void 0)}
|
|
358
|
+
aria-disabled=${o(this.disabled?"true":void 0)}
|
|
359
|
+
aria-busy=${o(this.loading?"true":void 0)}
|
|
360
|
+
@click=${this.handleLinkClick}
|
|
361
|
+
>
|
|
362
|
+
${e}
|
|
363
|
+
</a>
|
|
364
|
+
`}return a`
|
|
365
|
+
<div
|
|
366
|
+
id="button"
|
|
367
|
+
aria-busy=${o(this.loading?"true":void 0)}
|
|
368
|
+
>
|
|
369
|
+
${e}
|
|
370
|
+
</div>
|
|
371
|
+
`}};t.styles=g,n([s({attribute:"loading-label"})],t.prototype,"loadingLabel",2),n([s()],t.prototype,"icon",2),n([s({reflect:!0})],t.prototype,"severity",2),n([s({reflect:!0})],t.prototype,"appearance",2),n([s({type:Boolean,reflect:!0})],t.prototype,"full",2),t=n([c(z)],t);export{z as a,t as b};
|
|
@@ -10,7 +10,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
|
|
|
10
10
|
var(--eun-surface-color, #ffffff)
|
|
11
11
|
);
|
|
12
12
|
box-shadow: inset 0 0 0 9999px transparent;
|
|
13
|
-
border-bottom: var(--eun-
|
|
13
|
+
border-bottom: var(--eun-border-width-s, 1px) solid
|
|
14
14
|
var(--table-border-color, var(--eun-border-color, #dee0e7));
|
|
15
15
|
transition:
|
|
16
16
|
background-color var(--_table-row-transition-duration) ease,
|
|
@@ -39,7 +39,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
|
|
|
39
39
|
position: sticky;
|
|
40
40
|
bottom: 0;
|
|
41
41
|
z-index: var(--_table-z-sticky-row, 3);
|
|
42
|
-
border-top: var(--eun-
|
|
42
|
+
border-top: var(--eun-border-width-s, 1px) solid
|
|
43
43
|
var(
|
|
44
44
|
--table-sticky-border-color,
|
|
45
45
|
var(--table-border-color, var(--eun-border-color, #dee0e7))
|
|
@@ -73,7 +73,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
|
|
|
73
73
|
);
|
|
74
74
|
box-shadow: inset 0 0 0 9999px transparent;
|
|
75
75
|
padding-inline-start: var(--eun-space-s);
|
|
76
|
-
border-inline-end: var(--eun-
|
|
76
|
+
border-inline-end: var(--eun-border-width-s, 1px) solid
|
|
77
77
|
var(
|
|
78
78
|
--table-sticky-border-color,
|
|
79
79
|
var(--table-column-border-color, transparent)
|
|
@@ -139,7 +139,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
|
|
|
139
139
|
position: sticky;
|
|
140
140
|
left: var(--_table-select-offset, 0px);
|
|
141
141
|
z-index: var(--_table-z-sticky-col, 2);
|
|
142
|
-
border-inline-end: var(--eun-
|
|
142
|
+
border-inline-end: var(--eun-border-width-s, 1px) solid
|
|
143
143
|
var(
|
|
144
144
|
--table-sticky-border-color,
|
|
145
145
|
var(--table-column-border-color, transparent)
|
|
@@ -212,7 +212,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
|
|
|
212
212
|
position: sticky;
|
|
213
213
|
right: 0;
|
|
214
214
|
z-index: var(--_table-z-sticky-col, 2);
|
|
215
|
-
border-inline-start: var(--eun-
|
|
215
|
+
border-inline-start: var(--eun-border-width-s, 1px) solid
|
|
216
216
|
var(
|
|
217
217
|
--table-sticky-border-color,
|
|
218
218
|
var(--table-column-border-color, transparent)
|
|
@@ -223,7 +223,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
|
|
|
223
223
|
position: sticky;
|
|
224
224
|
right: var(--_table-action-offset, 0px);
|
|
225
225
|
z-index: var(--_table-z-sticky-col, 2);
|
|
226
|
-
border-inline-start: var(--eun-
|
|
226
|
+
border-inline-start: var(--eun-border-width-s, 1px) solid
|
|
227
227
|
var(
|
|
228
228
|
--table-sticky-border-color,
|
|
229
229
|
var(--table-column-border-color, transparent)
|
|
@@ -43,7 +43,7 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
|
|
|
43
43
|
padding: var(--scheduler-event-padding, var(--eun-space-xs, 4px));
|
|
44
44
|
border-radius: var(
|
|
45
45
|
--scheduler-event-radius,
|
|
46
|
-
var(--eun-
|
|
46
|
+
var(--eun-border-radius-s, 5px)
|
|
47
47
|
);
|
|
48
48
|
outline: 2px solid transparent;
|
|
49
49
|
cursor: pointer;
|
|
@@ -129,7 +129,7 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
|
|
|
129
129
|
white-space: nowrap;
|
|
130
130
|
color: var(--scheduler-event-title-color, var(--eun-text-color, #071621));
|
|
131
131
|
font-size: 12px;
|
|
132
|
-
font-weight: var(--eun-
|
|
132
|
+
font-weight: var(--eun-font-weight-m, 600);
|
|
133
133
|
line-height: 1.3;
|
|
134
134
|
}
|
|
135
135
|
|
|
@@ -23,11 +23,11 @@ import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";
|
|
|
23
23
|
width: max-content;
|
|
24
24
|
max-width: 100%;
|
|
25
25
|
box-sizing: border-box;
|
|
26
|
-
border: var(--eun-
|
|
26
|
+
border: var(--eun-border-width-s, 1px) solid
|
|
27
27
|
var(--table-action-bar-border-color, var(--eun-border-color, #dee0e7));
|
|
28
28
|
border-radius: var(
|
|
29
29
|
--table-action-bar-border-radius,
|
|
30
|
-
var(--eun-
|
|
30
|
+
var(--eun-border-radius-l, 10px)
|
|
31
31
|
);
|
|
32
32
|
background: var(
|
|
33
33
|
--table-action-bar-background,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as l,i,j as n}from"./chunk-XH6NREVZ.js";var a=30,v=16,m=c=>{class o extends c{constructor(){super(...arguments);this.overflowState=!1;this.resizeObserver=new ResizeObserver(()=>{this.resizeObserverCallback(),this.handleOverflow()})}firstUpdated(e){super.firstUpdated(e),this.resizeObserver.observe(this)}disconnectedCallback(){this.resizeObserver.disconnect(),super.disconnectedCallback?.()}scrollItem(e){return()=>{this.scrollableElement.scrollBy({behavior:"smooth",left:150*(e==="front"?1:-1)})}}updateScroll(){this.overflowState=this.getOverflowStatus()}isOnOverflow(){let e=this.shadowRoot?.querySelector('slot[name="navigation"]');if(!e||!(e instanceof HTMLSlotElement))return!1;let t=e.assignedElements();if(!t||!t.length)return!1;let r=t.reduce((d,f)=>d+(f.getBoundingClientRect().width||0),0)+(t.length-1)*this.getContentGap(),s=this.shadowRoot?.querySelector("#scrollable");return s?r>s.clientWidth:!1}getContentGap(){let e=this.shadowRoot?.host??document.body,t=getComputedStyle(e).getPropertyValue("--eun-overflow-content-gap")||v;return typeof t=="number"?t:parseFloat(t)}handleOverflow(){(!this.overflowState&&this.isOnOverflow()||this.overflowState&&!this.isOnOverflow())&&this.updateScroll()}getOverflowStatus(){if(!this.isOnOverflow())return!1;let e=this.scrollableElement,t=e.scrollWidth-e.scrollLeft-e.clientWidth<a,r=e.scrollLeft<a;return!r&&!t?"middle":r?"start":t?"end":!1}resizeObserverCallback(){}}return l([i()],o.prototype,"overflowState",2),l([n("#scrollable")],o.prototype,"scrollableElement",2),o};export{m as a};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{a as b,c as p,d as f,e as i}from"./chunk-
|
|
1
|
+
import{a as b,c as p,d as f,e as i}from"./chunk-OAULRKHQ.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as u}from"./chunk-T7WABJEJ.js";import{a as o,f as d,g as s,h as a,n as l,s as c}from"./chunk-XH6NREVZ.js";var v=n=>{class r extends n{constructor(){super(...arguments);this.checked=!1;this.checkable=!0;this.buildCommonValidators=()=>this.required&&!this.checked?{validity:{valueMissing:!0},message:"Field value is missing"}:{validity:{}}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","radio"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.defaultChecked!==void 0&&!this.hasAttribute("checked")&&(this.checked=this.defaultChecked),this.addEventListener("keydown",this.handleKeydown)}formResetCallback(){this.checked=this.defaultChecked??!1,this.dirty=!1,this.touched=!1}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("checked")&&(this.setAttribute("aria-checked",String(this.checked)),this.updateInternals()),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid))}handleClick(e){this.handleChange(e)}handleChange(e){if(e.stopPropagation(),!(this.disabled||this.readonly||this.inert)&&(e.preventDefault(),!this.checked)){if(this.checked=!0,this.updateInternals(),this.checkValidity(this.checked),this.description){let k=this.description instanceof Array?this.description.join(","):this.description;this.setAttribute("aria-description",k)}else this.removeAttribute("aria-description");this.dispatchEvent(new h(this.checked))}}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return o([a({type:Boolean,reflect:!0})],r.prototype,"checked",2),o([a({type:Boolean,attribute:"default-checked"})],r.prototype,"defaultChecked",2),r};var x=s`
|
|
2
2
|
:host {
|
|
3
3
|
--_borderColor: var(--radio-border-color, var(--eun-border-color, #dee0e7));
|
|
4
4
|
--_background: var(--radio-background, transparent);
|
|
5
5
|
--_color: var(--eun-text-color, #071621);
|
|
6
|
-
--_roundDiameter: var(--radio-size, var(--eun-
|
|
6
|
+
--_roundDiameter: var(--radio-size, var(--eun-font-size-m, 16px));
|
|
7
7
|
--_focusIndicator: var(
|
|
8
8
|
--radio-focus-outline-color,
|
|
9
9
|
var(--eun-color-primary-500, #3d6fff)
|
|
@@ -17,7 +17,7 @@ import{a as b,c as p,d as f,e as i}from"./chunk-2IQUMAMI.js";import{a as h}from"
|
|
|
17
17
|
--_roundGap: 2px;
|
|
18
18
|
--_cursor: pointer;
|
|
19
19
|
font-family: var(--eun-font-family, "Mulish", sans-serif);
|
|
20
|
-
font-size: var(--eun-
|
|
20
|
+
font-size: var(--eun-font-size-s, 14px);
|
|
21
21
|
display: inline-flex;
|
|
22
22
|
align-items: center;
|
|
23
23
|
outline: none;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as r}from"./chunk-YYCEPZUN.js";import{a as i,h as a}from"./chunk-XH6NREVZ.js";var l=s=>{class t extends s{constructor(){super(...arguments);this.checked=!1;this.checkable=!0;this.buildCommonValidators=()=>this.required&&!this.checked?{validity:{valueMissing:!0},message:"Field value is missing"}:{validity:{}}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","checkbox"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.defaultChecked!==void 0&&!this.hasAttribute("checked")&&(this.checked=this.defaultChecked),this.addEventListener("keydown",this.handleKeydown)}formResetCallback(){this.checked=this.defaultChecked??!1,this.dirty=!1,this.touched=!1}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("checked")&&(this.setAttribute("aria-checked",String(this.checked)),this.updateInternals()),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid)),e.has("required")&&this.setAttribute("aria-required",String(this.required))}handleClick(e){this.handleChange(e)}handleChange(e){if(e.stopPropagation(),!(this.disabled||this.readonly||this.inert)){if(e.preventDefault(),this.checked=!this.checked,this.updateInternals(),this.checkValidity(this.checked),this.description){let d=this.description instanceof Array?this.description.join(","):this.description;this.setAttribute("aria-description",d)}else this.removeAttribute("aria-description");this.dispatchEvent(new r(this.checked))}}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return i([a({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([a({type:Boolean,attribute:"default-checked"})],t.prototype,"defaultChecked",2),t};export{l as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as t}from"./chunk-5EVP7YNE.js";import{a as l}from"./chunk-BKHD4S57.js";import{a as n,g as s,h as a,n as i,p as o}from"./chunk-XH6NREVZ.js";var L=d=>{class r extends d{get isExternal(){return this.target==="_blank"}get linkAriaLabel(){let e=this.ariaLabel??void 0;return this.isExternal&&e?`${e} (opens in a new tab)`:e}handleCardLinkClick(e){this.download||l(this,e,this.href,this.target)}renderNewTabHint(){return!(this.href&&this.isExternal)||this.ariaLabel?o:i`<span class="sr-only"> (opens in a new tab)</span>`}renderExternalLinkBadge(){return this.href&&this.isExternal?i`
|
|
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>
|
|
@@ -3,7 +3,7 @@ import{a as t,f as l,g as o,n as r,s as a}from"./chunk-XH6NREVZ.js";var s=o`
|
|
|
3
3
|
display: flex;
|
|
4
4
|
box-sizing: border-box;
|
|
5
5
|
min-width: 0;
|
|
6
|
-
border-inline-end: var(--eun-
|
|
6
|
+
border-inline-end: var(--eun-border-width-s, 1px) solid
|
|
7
7
|
var(--table-column-border-color, transparent);
|
|
8
8
|
}
|
|
9
9
|
|
|
@@ -20,7 +20,7 @@ import{a as t,f as l,g as o,n as r,s as a}from"./chunk-XH6NREVZ.js";var s=o`
|
|
|
20
20
|
width: 100%;
|
|
21
21
|
min-width: 0;
|
|
22
22
|
padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
|
|
23
|
-
font-size: var(--eun-
|
|
23
|
+
font-size: var(--eun-font-size-s, 13px);
|
|
24
24
|
color: var(--table-cell-color, var(--eun-text-color, #071621));
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import{n as o,r as f}from"./chunk-XH6NREVZ.js";var $=[{name:"red",label:"Red",text:"#d8291c",highlight:"#fbe0de"},{name:"orange",label:"Orange",text:"#f2790f",highlight:"#fdead4"},{name:"yellow",label:"Yellow",text:"#b18f22",highlight:"#faf3d6"},{name:"green",label:"Green",text:"#1b7a4d",highlight:"#ddf0e6"},{name:"blue",label:"Blue",text:"#148cd2",highlight:"#dcefff"},{name:"purple",label:"Purple",text:"#6d28d9",highlight:"#ece3fc"},{name:"gray",label:"Gray",text:"#484e61",highlight:"#eceef2"}];function d(e){return $.find(t=>t.name===e)}var T=/^\[align:(start|center|end|justify)\]\n?/;function p(e){let t=T.exec(e);return t?{align:t[1],body:e.slice(t[0].length)}:{align:"start",body:e}}function N(e,t){return e==="start"?t:`[align:${e}]
|
|
2
|
+
${t}`}function c(e){let t=[],i="",n=0,l=()=>{i&&(t.push({type:"text",value:i}),i="")};for(;n<e.length;){let a=e.slice(n),h=/^\[([^\]]+)\]\(([^)]+)\)/.exec(a);if(h){l(),t.push({type:"link",href:h[2],children:c(h[1])}),n+=h[0].length;continue}let g=/^\{color=([a-z]+)\}/.exec(a);if(g){let r=e.indexOf("{/color}",n+g[0].length);if(r!==-1){l(),t.push({type:"color",color:g[1],children:c(e.slice(n+g[0].length,r))}),n=r+8;continue}}let u=/^\{highlight=([a-z]+)\}/.exec(a);if(u){let r=e.indexOf("{/highlight}",n+u[0].length);if(r!==-1){l(),t.push({type:"highlight",color:u[1],children:c(e.slice(n+u[0].length,r))}),n=r+12;continue}}if(e.startsWith("***",n)){let r=e.indexOf("***",n+3);if(r!==-1){l(),t.push({type:"bold",children:[{type:"italic",children:c(e.slice(n+3,r))}]}),n=r+3;continue}}if(e.startsWith("**",n)){let r=e.indexOf("**",n+2);if(r!==-1){l(),t.push({type:"bold",children:c(e.slice(n+2,r))}),n=r+2;continue}}if(e.startsWith("__",n)){let r=e.indexOf("__",n+2);if(r!==-1){l(),t.push({type:"underline",children:c(e.slice(n+2,r))}),n=r+2;continue}}if(e[n]==="*"){let r=e.indexOf("*",n+1);if(r!==-1){l(),t.push({type:"italic",children:c(e.slice(n+1,r))}),n=r+1;continue}}i+=e[n],n+=1}return l(),t}function m(e){return e.reduce((t,i)=>i.type==="text"?t+i.value.length:t+m(i.children),0)}function _(e){let{body:t}=p(e),i=t.length?t.split(`
|
|
3
|
+
`):[""];return i.reduce((n,l)=>n+m(c(l)),0)+i.length-1}function s(e){return o`${e.map(b)}`}function b(e){switch(e.type){case"text":return e.value;case"bold":return o`<strong>${s(e.children)}</strong>`;case"italic":return o`<em>${s(e.children)}</em>`;case"underline":return o`<u>${s(e.children)}</u>`;case"color":{let t=d(e.color);return o`<span
|
|
4
|
+
data-color=${e.color}
|
|
5
|
+
style="color: ${t?.text??"inherit"}"
|
|
6
|
+
>${s(e.children)}</span
|
|
7
|
+
>`}case"highlight":{let t=d(e.color);return o`<span
|
|
8
|
+
data-highlight=${e.color}
|
|
9
|
+
style="background-color: ${t?.highlight??"transparent"}"
|
|
10
|
+
>${s(e.children)}</span
|
|
11
|
+
>`}case"link":return o`<a href=${e.href}>${s(e.children)}</a>`}}function I(e){let t=[],i=[],n=()=>{i.length&&(t.push({type:"list",items:i}),i=[])};return e.split(`
|
|
12
|
+
`).forEach(l=>{let a=l.trim();if(a.startsWith("- ")){i.push(a.slice(2));return}n(),a&&t.push({type:"paragraph",text:a})}),n(),t}function L(e){let{body:t}=p(e);return o`${I(t).map(i=>i.type==="list"?o`<ul>
|
|
13
|
+
${i.items.map(n=>o`<li>${s(c(n))}</li>`)}
|
|
14
|
+
</ul>`:o`<p>${s(c(i.text))}</p>`)}`}function x(e){let t=[];e.childNodes.forEach(i=>{i.nodeType===Node.COMMENT_NODE?t.push(i):x(i)}),t.forEach(i=>e.removeChild(i))}function E(e){let t=document.createElement("div"),i=e.length?e.split(`
|
|
15
|
+
`):[""];f(o`${i.map(l=>o`<p>${s(c(l))}</p>`)}`,t),x(t);let n=Array.from(t.children);return n.forEach(l=>{l.hasChildNodes()||l.appendChild(document.createElement("br"))}),n}function M(e,t){let{align:i,body:n}=p(t);e.style.textAlign=i==="start"?"":i,e.replaceChildren(...E(n))}var R={STRONG:["**","**"],B:["**","**"],EM:["*","*"],I:["*","*"],U:["__","__"]};function y(e){if(e.nodeType===Node.TEXT_NODE)return(e.textContent??"").replace(/\u200B/g,"");if(e.nodeName==="BR"||!(e instanceof HTMLElement))return"";let t=Array.from(e.childNodes).map(y).join(""),i=R[e.tagName];if(i)return`${i[0]}${t}${i[1]}`;if(e.tagName==="A")return`[${t}](${e.getAttribute("href")??""})`;if(e.tagName==="SPAN"){let n=e.dataset.color;if(n)return`{color=${n}}${t}{/color}`;let l=e.dataset.highlight;if(l)return`{highlight=${l}}${t}{/highlight}`}return t}function v(e){let t=Array.from(e.children),i=t.length?t.map(l=>Array.from(l.childNodes).map(y).join("")).join(`
|
|
16
|
+
`):e.textContent??"",n=e.style.textAlign||"start";return N(n,i)}export{$ as a,d as b,p as c,_ as d,L as e,M as f,v as g};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-
|
|
1
|
+
import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-UAGCQF23.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as T}from"./chunk-XSMCT4DF.js";import{a as M}from"./chunk-GW3VP2L7.js";import{a as w,b as o,c as x,d as $,e as d}from"./chunk-OAULRKHQ.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as v}from"./chunk-T7WABJEJ.js";import{a as p}from"./chunk-A4EQSU36.js";import{a as l}from"./chunk-5EVP7YNE.js";import{a as i,f as u,g as b,h as t,i as m,j as f,l as y,n as r,p as n,s as g}from"./chunk-XH6NREVZ.js";var C=b`
|
|
2
2
|
.has-trailing-action #field {
|
|
3
3
|
padding-inline-end: calc(
|
|
4
4
|
calc(var(--eun-space-l, 32px) * 1.2) + var(--eun-space-xs, 4px)
|
|
@@ -8,7 +8,7 @@ import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-6UPI7GHJ.js";
|
|
|
8
8
|
appearance: none;
|
|
9
9
|
display: none;
|
|
10
10
|
}
|
|
11
|
-
`,S=[V,C];var P="eun-input",F=v($(g)),R=T(M(w(L(x(F))))),e=class extends R{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.target.value,this.dispatchEvent(new h)}handleClear(){this.value="",this.dispatchEvent(new h),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let a=!!this.value?.trim().length;return r`
|
|
11
|
+
`,S=[V,C];var P="eun-input",F=v($(g)),R=T(M(w(L(x(F))))),e=class extends R{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.target.value,this.dispatchEvent(new h(this.value))}handleClear(){this.value="",this.dispatchEvent(new h(this.value)),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let a=!!this.value?.trim().length;return r`
|
|
12
12
|
<div
|
|
13
13
|
id="readonly-display"
|
|
14
14
|
role="button"
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import{a as m}from"./chunk-YYCEPZUN.js";import{a,g as h,h as n,i as o,n as u,p as g}from"./chunk-XH6NREVZ.js";var T=l=>{class i extends l{constructor(){super(...arguments);this.readonly=!1}updated(e){super.updated(e),e.has("readonly")&&this.setAttribute("aria-readonly",String(this.readonly))}}return a([n({type:Boolean,reflect:!0})],i.prototype,"readonly",2),i};function b(l,i,c){return l?i(l):c?.(l)}var H=l=>{class i extends l{constructor(...e){super(...e);this.hideError=!1;this.checkable=!1;this.checked=!1;this.dirty=!1;this.touched=!1;this.controlled=!1;this.#e=()=>{this.dirty||(this.dirty=!0)};this.#t=()=>{this.touched||(this.touched=!0)};this.internals||(this.internals=this.attachInternals())}static{this.formAssociated=!0}#e;#t;get pristine(){return!this.dirty}get untouched(){return!this.touched}get defaultValue(){return this.internalDefaultValue}set defaultValue(e){let t=this.value==null||Array.isArray(this.value)&&this.value.length===0;e!=null&&(this.defaultValue==null||this.defaultValue==="")&&t&&(this.value=e),this.internalDefaultValue=e}get value(){return this.valueState}set value(e){this.valueState=e,this.setFormValue(e)}get description(){if(!this.hideError)return this.errorMessages.length?this.errorMessages:this.validationMessage.length?this.validationMessage:this.hint}get form(){return this.internals.form}get type(){return this.localName}connectedCallback(){super.connectedCallback?.(),this.checkable&&this.checked&&this.setFormValue(this.value),this.checkable||this.defaultValue===void 0||this.defaultValue===""||(this.value=this.defaultValue),this.checkValidity(this.value),this.addEventListener(m.eventName,this.#e),this.addEventListener("focusout",this.#t)}disconnectedCallback(){this.removeEventListener(m.eventName,this.#e),this.removeEventListener("focusout",this.#t),super.disconnectedCallback?.()}willUpdate(e){if(e.has("value")||e.has("valueState")||e.has("checked")||e.has("validators")||e.has("required")){let t=this.checkable?this.checked:this.value;this.checkValidity(t)}super.willUpdate(e)}setFormValue(e){let t=new FormData;if(this.disabled||this.checkable&&!this.checked){this.internals.setFormValue(t);return}let s=this.name||this.getAttribute("name");if(!s){this.internals.setFormValue(t);return}Array.isArray(e)?e.forEach(r=>t.append(s,r instanceof File?r:String(r))):e!=null&&(e instanceof File?t.append(s,e):t.append(s,this.checkable&&!this.value?"on":String(e))),this.internals.setFormValue(t)}formResetCallback(){this.controlled||(this.checkable?this.checked=!1:this.value=this.defaultValue),this.dirty=!1,this.touched=!1}renderDescription(){return this.renderError()}renderError(){let{description:e}=this;return e&&e.length&&!(this.errorMessages&&this.errorMessages.length)&&!(this.validationMessage||this.validationMessage.length)?u`
|
|
2
|
+
<p id="description" class="hint-messages">
|
|
3
|
+
<span>${e}</span>
|
|
4
|
+
</p>
|
|
5
|
+
`:this.valid||this.hideError||this.disabled||!e?.length?g:u`
|
|
6
|
+
<p id="description" class="error-messages">
|
|
7
|
+
${b(Array.isArray(e),()=>e.map(s=>u`<span>${s}</span>`),()=>u`<span>${e}</span>`)}
|
|
8
|
+
</p>
|
|
9
|
+
`}}return a([n({reflect:!0})],i.prototype,"name",2),a([n()],i.prototype,"hint",2),a([n({type:Boolean,attribute:"hide-error"})],i.prototype,"hideError",2),a([o()],i.prototype,"valueState",2),a([o()],i.prototype,"dirty",2),a([o()],i.prototype,"touched",2),a([n({type:Boolean})],i.prototype,"controlled",2),a([n({attribute:"default-value",converter:{fromAttribute:e=>e?e.split(","):void 0,toAttribute:e=>e?.join(",")??null}})],i.prototype,"defaultValue",1),a([n()],i.prototype,"value",1),i};var z=l=>{class i extends l{constructor(...e){super(...e);this.required=!1;this.valid=!0;this.errorMessages=[];this.internals||(this.internals=this.attachInternals())}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkLocalValidators(){return{validity:{}}}buildCommonValidators(){let{value:e}=this,t={},s,r=e==null||typeof e=="string"&&e.trim()===""||e instanceof Array&&!e.length;return this.required&&r&&(t.valueMissing=!0,s="Field value is missing"),{validity:t,message:s}}checkValidity(e){let t=this.checkLocalValidators(),s=this.buildCommonValidators(),r={...t.validity,...s.validity},d=s.message||t.message;if(this.validators&&this.validators?.length){let f=this.validators.reduce((v,V)=>this.collectErrors(v,V,e),[]);this.errorMessages=f,f.length>0&&(r.customError=!0,d=f.join(" ; "))}else this.errorMessages=[];this.valid=!Object.values(r).some(Boolean);let p=this.getFocusAnchor?.();return this.valid||p||!this.getFocusAnchor?this.setValidity(r,d,p):this.updateComplete.then(()=>this.setValidity(r,d,p)),this.internals.checkValidity()}reportValidity(e){return this.checkValidity(e),this.internals.reportValidity()}collectErrors(e,t,s){if("~standard"in t){let r=t["~standard"].validate(s);if(r instanceof Promise)throw new TypeError("Validation schemas must be synchronous");r.issues&&e.push(...r.issues.map(d=>d.message))}return"isValid"in t&&(typeof t.isValid=="function"?!t.isValid(s,this.getValidityData()):t.isValid===!1)&&e.push(t.message),"isInvalid"in t&&t.isInvalid({value:s})&&e.push(t.message),e}setValidity(e,t,s){let r=this.validationMessage;this.internals.setValidity(e,t,s),t!==r&&this.requestUpdate("valid")}getValidityData(){return{}}}return a([n({type:Array})],i.prototype,"validators",2),a([n({type:Boolean})],i.prototype,"required",2),a([o()],i.prototype,"valid",2),i};var k=h`
|
|
10
|
+
#description {
|
|
11
|
+
font-family: var(--eun-font-family, "Mulish", sans-serif);
|
|
12
|
+
display: block;
|
|
13
|
+
margin-block-start: var(--eun-space-xs, 4px);
|
|
14
|
+
font-size: var(--eun-font-size-xs, 12px);
|
|
15
|
+
margin-block: 0;
|
|
16
|
+
}
|
|
17
|
+
#description span {
|
|
18
|
+
display: block;
|
|
19
|
+
margin-top: var(--eun-space-xs, 4px);
|
|
20
|
+
}
|
|
21
|
+
`,M=h`
|
|
22
|
+
.error-messages {
|
|
23
|
+
color: var(--_errorColor);
|
|
24
|
+
}
|
|
25
|
+
`,E=h`
|
|
26
|
+
.hint-messages {
|
|
27
|
+
color: var(--_hintColor);
|
|
28
|
+
}
|
|
29
|
+
`,G={base:k,errorMessages:M,hintMessages:E};export{T as a,b,H as c,z as d,G as e};
|
|
30
|
+
/*! Bundled license information:
|
|
31
|
+
|
|
32
|
+
lit-html/directives/when.js:
|
|
33
|
+
(**
|
|
34
|
+
* @license
|
|
35
|
+
* Copyright 2021 Google LLC
|
|
36
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
+
*)
|
|
38
|
+
*/
|